@charset "UTF-8"; 

@font-face{
	font-family:'Asul'; 
	src:url(../fonts/asul-regular.eot)
}

@font-face{
	font-family:'Asul'; 
	src:url(../fonts/asul-regular.ttf)
}

*{
	font-family:'Asul',serif;
	font-family: 'Marcellus SC', serif;
	/*font-family:'Exo 2','Corben','Asul',serif;*/
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}

body {
	 overflow: hidden;
}

.chooseAnim{
	
	animation:chooseAnim 5s infinite;
	-webkit-animation:chooseAnim 5s infinite; 
	animation-timing-function:easeInOut; 
	-webkit-animation-timing-function:easeInOut; 
	
}
.chooseAnim2{
	
	animation:chooseAnim 6s infinite;
	-webkit-animation:chooseAnim 6s infinite; 
	animation-timing-function:easeInOut; 
	-webkit-animation-timing-function:easeInOut; 
	
}

@keyframes chooseAnim
{
0%    {top:30px;}
50% {top:60px;}
100% {top:30px;}

}


@-webkit-keyframes chooseAnim 
{
0%    {top:30px;}
50% {top:60px;}
100% {top:30px;}

}

.voted {
	width: 100px;
height: 100px;
background-image: url("../img/checkmark.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
bottom: -50px;
left: 115px;
z-index: 8;
display: block;
}

.votedead{
	width: 100px;
height: 100px;
background-image: url("../img/votedead.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
bottom: -50px;
left: 115px;
z-index: 8;
display: block;
}

.voteblank {
	width: 100px;
height: 100px;
background-image: url("../img/voteblank.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
bottom: -50px;
left: 115px;
z-index: 8;
display: block;
}

.karmaBall {
	background-image: url("../img/karmaball.png");
background-repeat: no-repeat;
background-position: left top;
height: 256px;
width: 256px;
position: absolute;
left: 20px;
top: 20px;
z-index: 512;
}

html, body, #map{
	height:100%; 
	margin:0; 
	padding:0; 
	width:100%; 
	background-color:#111;
	overflow:hiddenx;
	position:absolute;
}

#map{
	
	overflow:hidden;
	position:absolute;
	z-index:0;
	opacity:0;
}


*{
	-moz-user-select:-moz-none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 

	-ms-user-select:none; 
	user-select:none
}

#navBar{
	background-image:url(../img/bg-dar-trans.png); 
	bottom:0; 
	display:block; 
	height:50px; 
	position:absolute; 
	width:100%; 
	z-index:2
}

.leaflet-marker-iconlabel{
	color:#FFF; 
	font-size:15px; 
	margin-left:0; 
	position:absolute; 
	text-align:center; 
	text-shadow:1px 1px 0 #333; 
		xxxtext-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51);

	top:20px!important; 
	z-index:1;
	width: 100px;
left: -10px;
white-space: nowrap;
}

.continentLabel{
	color:#FFF; 
	font-size:64px; 
	font-weight:400; 
	text-shadow:2px 2px #333; 
		text-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51);

	text-transform:uppercase
}

.countryLabel{
	color:#Fff; 
	font-size:36px; 
	font-weight:400; 
	text-align:center; 
	text-shadow:1px 1px 3px #000; 
		text-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51);

	text-transform:uppercase; 
	white-space:pre
}

.regionLabel{
	background-image:url(../img/region.png); 
	background-position:center top; 
	background-repeat:no-repeat; 
	background-size:contain; 
	border-radius:4px 4px 4px 4px; 
	color:#fff; 
	colorx:#000; 
	font-size:16px; 
	font-weight:400; 
	height:38px!important; 
	line-height:28px; 
	padding:30px; 
	padding-left:30px; 
	padding-right:30px; 
	padding-top:15px; 
	padding-top:20px; 
	padding-top:6px; 
	text-align:center; 
	text-shadow:1px 1px 1px #000; 
	text-shadowx:1px 1px 1px #fff; 
		xxxtext-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51);

	text-transform:uppercase; 
	white-space:nowrap; 
	width:100px!important; 
	/*z-index:8192;
	font-size:24px;
	line-height:36px; */
	
}

.provinceLabel{
	color: #FFC;
font-size: 20px;
font-weight: 600;
text-align: center;
text-shadow: 1px 1px 3px #000;
text-transform: uppercase;
white-space: pre;

width: 120px!important; 
display: block;
height: 30px !important; 
margin-left: -60px !important; 
margin-top: -15px !important; 
   
}

.location, .leaflet-popup{
	background-image:url(../img/cardlocation.png)!important; 
	background-position:center center; 
	background-repeat:no-repeat!important; 
	display:block
}

.leaflet-popup.landmark{
	background-image:url(../img/player.png)!important; 
	background-position:center center; 
	background-repeat:no-repeat!important; 
	display:block
}

.cardPadding{
	padding-bottom:30px; 
	padding-left:30px; 
	padding-right:30px; 
	padding-top:5px
}

.bottomBlock{
	clear: both;
display: block;
float: left;
font-size: 20px;
height: auto;
line-height: 28px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
position: absolute;
z-index: 999;
top: 300px;
color: #FFF;
text-shadow: 1px 1px 2px #000;
padding-top: 20px;
/*border-top: dashed 1px !important;*/


}
.locationTitle{
	line-height: normal;
	color:#ffffff;
	font-size:48px;
	text-shadow:1px 1px 1px #000000;
	 position: absolute;
    top: -10px;
	
}
.bottomBlockCity{
	display: block;
position: absolute;
height: auto;
margin-left: 30px;
width: 270px;
top: 300px;
line-height: 28px;
font-size: 20px;
text-align: center;
text-shadow: -1px -1px 0px #050505;
color: #FFF;
margin-right: 20px;
}

.landscape{
	    height: 450px;
    left: 6px;
    overflow: hidden;
    position: absolute;
    width: 630px;
    top: 10px;
    z-index: -5;
	
}
}

.landscapeCity{
	height:220px; 
	left:5px; 
	overflow:hidden; 
	position:absolute; 
	top:60px; 
	width:320px; 
	z-index:1
}

.leaflet-popup{
	position:absolute; 
	text-align:center; 
	z-index:7
}

.leaflet-popup-content-wrapper{
	background-image:url(../img/cardlocation.png)!important; 
	background-position:center center; 
	background-repeat:no-repeat!important; 
	box-shadow:0 0 0 #000; 
	display:block; 
	margin:0; 
	min-width:330px; 
	padding:0 !important; 
	text-align:left;
	heightxxxx:460px;
	overflow:hidden;
}

.leaflet-popup-content{
	color:#333; 
	margin:0!important; 
	min-height:450px; 
	min-width:320px
}

.landmarkCard .leaflet-popup-content{
	color:#333; 
	margin:0!important; 
	min-height:450px; 
	min-width:320px; 
	width:330px!important
}

.landmarkCard .leaflet-popup-content-wrapper{
	width:330px!important
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip{
	background:none!important; 
	box-shadow:none
}

.leaflet-container a.leaflet-popup-close-button{
	position:absolute; 
	right:8px; 
	top:12px
}

.card-close-button{
	position: absolute;
left: 12px;
top: 6px;
display:none;
color: #aaa;
font-size: 24px;
}

.player, .landscapeCity img{
	transition:all .8s ease-in-out; 
	webkit-transition:all .8s ease-in-out
}

.landMark, .leaflet-marker-icon{
	transition:all .1s ease-out; 
	webkit-transition:all .1s ease-out
}



.smoothMove{
	
	transition:all .8s ease-in-out; 
	webkit-transition:all .8s ease-in-out
	/*swipe
	transition:all .4s ease-in-out; 
	webkit-transition:all .4s ease-in-out*/
}

.landmarkCard{
	background-image:url(../img/cards/colorcard2.jpg)!important; 
	background-position:center center; 
	background-repeat:no-repeat!important; 
	display:block; 
	height:460px!important; 
	padding:0!important; 
	position:absolute; 
	width:330px!important; 
	z-index:999999
}
.guildStat{
	
	
	position: absolute;
top: 5px;
text-align: center;
font-size: 12px;
width: 100%;
left: 0;


}

.guildChoice {
	position: absolute;
bottom: 10px;
text-align: center;
font-size: 18px;
width: 100%;
left: 0;
	
}

a.inspect{
	background-image:url(../img/button-main.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:3px 3px 3px 3px; 
	color:#fff !important; 
	display:block; 
	font-size:18px; 
	height:40px; 
	line-height:24px; 
	margin:0 1px; 
	padding:15px 0 0; 
	text-align:center; 
	text-decoration:none; 
	text-transformxxx:uppercasexxx; 
	z-index:22222;
	position:relative;
}
a.inspect.red,.causeButton{
	background-image:url(../img/button-main-red.png) !important; 
	
}



a.inspect{
 color: #FFF;
   
    font-size: 20px;
   
    line-heightxxx: 60px;
    
    text-align: center;
   
    font-weight: bold;
    text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333
}
	
	

a.centerCardButton{
	background-image:url(../img/button-main-small.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:3px 3px 3px 3px; 
	color:#fff; 
	display:block; 
	font-size:20px; 
	height:60px; 
	left:10px; 
	line-height:50px; 
	margin:0 1px; 
	padding:15px 0 0; 
	position:absolute; 
	text-align:center; 
	text-decoration:none; 
	text-transform:uppercase; 
	top:380px; 
	width:310px; 
	z-index:22222
}

a.travel{
	background-image:url(../img/button-main.png); 
	background-position:center top; 
	background-repeat:no-repeat; 
	color:#FFF; 
	display:block; 
	font-size:16px; 
	font-weight:400; 
	height:52px; 
	margin-left:auto; 
	margin-right:auto; 
	padding-bottom:0; 
	padding-left:0; 
	padding-right:0; 
	padding-top:15px; 
	text-align:center; 
	text-decoration:none; 
	text-transform:uppercase; 
	width:320px
}

a.travel{
	background-image:url(../img/button-main.png); 
	background-position:center top; 
	background-repeat:no-repeat; 
	color:#fff; 
	display:block; 
	font-size:16px; 
	font-weight:400; 
	height:52px; 
	left:150px; 
	margin-left:auto; 
	margin-right:auto; 
	padding:15px 0 0; 
	position:absolute; 
	text-align:center; 
	text-decoration:none; 
	text-transform:uppercase; 
	top:400px; 
	width:320px
}

a.explore{
	background-color:#333; 
	border-radius:3px; 
	color:#FFF; 
	display:block; 
	margin-bottom:10px; 
	margin-left:1px; 
	margin-right:1px; 
	margin-top:10px; 
	padding-bottom:10px; 
	padding-left:0; 
	padding-right:0; 
	padding-top:10px; 
	text-align:center; 
	text-decoration:none; 
	text-transform:uppercase
}

a.more{
	border-radius:3px 3px 3px 3px; 
	color:#fff; 
	display:block; 
	left:60px; 
	margin:10px 1px; 
	padding:5px 0; 
	position:absolute; 
	text-align:center; 
	text-decoration:none; 
	text-transform:uppercase; 
	top:50px; 
	width:200px
}

.stage{
	display:none; 
	height:100%; 
	position:absolute; 
	right:0; 
	top:0; 
	width:100%; 
	z-index:8;

}

.centerLogo{
	display:block; 
	margin-right:-320px; 
	margin-top:-220px; 
	position:absolute; 
	right:50%; 
	top:50%; 
	z-index:120
}

.stage .card.first{
	background-image:url(../img/cards/colorcard2.jpg); 
	background-repeat:no-repeat; 
	display:block; 
	
}



/* 
==========================================================================

CARDS

========================================================================== 
*/


.card{
	backgroundxxx-image:url(../img/cards/colorcard2.jpg); 
	background-repeat:no-repeat; 
	display:block; 
	height:460px; 
	width:330px; 
	transform:translate3d(0,0,0); 
	-webkit-backface-visibility:hidden; 
	-moz-backface-visibility:hidden; 
	-ms-backface-visibility:hidden; 
	backface-visibility:hidden; 
	cursor:pointer;
	

}

.fullPageContentx .cardx{
	background-image:url(../img/cards/cardstone.jpg); 
}

.stoneCard{
	background-image:url(../img/cards/cardstone.jpg) !important; 
}

.smooth{
	-webkit-transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)
	/*swipe
	-webkit-transition:all 600ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 600ms cubic-bezier(0.175,0.885,0.32,1.275)*/
}

.cardFront, .cardBack{
	position:absolute; 
	top:0; 
	left:0
}
.cardFront {
	background-image:url(../img/cards/colorcard4.jpg); 
}
.cardBack {
	background-image:url(../img/cards/colorcard2.jpg); 
	xxxoverflow: hidden;
}

.card.bottom{
	background-image:url(../img/cards/colorcard2.jpg); 
	background-repeat:no-repeat; 
	bottom:auto; 
	display:block; 
	float:left; 
	
	margin-bottomxx:-400px; 
	position:absolute; 
	top:60px; 
	top:50px; 
	-webkit-transform-origin: center top 0px;
	transform-origin: center top 0px;
	
}

.mini{
	transform:scale(0.3,0.3)!important
}

.card.top.pop{
	top:-20px!important; 
	-webkit-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	-moz-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75);
}

.card.bottom.pop{
	top:-380px!important; 
	topxxx:-270px!important; 
	-webkit-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	-moz-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75);
	-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) !important;
	transform:rotate(0deg) scale(1) skew(0deg) translate(0px) !important;
}

.slam{
	top:-550px!important; 
	margin-right:-165px!important; 
	margin-rightxxx:-128px!important; 
	transform:rotate(0deg) scale(1.2) skew(0deg) translate(0px); 
	-webkit-transform:rotate(0deg) scale(1.2) skew(0deg) translate(0px);
	-webkit-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	-moz-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75);
	 -webkit-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
   -moz-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
     -o-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
       transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005); /* custom */
}

.card.bottom.slam{
	top:-550px!important; 
	margin-right:-165px!important; 
	margin-rightxxx:-128px!important; 
	transform:rotate(0deg) scale(1.5) skew(0deg) translate(0px) !important;
	transform: rotateX(15deg) rotateY(15deg) rotateZ(-5deg) scale(1.2) skew(0deg) translate(0px) !important;
	-webkit-transform:rotate(0deg) scale(1.5) skew(0deg) translate(0px) !important;
	-webkit-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	-moz-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75);
	 -webkit-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
   -moz-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
     -o-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
        transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005); /* custom */
}

.card.bottom.slamDown{
	top:-550px!important; 
	margin-right:-165px!important; 
	margin-rightxxx:-64px!important; 
	transform:rotate(0deg) scale(1) skew(0deg) translate(0px) !important;
	-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) !important;
	-webkit-box-shadow:none; 
	-moz-box-shadow:none; 
	box-shadow:none; 
	-webkit-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, 0); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015);
   -moz-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015);
     -o-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015);
        transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015); /* custom */
}

.cardBar {
	perspective:1200px;
}

.card.top.slam{
	top:350px!important; 
	margin-right:-165px!important; 
	margin-rightxx:-128px!important; 
	transform:rotate(0deg) scale(1.2) skew(0deg) translate(0px) !important; 
	-webkit-transform:rotate(0deg) scale(1.2) skew(0deg) translate(0px) !important;
	 transform: rotateX(-15deg) rotateY(10deg) rotateZ(-5deg) scale(1.2) skew(0deg) translate(0px) !important;
	 
	-webkit-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	-moz-box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75); 
	box-shadow:20px 20px 14px 0 rgba(0,0,0,0.75);
	 -webkit-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
   -moz-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
     -o-transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005);
        transition: all 300ms cubic-bezier(0.000, 0.610, 0.000, 1.005); /* custom */
}

.card.top.slamDown{
	top:350px!important; 
	margin-right:-165px!important; 
	margin-rightxx:-330px!important; 
	transform:rotate(0deg) scale(1) skew(0deg) translate(0px)  !important; 
	-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px)  !important;
	-webkit-box-shadow:none; 
	-moz-box-shadow:none; 
	box-shadow:none; 
	-webkit-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, 0); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015);
   -moz-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015);
     -o-transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015);
        transition: all 300ms cubic-bezier(0.225, 0.025, 0.980, -0.015); /* custom */
}




.card.bottom.empty{
	background-image:url(../img/cards/colorcard3.jpg); 
	background-repeat:no-repeat; 
	background-position:center top
}

.empty .cardTitle, .empty .cardSubTitle, .empty .cardPerkDescription{
	/*opacity:.4*/
}

.card.right{
	bottom:50%; 
	display:block; 
	margin-bottom:-230px; 
	margin-right:-460px; 
	moz-transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	ms-transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	o-transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	position:absolute; 
	right:50%; 
	transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(5deg) scale(1) skew(0deg) translate(0px)
}

.card.left{
	bottom:50%; 
	display:block; 
	margin-bottom:-230px; 
	margin-right:-460px; 
	moz-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	ms-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	o-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	position:absolute; 
	right:50%; 
	transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px)
}

#cardSet1{
	bottom:50%; 
	display:block; 
	margin-bottom:-220px; 
	margin-right:175px; 
	position:absolute; 
	right:50%; 
	width:330px; 
	height:460px; 
	transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px)
}

#cardSet2{
	bottom:50%; 
	display:block; 
	margin-bottom:-200px; 
	margin-right:-165px; 
	position:absolute; 
	right:50%; 
	width:330px; 
	height:460px; 
	transform:rotate(0deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px)
}

#cardSet3{
	bottom:50%; 
	display:block; 
	margin-bottom:-220px; 
	margin-right:-505px; 
	position:absolute; 
	right:50%; 
	width:330px; 
	height:460px; 
	transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(5deg) scale(1) skew(0deg) translate(0px)
}

#cardSet4{
	top: 50%;
display: none;
margin-top: -230px;
margin-right: -80px;
position: absolute;
z-index: 30;
width: 330px;
height: 460px;
right: 150px;

}

.card.battleLeft{
	bottom:50%; 
	display:none; 
	margin-bottom:-230px; 
	margin-right:150px; 
	position:absolute; 
	right:50%; 
	transformx:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px)
}



/*ENEMY CARDS*/

.card.right.top{
	margin-right:-505px; 
	z-index:3; 
	topxxx:0
}

.card.middle.top{
	z-index:2; 
	topxxx:0
}

.card.left.top{
	margin-right:175px; 
	z-index:1; 
	topxxx:0;
}

.card.top {
    background-image: url("../img/cards/colorcard2.jpg");
    background-repeat: no-repeat;
    bottom: 0px;
    display: block;
    float: left;
    position: absolute;
    top: -400px;
}
.card.left.top {
   xxxtransform: rotate(5deg) scale(1) skew(0deg) translate(0px);
	 transform: rotateZ(5deg) rotateY(0deg) scale(1) skew(0deg) translate(0px)
}
.card.right.top {
    transform: rotate(-5deg) scale(1) skew(0deg) translate(0px);
}

/*PLAYER CARDS*/

/*.card.right.bottom{
	margin-right:-505px; 
	z-index:3; 
	top:0
}



.card.middle.bottom{
	z-index:2; 
	top:0
}

.card.left.bottom{
	margin-right:175px; 
	z-index:1; 
	top:0;
}*/

.card.right.bottom.show{
	margin-right:-470px; 
	z-index:3; 
	top:100px;
	top:256px
}

.card.middle.bottom.show{
	z-index:2; 
	top:100px;
	top:256px
}

.card.left.bottom.show{
	margin-right:220px; 
	z-index:1; 
	top:100px;
	top:256px
}

.middle{
	bottom:50%; 
	display:block; 
	margin-bottom:-210px; 
	margin-right:-165px; 
	position:absolute; 
	right:50%
}

.portrait{
	bottom:10px; 
	position:absolute
}
.locationAlignment{
	position: absolute;
color: #FFF;
font-size: 14px;
text-shadow: 1px 1px 1px #000;
top: 20px;
left: 35px;
}
.cardTitle{
	color:#FFF; 
	display:block; 
	font-size:24px; 
	height:80px; 
	line-height:60px; 
	position:absolute; 
	right:0; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	top:0px; 
	width:100%; 
	pointer-events:none;
	font-weight:bold;
	text-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51)
}

.playerNamex{
	color:#FFF; 
	display:block; 
	font-size:32px; 
	height:80px; 
	line-height:60px; 
	position:absolute; 
	right:0; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	top:0; 
	width:100%; 
	pointer-events:none
}

.playerName{
    color: #FFF;
    display: block;
    font-size: 24px;
    height: 80px;
    line-height: 60px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
    pointer-events: none;
    font-weight: bold;
    text-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;
}
.cardSubTitleClick{
	
	color:#FFF; 
	display:block; 
	font-size:16px; 
	height:auto; 
	line-height:auto; 
	position:absolute; 
	right:0; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	top:50px; 
	width:100%; 
	z-index:6; 
	
	
	
}
.cardSubTitle{
	color: #FFF;
display: block;
font-size: 16px;
height: auto;
position: absolute;
right: 20px;
text-align: center;
text-shadow: 1px 1px 1px #222;
top: 50px;
width: 290px;
z-index: 6;
pointer-events: none;
}

.cardSubTitleSmall{
	color: #FFF;
display: block;
font-size: 16px;
height: auto;
position: absolute;
right: 30px;
text-align: center;
text-shadow: 1px 1px 1px #222;
top: 50px;
width: 270px;
z-index: 6;
pointer-events: none;
top:360px;
}

.cardSubText{
	color: #FFF;
display: block;
font-size: 15px;
height: auto;
position: absolute;
right: 30px;
text-align: center;
text-shadow: 1px 1px 1px #222;
top: 120px;
width: 280px;
z-index: 6;
pointer-events: none;
line-height: 25px;
}

.perkLevel{
	color: #FFF;
display: block;
font-size: 16px;
height: auto;
position: absolute;
right: 30px;
text-align: center;
text-shadow: 1px 1px 1px #222;
bottom: 95px;
width: 280px;
z-index: 6;
pointer-events: none;
}

.cardStat{
	color: #FFF;
	display: block;
	font-size: 16px;
	height: auto;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #222;
	top: 250px;
	width: 70%;
	z-index: 6;
	pointer-events: none;
	border: 1px solid #FFF;
	margin-left: 10%;
	padding: 5%;
	border-radius: 5px;
	background-image: url(../img/bg-light.png);
}

.treasureCardx {
	display:none;
opacity:0 !important; 
	transform:scale3d(.5,.5,.5) !important; 
	-webkit-transform:scale3d(.5,.5,.5) !important; 
}
.treasureCardx.alive{
	display:block;
opacity:1 !important; ;
-webkit-transform:scale(1,1)!important; 
	transform:scale(1,1)!important
	
}
.experienceGained{
	color: #FFF;
position: absolute;
top: 330px;
font-size: 24px;
text-align: center;
width: 100%;
}

.itemDescription{
	color: #FFF;
display: block;
font-size: 22px;
height: auto;
position: absolute;
left: 25px;
text-align: center;
text-shadow: 1px 1px 1px #222;
top: 90px;
width: 280px;
z-index: 6;
line-height: 32px;
border-top: dotted 1px #eeeeee;
border-bottom: dotted 1px #eeeeee;
padding-top: 10px;
padding-bottom: 10px;
background-imagexxx: url("../img/splotch.png");
background-position: center center;
background-size:100% 100%;
background-repeat: no-repeat;
}

.restrictionsTitle{
	color:#FFF; 
	display:block; 
	font-size:20px; 
	height:auto; 
	line-height:auto; 
	position:absolute; 
	right:0; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	bottom:50px; 
	width:100%; 
	z-index:6
}

.cardPerkDescription{
	color:#FFF; 
	display:block; 
	font-size:16px; 
	height:auto; 
	position:absolute; 
	left:30px; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	top:80px; 
	width:270px; 
	z-index:6
}

.cardButton{
	background-image:url(../img/button-main.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:5px; 
	bottom:30px; 
	bottom:10px;
	color:#FFF; 
	display:block; 
	font-size:20px;; 
	height:60px; 
	line-height:60px; 
	position:absolute; 
	right:10%; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	text-transformxxx:uppercase; 
	width:270px; 
	z-index:4; 
	cursor:pointer;
	color: #FFF;
   
    font-size: 24px;
   
    line-height: 60px;
    
    text-align: center;
   
    font-weight: bold;
    text-shadow: 1px 1px 0px #555, -1px -1px 0px #555, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333;
	bottom: 30px;
}

.cardButtonNeutral{
	background-image:url(../img/button-main-red.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:5px; 
	bottom:30px; 
	bottom:10px;
	color:#FFF; 
	display:block; 
	font-size:20px;; 
	height:60px; 
	line-height:60px; 
	position:absolute; 
	right:10%; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	text-transformxxx:uppercase; 
	width:270px; 
	z-index:4; 
	cursor:pointer;
	color: #FFF;
   
    font-size: 24px;
   
    line-height: 60px;
    
    text-align: center;
   
    font-weight: bold;
    text-shadow: 1px 1px 0px #555, -1px -1px 0px #555, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333
}

.cardButtonQuest,.openAdventure,.appeaseButton,.openVote,.openQuestAction{
	background-image: url("../img/button-main.png");
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 60px;
z-index: 4;
cursor: pointer;
color: #FFF;
font-size: 18px;
line-height: 60px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 0px #555, -1px -1px 0px #555, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333;
text-decoration: none;
margin-top:20px;
width: 270px;
position:relative;
}

.openQuestAction{
	margin-top:40px;
	background-image:url(../img/button-main-red.png); 
}


.openAdventurexxx{
	background-image: url("../img/button-main.png");
background-position: center center;
background-repeat: no-repeat;
border-radius: 5px;
top: 400px;
display: block;
height: 60px;
position: absolute;
right: -120px;
width: 270px;
z-index: 4;
cursor: pointer;
color: #FFF;
font-size: 24px;
line-height: 60px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 0px #555, -1px -1px 0px #555, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333;
text-decoration: none;
}
.worldLink{
	position: absolute;
top: 400px;
width: 100%;
text-align: center;
color: #999;
text-decoration: navajowhite;
display: block;
pointer-events: auto;
}

.cardButtonExtra{
	background-image:url(../img/button-main-red.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:5px; 
	bottom:100px; 
	bottom:70px;
	color:#FFF; 
	display:none; 
	font-size:16px;; 
	height:60px; 
	line-height:60px; 
	position:absolute; 
	right:10%; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	text-transform:uppercase; 
	width:270px; 
	z-index:4; 
	cursor:pointer;
}

.activeEffect{
	background-imagexxx:url(../img/button-main.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:5px; 
	bottom:30px; 
	color:#FFF; 
	display:block; 
	font-size:28px; 
	height:60px; 
	line-height:60px; 
	position:absolute; 
	right:10%; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	text-transform:uppercase; 
	width:270px; 
	z-index:4; 
	pointer-events:none;
}

.splash .cardButton{
	right:50%; 
	margin-right:-140px; 
	top:50%; 
	margin-top:80px; 
	text-decoration:none; 
	z-index:32
}

.damageBar{
	background-image:url(../img/damage.png); 
	background-repeat:no-repeat; 
	background-position:center bottom; 
	position:absolute; 
	height:450px; 
	width:320px; 
	left:5px; 
	bottom:5px; 
	-webkit-transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275);
}
.friendBar {
	background-image:url(../img/friendbar.png); 
	background-repeat:no-repeat; 
	background-position:center bottom; 
	position:absolute; 
	height:450px; 
	width:320px; 
	left:5px; 
	bottom:5px; 
	-webkit-transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275);
	
	
	
}

.perkButton{
	background-image:url(../img/button-main.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	border-radius:5px; 
	bottom:30px; 
	color:#FFF; 
	display:block; 
	font-size:28px; 
	height:60px; 
	line-height:60px; 
	position:absolute; 
	right:10%; 
	text-align:center; 
	text-shadow:1px 1px 1px #222; 
	text-transform:uppercase; 
	width:270px; 
	z-index:4; 
	cursor:pointer;

}

.runeDeck, .perkDeck{
	position:relative;

}

.runeDeck, .perkDeck, .cardHolders{
	display:none;

}

.cardFlag{
	background-image:url(../img/cardbanner.png); 
	background-position:right top; 
	background-repeat:no-repeat; 
	height:100px; 
	position:absolute; 
	right:20px; 
	top:0; 
	width:80px
}

/*.closeStage{
	color:#FFF; 
	display:block; 
	font-size:20px; 
	margin-right:-110px; 
	margin-top:290px; 
	position:absolute; 
	right:50%; 
	text-align:center; 
	top:50%; 
	width:100px; 
	width:200px; 
	z-index:8
}*/

.freeze {
	opacity:0.2;
	pointer-events:none;
}


/*.iconStats{
	height:60px; 
	left:20px; 
	padding-top:2px; 
	pointer-events:none; 
	position:absolute; 
	top:150px; 
	width:150px; 
	z-index:16
}*/


.iconStats{
	height:380px; 
	left:20px; 
	padding-top:2px; 
	pointer-eventsxxx:none; 
	position:absolute; 
	top:10px; 
	width:100px; 
	z-index:16;
	z-index:9;
	display:none;
	cursor: move;
}

.xpSymbol, .goldSymbol, .healthSymbol, .karmaSymbol{
	clear:both; 
	display:block; 
	float:left; 
	font-size:24px; 
	height:55px; 
	line-height:50px; 
	margin:0; 
	padding-right:50px; 
	position:relative; 
	text-align:right; 
	width:100%;
	box-shadow: -6px 8px 5px 0px rgba(0, 0, 0, 0.52);
border-radius: 100px;
width: 50px !important;
}

.goldSymbol{
	background-image:url(../img/coinstat.png); 
	background-position:left center; 
	background-repeat:no-repeat
}

.karmaSymbolxxx{
	position: absolute;
left: -25px;
top: 40px;
font-size: 16px !important;
text-shadow: -1px -1px 0px #000000;
}

.healthSymbol{
	background-position:left top; 
	background-repeat:no-repeat
}

.xpSymbol{
	background-image:url(../img/xpstat.png); 
	background-position:left top; 
	background-repeat:no-repeat
}

.goldKarma{
	display:block; 
	height:auto; 
	left:0; 
	pointer-events:none; 
	position:absolute; 
	top:0; 
	width:240px
}

.xpSymbol, .goldSymbol, .healthSymbol{
	clear:both; 
	display:block; 
	float:left; 
	font-size:24px; 
	height:55px; 
	line-height:50px; 
	margin:0; 
	padding-right:50px; 
	position:relative; 
	text-align:right; 
	width:100%
}

.goldSymbol{
	background-image:url(../img/coinstat.png); 
	background-position:left center; 
	background-repeat:no-repeat
}

.healthSymbol{
	background-position:left top; 
	background-repeat:no-repeat
}

.healthSymbolxxx{
	background-image: url("../img/heart.png");
background-position: left top;
background-repeat: no-repeat;
width: 80px;
height: 80px;
background-size: contain;
left: 0;
}

.xpSymbol{
	background-image:url(../img/xpstat.png); 
	background-position:left top; 
	background-repeat:no-repeat
}

.statsbarStrength{
	background-image:url(../img/strengthicon.png)
}

.statsbarSpeed{
	background-image:url(../img/speedicon.png)
}

.statsbarSpirit{
	background-image:url(../img/spiriticon.png)
}

.statsbarStrength, .statsbarSpeed, .statsbarSpirit{
	background-position:center center; 
	background-repeat:no-repeat; 
	background-size:cover; 
	color:#fff; 
	display:block; 
	float:left; 
	height:60px; 
	line-height:60px; 
	margin-left:10px; 
	margin-right:10px; 
	text-align:center; 
	width:60px
}

.statsbar{
	display:block; 
	height:50px; 
	margin-right:-120px; 
	position:absolute; 
	right:50%; 
	text-align:center; 
	width:240px
}

.goldAmount{
	bottom:0; 
	color:#fff; 
	float:right; 
	font-size:18px; 
	height:50px; 
	left:25px; 
	line-height:28px; 
	margin-top:10px; 
	padding-left:25px; 
	position:absolute; 
	width:60px; 
	z-index:122
}

.stat .playerXp, .stat .goldAmount{
	color:#fff; 
	font-size:24px; 
	pointer-events:none; 
	text-shadow:-1px -1px 0 #000
}

.stat .goldAmount{
	color:#FFF; 
	float:none; 
	font-size:24px; 
	height:auto; 
	left:50px; 
	line-height:normal; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:15px; 
	width:auto; 
	z-index:122
}

.karmaStat{
	color:#FFF; 
	float:none; 
	font-size:18px; 
	height:auto; 
	left:50px; 
	line-height:normal; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:13px; 
	width:auto; 
	z-index:122
}
.maxKarmaText{
	color:#FFF; 
	float:none; 
	font-size:24px; 
	height:auto; 
	left:50px; 
	line-height:normal; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:13px; 
	width:auto; 
	z-index:122;
	display:none;
}

.stat .playerXp{
	color:#FFF; 
	float:none; 
	font-size:24px; 
	height:auto; 
	left:50px; 
	line-height:20px; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:15px; 
	width:auto; 
	z-index:122
}

.stat .xpNum{
	color: #FFF;
float: none;
font-size: 32px;
height: auto;
left: 1px;
line-height: normal;
margin-top: 0px;
padding-left: 0px;
position: absolute;
top: 4px;
width: 40px;
z-index: 122;
text-align: center;

width: 96px;
height: 56px;
line-height: 86px;
text-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;

}

.stat .xpTotal{
	color:#FFF; 
	float:none; 
	font-size:12px; 
	height:auto; 
	left:50px; 
	line-height:normal; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:17px; 
	width:auto; 
	z-index:122;
	
	
	top: 70px;
width: 96px;
left: 0;
text-align: center;
}

.hp, .playerDefense{
	color:#fff; 
	float:left; 
	font-size:28px; 
	height:auto; 
	left:260px; 
	padding-left:0; 
	padding-top:0; 
	position:absolute; 
	text-align:center; 
	text-shadow:2px 2px 2px #000; 
	top:398px; 
	width:60px; 
	z-index:3000
}

.healthSymbol .playerHp{
	color:#FFF; 
	float:none; 
	font-size:24px; 
	height:auto; 
	left:50px; 
	line-height:20px; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:15px; 
	width:auto; 
	z-index:122
}

.healthSymbol .playerHpxxx{
color: #FFF;
font-size: 28px;
height: auto;
left: 10px;
line-height: 20px;
margin-top: 0px;
padding-left: 0px;
top: 25px;
z-index: 122;
position: absolute;
width: 60px;
float: none;
text-align: center;
text-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;

}


.healthSymbol .maxHp{
	color:#FFF; 
	font-size:16px; 
	left:15px; 
	position:absolute; 
	text-shadow:-1px -1px 0 #000; 
	top:0
}

.healthSymbol .maxHpxxx{
color: #FFF;
font-size: 16px;
left: 40px;
position: absolute;
text-shadow: -1px -1px 0px #000;
top: 35px;
width: 40px;
text-align: center;
}


.maxKarmaTextxxx{
	color:#FFF; 
	font-size:16px; 
	left:15px; 
	position:absolute; 
	text-shadow:-1px -1px 0 #000; 
	top:0
}


.karmaSymbol{
	background-image:url(../img/karmastat.png); 
	background-position:left top; 
	background-repeat:no-repeat
}

.karmaSymbol{
	background-image: url("../img/cardkarma.png");
background-position: left top;
background-repeat: no-repeat;
z-index: 128;
width: 96px;
height: 96px;
background-size: contain;
}
.stat .karmaStat{
	color:#FFF; 
	float:none; 
	font-size:24px; 
	height:auto; 
	left:50px; 
	line-height:normal; 
	margin-top:0; 
	padding-left:0; 
	position:absolute; 
	top:13px; 
	width:auto; 
	z-index:122
}

.stat .karmaStat, .stat .playerHp,  .stat .goldAmount{
			text-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51);
			font-size: 32px;

left: 0;
width: 96px;
line-height: 66px;
text-align: center;

}

.stat .goldAmount{
	font-size: 24px;
}

.stat .maxKarmaText, .stat .maxHp{
		font-size: 16px;
top: 64px;
width: 64px;
height: auto;
text-align: center;
position: absolute;
left: 36px;
display: block;
			text-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51);

}

.stat .maxHp{
	left:40px;
	top:48px;
	
}

.stat .healthSymbol{
	background-image: url("../img/heart.png");
background-position: left top;
background-repeat: no-repeat;
z-index: 128;
width: 96px;
height: 96px;
background-size: contain;
}


.stat .goldSymbol{
	background-image: url("../img/cardgold.png");
background-position: left top;
background-repeat: no-repeat;
z-index: 128;
width: 96px;
height: 96px;
background-size: contain;
}
/*.xpSymbol {
	position: absolute;
left: 120px;
top: 20px;
}
*/
.stat .xpSymbol{
	background-image: url("../img/cardlevel.png");
background-position: left top;
background-repeat: no-repeat;
z-index: 128;
width: 96px;
height: 96px;
background-size: contain;
}
.defense, .playerHp{
	color:#fff; 
	float:left; 
	font-size:28px; 
	height:auto; 
	left:5px; 
	padding-left:0; 
	padding-top:0; 
	position:absolute; 
	text-align:center; 
	text-shadow:2px 2px 2px #000; 
	top:398px; 
	width:60px; 
	z-index:3000
}

.trav{
	bottom:30px; 
	clear:both; 
	display:block; 
	float:left; 
	height:50px; 
	margin-left:170px; 
	padding-top:30px; 
	position:absolute; 
	width:300px; 
	z-index:10
}

.landmarkCard .trav{
	bottom:35px; 
	clear:both; 
	display:block; 
	float:left; 
	height:50px; 
	margin-left:15px; 
	padding-top:30px; 
	position:absolute; 
	width:300px; 
	z-index:10
}

.playerBg{
	background-image:url(../img/player.png)!important; 
	background-repeat:no-repeat!important; 
	background-position:center top; 
	display:block; 
	height:460px!important

}

.cardType{
	display:block; 
	float:left; 
	height:22px; 
	width:60px
}

.landmarkCard .cardImage{
	width:328px;
	padding-top: 40px;
}

.cityName{
	position:absolute; 
	left:40px; 
	top:5px; 
	color:#fff; 
	font-size:24px
}

.cardClan{
	position:absolute; 
	left:10px; 
	bottom:10px
}

.cardPotions{
	position:absolute; 
	left:10px; 
	top:10px; 
	background-image:url(../img/potion.png); 
	background-repeat:no-repeat; 
	background-position:center center; 
	height:40px; 
	width:40px; 
	background-size:contain; 
	color:#FFF; 
	font-size:24px; 
	text-align:center; 
	text-shadow:-1px -1px 1px #222; 
	line-height:38px
}

.cardSwitch{
	position:absolute; 
	right:10px; 
	bottom:10px; 
	z-index:32
}

.cardHeartx{
	position:absolute; 
	left:10px; 
	top:10px; 
	background-image:url(../img/heart.png); 
	background-repeat:no-repeat; 
	background-position:center center; 
	height:40px; 
	width:40px; 
	background-size:contain; 
	color:#FFF; 
	font-size:24px; 
	text-align:center; 
	text-shadow:-1px -1px 1px #222; 
	line-height:38px
}


.cardHeart {
   position: absolute;
background-image: url("../img/heart.png");

}



.cardDamage {
position: absolute;
background-image: url("../img/carddamage.png");

}

.cardSocial{
position: absolute;
left: 10px;
background-image: url("../img/heart.png");

left:-15px;
top:-15px;
}

.cardKarma{
position: absolute;
background-image: url("../img/cardkarma.png");

	}
	
	.cardCity{
position: absolute;
background-image: url("../img/icons/city.png");

	}
	
	.cardVillage{
position: absolute;
background-image: url("../img/icons/village.png");

	}
	
	
	.cardLevels{
position: absolute;
right: -30px !important;
left: auto !important;
background-image: url("../img/cardlevels.png");

	}



.cardKarma, .cardLevels, .cardVillage, .cardCity, .cardSocial, .cardHeart, .cardDamage {
position: absolute;
background-repeat: no-repeat;
background-position: center center;
height: 100px;
width: 80px;
background-size: contain;
color: #FFF;
font-size: 36px;
text-align: center;
line-height: 100px;
text-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;
left: -30px;
top: -35px;
font-weight: 700;
	}
	
	
.cardPath{
	position:absolute; 
	right:10px; 
	top:10px; 
	z-index:10
}

.powerUps{
	background-image:url(../img/powerups.png); 
	background-repeat:no-repeat; 
	background-position:center top; 
	display:block; 
	position:absolute; 
	left:5px; 
	bottom:70px; 
	width:320px; 
	height:128px; 
	z-index:4
}

.powerUpsPassive{
	background-image:url(../img/powerupspassive.png); 
	background-repeat:no-repeat; 
	background-position:center top; 
	display:block; 
	position:absolute; 
	left:5px; 
	bottom:0; 
	width:320px; 
	height:100px; 
	z-index:4
}

.activeSkill{
	height:70px; 
	width:70px;
	-webkit-transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)
}

.as01{
	position:absolute; 
	left:25px; 
	top:12px;
		top:30px
}

.as02{
	position:absolute; 
	left:125px; 
	top:12px;
	top:30px
}

.as03{
	position:absolute; 
	left:225px; 
	top:12px;
		top:30px
}

.flipCard .cardf{
	transform:translate3d(0,0,0); 
	-webkit-transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)
}

.flipCard{
	-webkit-transform:translateZ(0); 
	-o-transform:translateZ(0); 
	-moz-transform:translateZ(0); 
	transform:translateZ(0); 
	-webkit-perspective:800px; 

	-moz-perspective:800px; 
	-o-perspective:800px; 
	perspective:800px; 
	-webkit-backface-visibility:hidden; 
	-moz-backface-visibility:hidden; 
	-ms-backface-visibility:hidden; 
	backface-visibility:hidden; 
	-webkit-transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610); 
	transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610)
}

.flipCard.active .cardf{
	-moz-transform:rotateY(180deg) rotate(0.02deg); 
	-webkit-transform:rotateY(180deg); 
	-ms-transform:rotateY(180deg); 
	transform:rotateY(180deg) rotate(0.02deg)
}

.stage{
	-webkit-backface-visibility:hidden; 
	-moz-backface-visibility:hidden; 
	-ms-backface-visibility:hidden; 
	backface-visibility:hidden; 
	-webkit-transform:translateZ(0); 
	-o-transform:translateZ(0); 
	-moz-transform:translateZ(0); 
	transform:translateZ(0); 
	-webkit-perspective:800px; 

	-moz-perspective:800px; 
	-o-perspective:800px; 
	perspective:800px
}

.fullPageContent .choices a{
	padding-top:0; 
	padding-bottom:0
}

.fullPageContent{
	display:block; 
	position:absolute; 

	background-repeat:no-repeat; 
	background-position:center center; 
	padding:0; 
	height:100%; 
	width:100%; 
	margin:0; 
	-webkit-perspective:800px; 

	-moz-perspective:800px; 
	-o-perspective:800px; 
	perspective:800px
}

.fullPageContent .speech{
	padding-left:50px; 
	display:block; 
	height:auto; 
	width:860px; 
	float:left; 
	clear:both; 
	padding-top:20px
}

.fullPageContent p{
	padding:0; 
	display:block; 
	float:left; 
	height:auto; 
	margin:0 0 10px; 
	colorxxx:#333; 
	width:100%; 
	text-shadowxxx:1px 1px 1px #fff
}

.fullPageContent .choices{
	display:block; 
	height:159px; 
	float:none; 
	clear:none; 
	position:absolute; 
	top:400px; 
	width:470px; 
	left:430px
}

#fullPage{
	position:absolute; 
	width:960px; 
	height:576px; 
	z-index:5000; 
	font-size:36px; 
	color:#000; 
	display:none; 
	padding:0; 
	top:50%; 
	left:-480px; 
	margin-left:50%; 
	margin-top:-260px; 
	background-image:url(../img/fullpage.jpg); 
	background-repeat:repeat; 
	background-position:left top; 
	z-index:16
}

.fullPageTitlexxx{
	color:#000; 
	font-size:20px; 
	line-height:50px; 
	font-weight:700; 
	text-transform:uppercase; 
	text-align:center; 
	display:block; 
	width:380px; 
	background-image:url(../img/chooseposter.png); 
	background-repeat:no-repeat; 
	background-position:center center; 
	position:absolute; 
	z-index:2; 
	top:50%; 
	height:128px; 
	right:50%; 
	margin-top:-340px; 
	margin-right:-190px
}


.fullPageTitle, .fullPageTitle2{
	color:#fff; 
	font-size:32px; 
text-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;
text-align:center; 
	display:block; 
	width:380px; 
	
	position:absolute; 
	z-index:0; 
	top:50%; 
	height:128px; 
	right:50%; 
	margin-top:-340px; 
	margin-right:-190px
}
.fullPageSubTitle, .fullPageSubTitle2{
	color:#A59B61; 
	font-size:18px; 
xxxtext-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;
text-align:center; 
	display:block; 
	width:380px; 
	
	position:absolute; 
	z-index:0; 
	top:50%; 
	height:128px; 
	right:50%; 
	margin-top:-290px; 
	margin-right:-190px
}



.closeFullPageX{
	display:block; 
	position:absolute; 
	right:15px; 
	font-size:18px; 
	width:auto; 
	height:20px; 
	top:10px; 
	text-align:center; 
	color:#fff; 
	text-decoration:none
}

.closeCardsButton{
	position:absolute; 

	top:510px; 
	font-size:16px; 
	color:#FFF; 
	text-decoration:none; 
	display:block; 
	background-image:url(../img/bg-dar-trans.png); 
	background-repeat:repeat; 
	border-radius:8px; 
	padding:5px; 
	width:180px; 
	text-align:center; 
	text-transform:uppercase; 
	padding-top:20px; 
	padding-bottom:20px; 
	right:50%; 
	margin-right:-170px
}

.splash{
	background-imagexxx:url(../img/bg-dar-trans.png); 
	background-repeat:repeat; 
	height:100%; 
	width:100%; 
	position:absolute; 
	z-index:32; 
	left:0; 
	top:0; 
	display:block; 
	background-position:center center
}

.mask{
	background-image:url(../img/bg-dar-trans.png); 
	background-repeat:repeat; 
	height:100%; 
	width:100%; 
	position:absolute; 
	z-index:8; 
	left:0; 
	top:0; 
	display:nonex; 
	background-position:center center
}

.perkMask{
	background-image:url(../img/bg_trans_dark.png); 
	background-repeat:repeat; 
	height:100%; 
	width:100%; 
	position:absolute; 
	z-index:8; 
	left:0; 
	top:0; 
	display:none; 
	background-position:center center
}

.flipCard .cardFront{
	-webkit-transform:rotateY(0deg); 
	-ms-transform:rotateY(0deg); 
	transform:rotateY(0deg)
}

.spin .cardFront{
	-webkit-transform:rotateY(180deg); 
	-ms-transform:rotateY(180deg); 
	transform:rotateY(180deg)
}

.flipCard .cardBack{
	-webkit-transform:rotateY(-180deg); 
	-ms-transform:rotateY(-180deg); 
	transform:rotateY(-180deg)
}

.spin .cardBack{
	-webkit-transform:rotateY(0deg); 
	-ms-transform:rotateY(0deg); 
	transform:rotateY(0deg)
}

.powerDisplay{
	display:none;
}
.playerCard .powerDisplay{
	xxxdisplay:block;
}
.inventory{
	display:block; 
	float:left; 
	height:60px; 
	width:60px; 
	margin-right:16px; 
	margin-bottom:16px; 
	background-image:url(../img/inventorybox.png); 
	background-repeat:no-repeat; 
	background-position:center center
}

.inventoryGrid{
	position:absolute; 
	height:150px; 
	width:320px; 
	top:110px; 
	left:20px
}

.cardBar{
	position:absolute; 
	bottom:0; 
	left:0; 
	
	width:100%; 
	z-index:30;
	height: 0px;

bottom: 140px;
}

.cardBarTop{
	position:absolute; 
	bottom:0; 
	left:0; 
	display:none;
	width:100%; 
	z-index:64;
	height: 0px;
	perspective: 1500px;

top: 0;
}

.b01, .b02, .b03, .card.bottom{
	display:nonex
}

.perkBarMain{
	position:absolute; 
	background-image:url(../img/powerups.png); 
	background-repeat:no-repeat; 
	background-position:center center; 
	height:300px; 
	width:600px; 
	margin-top:-150px; 
	margin-right:-300px; 
	z-index:128; 
	top:50%; 
	right:50%; 
	background-size:contain; 
	display:none
}

.emptyCard{
	position:absolute; 
	background-image:url(../img/emptyslot.png); 
	background-repeat:no-repeat; 
	background-position:center top; 
	height:460px; 
	width:350px; 
	right:50%; 
	bottom:0; 
	z-index:24; 
	margin-right:-175px; 
	margin-bottom:-310px; 
	pointer-events:none;
}

.bottomLeft{
	right:50%; 
	transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0px); 
	margin-right:165px
}

.bottomRight{
	right:50%; 
	transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(5deg) scale(1) skew(0deg) translate(0px); 
	margin-right:-515px
}

.optionBar{
	height: 460px;
width: 50px;
position: absolute;
top: 50%;
right: 0px;
z-index: 24;
color: #FFF;
background-imagex: url('../img/cards/cardstone.jpg');
background-repeat: no-repeat;
background-position: left top;
margin-top: -230px;
toxxxp: -15px;
right: 5px;
}
.optionBar a {
	cursor:pointer;
	width:48px;
	height:48px;
	color:#ffffff;
	display:block;
	position:absolute;
	right:10px;
	line-height:48px;
	text-align:center;
	font-size:24px;
	text-decoration:none;
	
	
}
.optionIcon {
	position:relative;
	width:55px;
	display:block;
	box-shadow: -6px 8px 5px 0px rgba(0,0,0,0.52);
height: 55px;
border-radius: 6px;
	
}

.playerHealingPotions {
	    text-align: center;
    width: 55px;
    height: auto;
    position: absolute;
    pointer-events: none;
    z-index: 8;
    color: #FFF;
    font-size: 28px;
    line-height: 50px;
}
	
}
.optionBar a img {
	width:48px;
	height:48px;
	
	
}
.optionBar a img:hover{
	-webkit-transform:scale(1.3,1.3)!important; 
	transform:scale(1.3,1.3)!important
}
.landMark:hover{
	-webkit-transform:scale(1.3,1.3)!important; 
	transform:scale(1.3,1.3)!important
}

.bigInventory{
	-webkit-transform:scale(2,2)!important; 
	transform:scale(2,2)!important;
	-webkit-transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610); 
	transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610);
	
}

.inventoryGrid {
	z-index:128;
}

.cardButton:hover, .inspect:hover, .cardButtonExtra:hover{
	-webkit-transform:scale(1.2,1.2)!important; 
	transform:scale(1.2,1.2)!important
	
	
}

.activeSkill:hover{
	
	
	-webkit-transform:scale(1.6,1.6)!important; 
	transform:scale(1.6,1.6)!important
}

.cardButton:active, .inspect:active, .landMark:active{
	-webkit-transform:scale(.9,.9)!important; 
	transform:scale(.9,.9)!important
}

.fadeOut{
	-webkit-transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610); 
	transition:all .4s cubic-bezier(0.590,0.015,0.030,1.610);
	-webkit-transform:scale(.9,.9)!important; 
	transform:scale(.9,.9)!important;
	opacity:.5;
}

.smallPop{
	background-image:url(../img/cards/colorcard3.jpg)!important; 
	background-repeat:no-repeat!important; 
	background-position:center top; 
	display:block

}

.leaflet-popup-scrolled{
	overflow:auto; 
	border-bottom:none; 
	border-top:none
}

.pt{
	margin-top:20px!important
}

.landmarkCard{
	left:-158px!important
}

.leaflet-top{
	z-index:16
}

.storeItem{
	position:absolute; 
	top:100px; 
	left:45px; 
	transform:rotate(45deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform:rotate(45deg) scale(1) skew(0deg) translate(0px); 
	width:256px; 
	height:256px
}

.waterMark{
	opacity:.4
}

.playerIcon{
	pointer-events:none!important;
	margin-topxxxx:90px !important;
}
/*
.closeStage{
	display:block; 
	background-color:#EEE; 
	color:#111; 
	opacity:.5; 
	padding:10px; 
	border-radius:4px; 
	cursor:pointer;
	z-index:64;
}*/

.skillBox{
	display: block;
	position: absolute;
	height: 70px;
	width: 280px;
	top : 170px;
	line-height: 16px;
	border: solid 1px #FFF;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
	left: 15px;
	background-image: url(../img/bg-light.png);
}

.attackBox{
	
}

.skillBox2{
	display: block;
position: absolute;
height: 70px;
width: 280px;
top:270px;
line-height: 16px;
border: solid 1px #FFF;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
float: left;
left: 15px;
background-image: url(../img/bg-light.png);
}

.skillSymbol img{
	height:70px; 
	width:70px
}

.skillWrap{
	position:absolute; 
	left:0; 
	top:160px
}

.skillSymbol{
	display:block; 
	float:left; 
	height:64px; 
	width:80px
}

.skillDetails{
	font-size:14px; 
	color:#FFF; 
	text-align:left; 
	margin-right:5px; 
	margin-top:5px; 
	display:block
}

.skillTitleFlip{
	font-size:16px; 
	color:#F0CC7C; 
	clear:both; 
	width:100%; 
	text-transform:uppercase; 
	text-shadow:-1px -1px 0 #000
}

.messagePopup{
	right: 50%;
margin-right: -600px;
top: 50%;
margin-top: -320px;
position: absolute;
height: 640px;
width: 1200px;
background-image: url("../img/historyboard.png");
background-size: contain;
z-index: 128;
background-repeat: no-repeat;
background-position: center center;
}

.scrollBox{

	display:nonex; 
	opacity:0; 
	height:640px; 
	width:960px; 
	margin-top:-290px; 
	margin-right:-480px; 
	position:absolute; 
	z-index:128; 
	top:50%; 
	right:50%; 
	overflow:hidden; 
	transform:scale3d(.9,.9,.9); 
	-webkit-transform:scale3d(.9,.9,.9); 
	transform:scale3d(.8,.8,.8); 
	-webkit-transform:scale3d(.8,.8,.8); 
	xxxtransform:scale3d(.7,.7,.7); 
	xxx-webkit-transform:scale3d(.7,.7,.7); 
	transition:all .4s ease-in-out .5s; 
	-webkit-transition:all .4s ease-in-out .5s; 

	overflow:hidden; 
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1); 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)

}

.scrollRollLeft{
	background-image:url(../img/scrollroll.png); 
	background-repeat:no-repeat; 
	background-position:left top; 
	height:640px; 
	width:128px; 
	position:absolute; 
	left:0; 
	z-index:4; 
	transition:all .4s ease-in-out 0; 
	-webkit-transition:all .4s ease-in-out 0; 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1); 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)

}

.scrollRollRight{
	background-image:url(../img/scrollroll.png); 
	background-repeat:no-repeat; 
	background-position:left top; 
	height:640px; 
	width:128px; 
	position:absolute; 
	right:0; 
	z-index:8; 
	transition:all .4s ease-in-out 0; 
	-webkit-transition:all .4s ease-in-out 0; 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1); 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)

}
.cardBarTop .cardTitle {
	top: 395px;
}

.scrollBg{
	background-image:url(../img/scrollpaper.png); 
	background-repeat:no-repeat; 
	background-position:right top; 
	position:absolute; 
	height:440px; 
	width:830px; 
	top:50px; 
	z-index:-10; 
	font-size:36px; 
	text-align:center; 
	padding:50px; 
	overflow:hidden; 
	display:block; 
	transition:all .4s ease-in-out 0; 
	-webkit-transition:all .4s ease-in-out 0; 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1); 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 

	left:0
}

.playerCard .cardKarma {
left: 290px;
left: 275px;
}


 .beastCard .cardKarma {
	display:none;
}

.beastCard .cardKarma {
	display:block;
	left: 290px;
	left: 275px;
	
}


.scrollBg h4{
	font-size:48px; 
	color:#000; 
	font-weight:700; 
	margin-bottom:0; 
	margin-top:0
}

.scrollBg p{
	margin-top: 20px;
width: 680px;
display: block;
margin-right: auto;
margin-left: auto;
font-size: 32px;
line-height: 42px;
}

.episodeTitle{
	font-size:24px; 
	margin-top:60px; 
	margin-bottom:0; 
	display:block
}

.popMessage{
	background-image:url(../img/smallpopup.png); 
	background-repeat:no-repeat; 
	background-position:left top; 
	display:none; 
	position:absolute; 
	z-index:18193; 
	height:400px; 
	width:600px; 
	top:50%; 
	right:50%; 
	margin-right:-300px; 
	margin-top:-200px; 

	transition:all .4s ease-in-out; 
	-moz-transition:all .4s ease-in-out; 

	-webkit-transition:all .4s ease-in-out; 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1); 

	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610); 
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)

}

.poptext{
	position:absolute; 
	top:60px; 
	display:block; 
	height:200px; 
	width:500px; 
	left:50px; 
	font-size:38px; 
	line-height:normal; 
	text-align:center; 
	clear:both
}

.popButton{
	font-size:20px; 
	color:#fff; 
	display:block; 
	background-image:url(../img/button-main.png); 
	height:52px; 
	width:320px; 
	text-decoration:none; 
	text-align:center; 
	background-repeat:no-repeat; 
	background-position:center top; 
	padding:15px 0 0; 
	font-weight:400; 
	margin-right:auto; 
	margin-left:auto; 
	background-size:contain; 
	position:absolute; 
	bottom:0; 
	right:50%; 
	margin-right:-160px
}


.scratch {
	transform:rotate(12deg);
	-webkit-transform:rotate(12deg);
	background-image: url(../img/battle/scratch.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 0px;
	width: 46px;
	overflow: hidden;
	position: absolute;
	z-index: 300;
	top: 68px;
	right: 152px;
	background-size:contain;
	pointer-events: none;
	font-size: 36px;
	color: #FFF;
	text-align: center;
}
.claw {
	transform:rotate(-12deg);
	-webkit-transform:rotate(-12deg);
	background-image: url(../img/battle/claw.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 0px;
	width: 128px;
	overflow: hidden;
	position: absolute;
	z-index: 8000;
	top: 69px;
	right: 108px;
	background-size:contain;
	pointer-events: none;
}
.splat {
	background-image: url(../img/battle/splat.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 400px;
	width: 300px;
	overflow: hidden;
	position: absolute;
	z-index: 298;
	top: 48px;
	right: 17px;
	background-size:contain;
	opacity:0;
	pointer-events: none;
}
.miss {
	box-shadow: 16px 12px 10px #000;
	background-image: url(../img/miss.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 178px;
	width: 248px;
	overflow: hidden;
	position: absolute;
	z-index: 2000;
	top: 74px;
	right: 45px;
	background-size:contain;
	opacity:0;
	pointer-events: none;
}
.damaged {
	display: block;
	height: auto;
	width: 330px;
	overflow: hidden;
	position: absolute;
	z-index: 20000;
	top: 76px;
	background-size:contain;
	opacity:0;
	pointer-events: none;
	font-size: 72px;
	color: #FFF;
	text-align: center;
	right: 0px;
		text-shadow:2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px 2px 2px rgb(51, 51, 51)

}
.damagedExtra {
	display: none;
height: 138px;
width: 270px;
overflow: hidden;
position: absolute;
z-index: 20000;
top: 273px;
background-size: contain;
opacity: 0;
pointer-events: none;
font-size: 24px;
color: #FFF;
text-align: center;
right: 0px;
background-image: url('../img/trim/bonus.png');
background-repeat: no-repeat;
background-position: center top;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
font-size: 20px;
}
.battleBanner, .statusBanner{
	z-index: 512;
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: -240px;
	margin-top: -160px;
	width: 480px;
	padding-top: 100px;
	height: 280px;
	background-image: url(../img/ui/battlebanner.png);
	color: #FFF;
	linexx-height: 260px;
	font-size: 48px;
	text-align: center;
	text-shadow: -2px -2px 1px #000;
	-webkit-transform: scale(.5,.5)!important;
	transform: scale(.5,.5)!important;
	opacity: 0;
	display: nonex;
	pointer-events: none;
	-webkit-transition: all .4s cubic-bezier(0.590,0.015,0.030,1.610);
	-ms-transition: all .4s cubic-bezier(0.590,0.015,0.030,1.610);
	transition: all .4s cubic-bezier(0.590,0.015,0.030,1.610);
	background-repeat: no-repeat;
	background-position: center top;	
}

/*.statusBanner{
	background-image: url(../img/ui/statusbanner.png);
	
}*/

.battleBanner.alive,.statusBanner.alive{
	display:block;
opacity:1;
-webkit-transform:scale(1,1)!important; 
	transform:scale(1,1)!important
	
}

.tipBubble, .tipBubbleUI, .tipBubbleTarget  {
 position: absolute;
background-color: #FFFFFF;
margin: 0px;
padding: 40px;
text-align: center;
width: 180px;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.7);
display: nonex;
  border-radius:4px;
  color:#333333;
  leftxxx:35px;
  font-size:20px;
  line-height: 24px;
  display:none;
  z-index:512;
  text-shadow:none;
}


.tipBubblePointer, .tipBubblePointerUI, .tipBubblePointerTarget {
  position: absolute;
  display: block;
  content: "";  
  background-color:#ffffff;
  height:20px;
  width:20px;
  position:absolute;
  bottom:-9px;
  left:50%;
  margin-left:-10px;
  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.tipBubbleClose, .tipBubbleCloseUI, .tipBubbleCloseTarget {
	color: #FFF;
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #F00;
text-align: center;
line-height: 45px;
pointer-events: none;
top: -10px;
display: block;
position: absolute;
right: -10px;
font-size: 32px;
z-index: 128;
font-weight: 300;
cursor: pointer; cursor: hand;
	
}


.speechBubble {
 position: absolute;
background-color: #FFFFFF;
margin: 0px;
padding: 20px;
text-align: center;
width: 256px;
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.7);
display: nonex;
  border-radius:4px;
  color:#333333;
  leftxxx:35px;
  font-size:18px;
  line-height: 24px;
  display:none;
  z-index:512;
}


.speechBubblePointer {
  position: absolute;
  display: block;
  content: "";  
  background-color:#ffffff;
  height:20px;
  width:20px;
  position:absolute;
  bottom:50%;
  left:0;
  margin-left:-10px;
  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.speechBubbleClose {
	color: #FFF;
width: 30px;
height: 30px;
border-radius: 15px;
background-color: rgba(255, 0, 0, 1);
text-align: center;
line-height: 25px;
pointer-events: none;
top: -10px;
display: block;
position: absolute;
right: -10px;
font-size: 24px;
z-index:128;
	
}


.cardB {
	opacity:1;
}
.noClick {
	pointer-events:none !important;
}
.toHide{
	z-index:5024 !important;
	transform-style: flat;
	-webkit-transform-style: flat;
}


#topBorder {
	position:fixed;
	width:100%;
	height:14px;
	z-index:33003;
	background-image: url(../img/border.png);
	background-repeat: repeat-x;
	background-position: center top;
	left: 0px;
	top: 0px;
}
#bottomBorder {
	position:fixed;
	width:100%;
	height:14px;
	z-index:15000;
	background-image: url(../img/borderbottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	bottom: 0px;
}
#leftBorder {
	position:fixed;
	width:4px;
	height:100%;
	z-index:33005;
	background-image: url(../img/bordersd.png);
	background-repeat: repeat-y;
	background-position: left center;
	left: 0px;
	display: block;
	top:0;
}
#rightBorder {
	position:fixed;
	width:4px;
	height:100%;
	z-index:33005;
	background-image: url(../img/bordersd.png);
	background-repeat: repeat-y;
	background-position: left center;
	right: 0px;
	top:0;
}

.basicStage{
	width: 880px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -480px;
	height: 460px;
	margin-top: -270px;
	border: 1px solid #FFF;
	border-radius: 5px;
	color: #FFF;
	padding: 40px;
	overflowxxx: auto;
	background-image: url(../img/bg_trans_dark.png);
}

.basicStage a {
	color:#FFFFFF;
	text-decoration:none;
}
.column2 {
	    width: 400px;
    float: left;
    margin-top: 10%;
}
.alignmentBannerPre{
text-shadow: 1px 1px 1px #000000;
font-size: 24px;
line-height: 30px;
}
.alignmentBannerTitle {
	
	font-size: 48px;
text-shadow: 2px 2px 1px rgb(0, 0, 0);
	
}
.alignmentBanner{
	position: absolute;
bottom: 100px;
right: 50%;
width: 500px;
margin-right: -290px;
color: #FFF;
display: none;
z-index: 140;
text-align: center;
pointer-events: none;
background-image: url("../img/splotch.png");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
padding: 40px;
}
.sellItemBar {
	color: #FFFFFF;
text-align: center;
display: block;
position: absolute;
bottom: -60px;
width: 320px;
height: 40px;
background-color: #333333;
left: 5px;
font-size: 16px;
line-height: 40px;
z-index: 128;
-webkit-transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275); 
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)
}
.sellItemBar:hover {
	background-color:#FFCC00;
}

.leaflet-marker-icon-wrapperx {
    display: block;
    pointer-events: none;
}
.deckButton {
	background-image: url(../img/deckbutton.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 60px;
	width: 250px;
	line-height: 60px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	position: relative;
	text-transformxxx: uppercase;
	
	
 color: #FFF;
   
    font-size: 18px;
   
    line-heightxxx: 60px;
    
    text-align: center;
   
    font-weight: bold;
    text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333

}

.deckButton.selected {
	background-image: url(../img/deckbuttonover.png);
	
}

.deckSwitcher {
	height: 60px;
	width: 1020px;
margin-right: -520px;
	position: absolute;
	right: 50%;
	bottom: 4px;
	z-index: 32;
	display:none;
}

.dock {
	xxxheight: 72px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 32;
	background-imagexxx: url(../img/cardbar.png);
	background-repeat: repeat-x;
	background-position: center top;
	display:none;
}
.dockBackground {
	height: 72px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 31;
	xxxbackground-image: url(../img/cardbar.png);
	background-repeat: repeat-x;
	background-position: center top;
	display:none;
}


.closeStage{
	display: block;
background-color: #d90000;
color: rgb(17, 17, 17);
opacity: 1;
padding: 10px;
border-radius: 4px;
cursor: pointer;
z-index: 64;
width: 48px;
border-radius: 64px;
height: 48px;
line-height: 48px;
font-size: 32px;
color: #ffffff;
margin: 0px;
position: absolute;
top: 50px;
right: 50px;
	text-align:center; 
	top: 10px;
right: 10px;

}

.disable {
	pointer-events: none !important;
	xxxopacity: .5;
}

.disposition {
	
	position: absolute;
color: rgb(255, 255, 255);
font-size: 24px;
width: 240px;
text-align: center;
bottom: 110px;
z-index: 2;
border-top: 1px solid rgb(204, 204, 204);
opacity: 1;
border-bottom: 1px solid rgb(204, 204, 204);
padding: 20px;
margin-left: auto;
margin-right: auto;
left: 25px;
text-transform: uppercase;

}

.enemyEffect {
	
	position: absolute;
color: rgb(255, 255, 255);
font-size: 24px;
width: 240px;
text-align: center;
bottom: 80px;
z-index: 2;
border-top: 1px solid rgb(204, 204, 204);
opacity: 1;
border-bottom: 1px solid rgb(204, 204, 204);
padding: 20px;
margin-left: auto;
margin-right: auto;
left: 25px;
text-transform: uppercase;

}

.actionDescription {
	
	
	position: absolute;
color: rgb(255, 255, 255);
font-size: 24px;
width: 240px;
text-align: center;
bottom: 180px;
z-index: 2;
border-top: 1px solid rgb(204, 204, 204);
opacity: 1;
border-bottom: 1px solid rgb(204, 204, 204);
padding: 20px;
margin-left: auto;
margin-right: auto;
left: 25px;
text-transform: uppercase;
	    text-shadow: 1px 1px 1px #222;
		

}



.startQuote {
    display: none;
    height: 300px;
    width: 600px;
    position: absolute;
    z-index: 2048;
    font-size: 24px;
    color: rgb(255, 255, 255);
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -300px;
    text-align: center;
}


.attributions {
    font-size: 14px;
    float: right;
    display: block;
    clear: both;
    height: 60px;
    width: 100%;
     text-shadow:1px 1px 1px #000;
    text-align: center;
	transform: scale3d(0,0,0);
	-webkit-transform: scale3d(0,0,0);
	-webkit-transition: all 800ms cubic-bezier(0.515, 0, 0.345, 1); /* older webkit */
-webkit-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
   -moz-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
    -ms-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
     -o-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
        transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295); /* custom */
	
}
.regionQuote {
	font-size: 24px;
	text-transform: uppercase;
	color: #FFC;
	text-align: center;
	display: block;
	clear: both;
text-shadow: 2px 2px 1px #000;}

.nijiQuote {
    color: rgb(255, 255, 255);
    text-shadow: 2px 2px 1px #000;
	transform: scale3d(0,0,0);
	-webkit-transform: scale3d(0,0,0);
	-webkit-transition: all 800ms cubic-bezier(0.515, 0, 0.345, 1); /* older webkit */
-webkit-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
   -moz-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
    -ms-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
     -o-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
        transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295); /* custom */
}


.regularQuote {
	font-size: 18px;
	color: #CF0;
	text-shadow: 2px 2px 1px #000;
	transform: scale3d(0,0,0);
	-webkit-transform: scale3d(0,0,0);
	-webkit-transition: all 800ms cubic-bezier(0.515, 0, 0.345, 1); /* older webkit */
-webkit-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
   -moz-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
    -ms-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
     -o-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
        transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295); /* custom */
}

.firstButton {
	display: block;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	transform: scale3d(0,0,0);
	-webkit-transform: scale3d(0,0,0);
	-webkit-transition: all 800ms cubic-bezier(0.515, 0, 0.345, 1); /* older webkit */
-webkit-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
   -moz-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
    -ms-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
     -o-transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295);
        transition: all 700ms cubic-bezier(0.515, -0.055, 0.345, 1.295); /* custom */
}
.deckCollection {
	background-color: #000000;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 128;
	opacity:0;
	pointer-events:none;
}
.allDecksxxx {
	width:980px;
	max-height:520px;
	top:50%;
	margin-top:-260px;
	position:absolute;
	left:50%;
	margin-left:-490px;
	display:block;
	
}
.slick-slide {
	margin:20px;
}
.leaflet-top.leaflet-right {
    top: 80px !important;
	 right: 12px !important;
}
.allDecks{
	
	
}
.deck1 {
width: 980px !important;
display: block;
background-color: #333;
height: 450px;
	
}
.bigAlignment {
    position: absolute;
    color: #FFF;
    font-size: 24px;
    width: 550px;
    text-align: center;
    bottom: 180px;
    z-index: 2;
    border-top: 1px solid #CCC;
    opacity: 1;
    border-bottom: 1px solid #CCC;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    left: 25px;
    text-transform: uppercase;
	    text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 1px #333

}

.editName{
	border: 1px solid rgb(51, 51, 51);
width: 290px;
border-radius: 4px;
background-color: rgb(255, 255, 255);
left: 20px;
top: 10px;
z-index: 8;
line-height: 80px;
height: 80px;
text-shadow: none;
color: #333;
}



/*leaflet Override*/


.leaflet-bar a, .leaflet-bar a:hover {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    width: 48px !important;
    height: 48px!important;
    line-height: 48px!important;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 32px!important;
}

/*.card.bottom {
	transform: scale(0.7);
}

.cardBar {
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 30;
    height: 0px;
    bottom: 180px;
}
.card.bottom.popxx {
	transform: scale(1);
}*/

.underline {
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	vertical-align: baseline;
	display: block;
	margin-bottom: 10px;
}

.playerShield {
	background-image: url("../img/shield.png");
background-repeat: no-repeat;
background-position: left top;
display: none;
height: 500px;
width: 360px;
z-index: 8093;
position: absolute;
left: -15px;
top: -15px;
pointer-events: none;
}

.flipIt{
	color: #FFF;
text-align: center;
bottom: 100px;
position: absolute;
width: 100%;
text-transform: uppercase;
	
}

.glow {
	box-shadow: 0px 0px 50px 20px #0ff;
}

.messages{
	display: none;
z-index: 16;
color: rgb(255, 255, 255);
pointer-events: none;
position: absolute;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 16px;
}
.version {
	color: #FFEDA3;
border: solid 1px !important;
display: inline-block;
padding: 10px;

    position: absolute;
    right: 50%;
    width: 120px;
    text-align: center;
    bottom: 20px;
    margin-right: -70px;
	
}

.version:hover{
	color:#333;
	background-color:#ffcc00;
	
}
.adminUpdate{
	color: #FFEDA3;
border: 1px solid !important;
display: none;
padding: 40px;
z-index: 9999999;
position: absolute;
width: 600px;
line-height: 1.8;
font-size: 16px;
text-align: center;
right: 50%;
top: 50%;
margin-right: -340px;
margin-top: -190px;
height: 300px;
background-color: #222;
}

.adminUpdate a{
	color: #FFF;
text-decoration: none;
border: solid 1px !important;
padding: 10px;
width: 300px;
display: inline-block;
font-size: 16px;
}
.adminUpdate a:hover {
	background-color:#FFEDA3;
	color:#333333;
	
}
.textTitle{
	color: #ffffff !important;
display: block;
position: absolute;
width: 100%;
text-align: center;
z-index: 1;
font-size: 24px;
line-height: 100px;
	text-shadow:2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 2px #333;
	text-transform: uppercase;
}

.slimButton {
	
    width: 240px;
    left: 40px;
}

.ui {
	display:none;
	
}
.cardBack .disposition {
	
	white-space: nowrap;
	
}
.emphasize{
	color:#ff0000;
	
}

.sideBar * {
	 box-sizing: border-box;
	 overflow:hidden;
}

.sideBar {
	position:absolute;
	right:0;
	width:420px;
	height:100%;
	background-color:#fff;
	z-index:2048;
	overflow:hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display:none;
	
	
	
}
.sideBar .iconNav {
	padding: 5px;
position: fixed;
right: 0;
width: inherit;
height: 150px;
background-color: #DDD;
z-index: 16;
top: 0;
}

.sideBar .sectionTitle {
	
	
	
	
	padding: 5px;
position: fixed;
right: 0;
width: inherit;
height: auto;
background-color: #333;
z-index: 16;
top: 150px;
color:#ffffff;
text-align:center;
}


.sideBar .iconNav a {
	margin:5px;
	float:left;
		background-image: url("../img/uiblank.png");
background-repeat: no-repeat;
background-position: center center;
background-size:contain;
	
}

.sideBar .sideContent{
	
	padding-top:180px;
	background-image: url("../img/menubg.jpg");
	overflow:hidden;
	
}

.sideBar img {
	width: 100%;
	height:auto;
	
}

.container .three.columns {
width: 60% !important;
margin-left: 20%;
margin-bottom: 20px;
margin-top: 20px;
padding: 0px;
min-height: 100px;
}
.sideBar a.sideClose{
	width: 80px;
	height: 80px;
	background-color: #F00;
	color: #FFF;
	font-size: 36px;
	line-height: 80px;
	text-align: center;
	float: left;
	border-radius: 50px;
	margin: 10px;
	margin-right: 20px;
	margin-top: 30px;
}
.card:hover {
	xxxtransform: scale(1.05);
	
}

#nim {
	opacity: 1;
	position: absolute;
	width: 640px;
	height: 360px;
	z-index: 24;
	margin-right: -450px;
	top: 50%;
	right: 50%;
	text-align: center;
	xxxdisplay: block;
	transform: scale3d(1.1,1.1,1.1);
	-webkit-transform: scale3d(1.1,1.1,1.1);
	-moz-transform: scale3d(1.1,1.1,1.1);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: all .4s ease-in-out;
	/* Safari and Chrome */
	-o-transition: all .4s ease-in-out;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: visible;
	margin-top: -205px;
	-webkit-transition-timing-function: cubic-bezier(0.590,0.015,0.030,1);
	/* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.590,0.015,0.030,1.610);
	-moz-transition-timing-function: cubic-bezier(0.590,0.015,0.030,1.610);
	-ms-transition-timing-function: cubic-bezier(0.590,0.015,0.030,1.610);
	-o-transition-timing-function: cubic-bezier(0.590,0.015,0.030,1.610);
	transition-timing-function: cubic-bezier(0.590,0.015,0.030,1.610);
	/* custom */
	pointer-events: none;
	display: none;
}

.speedVerySlow {
	transition:all 6s ease-in-out;
	-moz-transition:all 6s ease-in-out;
/* Firefox 4 */
	-webkit-transition:all 6s ease-in-out;
/* Safari and Chrome */
	-o-transition:all 6s ease-in-out;
/* Opera */
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1);
/* older webkit */
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)
/* custom */
}

.spinnerPointer {
	background-image:url(../img/spinnerpointer.png);
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
	position:absolute;
	height:26px;
	width:19px;
	left:156px;
	top:82px;
	z-index:512
}

.speedSlow {
	transition:all 4s ease-in-out;
	-moz-transition:all 4s ease-in-out;
/* Firefox 4 */
	-webkit-transition:all 4s ease-in-out;
/* Safari and Chrome */
	-o-transition:all 4s ease-in-out;
/* Opera */
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1);
/* older webkit */
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)
/* custom */
}

.speedMedium {
	transition:all 2s ease-in-out;
	-moz-transition:all 2s ease-in-out;
/* Firefox 4 */
	-webkit-transition:all 2s ease-in-out;
/* Safari and Chrome */
	-o-transition:all 2s ease-in-out;
/* Opera */
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1);
/* older webkit */
	-webkit-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-moz-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-ms-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	-o-transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610);
	transition-timing-function:cubic-bezier(0.590,0.015,0.030,1.610)
/* custom */
}

.spinTopLeft {
	transform-origin:0 0;
	-ms-transform-origin:0 0;
/* IE 9 */
	-webkit-transform-origin:0 0;
/* Safari and Chrome */
	-moz-transform-origin:0 0;
/* Firefox */
	-o-transform-origin:0 0
/* Opera */
}

.v1l5 {
	transform:rotate(45deg) scale(0);
	-ms-transform:rotate(45deg) scale(0);
/* IE 9 */
	-moz-transform:rotate(45deg) scale(0);
/* Firefox */
	-webkit-transform:rotate(45deg) scale(0);
/* Safari and Chrome */
	-o-transform:rotate(45deg) scale(0);
/* Opera */
	position:absolute;
	width:39px;
	height:39px;
	z-index:2;
	background-image:url(../../assets/img/vine01leaf01.png);
	background-repeat:no-repeat;
	background-position:left top;
	left:23px;
	top:160px
}

#v1 {
	left:308px;
	top:184px;
	transform:rotate(-87deg) scale(1);
	-ms-transform:rotate(-87deg) scale(1);
/* IE 9 */
	-moz-transform:rotate(-87deg) scale(1);
/* Firefox */
	-webkit-transform:rotate(-87deg) scale(1);
/* Safari and Chrome */
	-o-transform:rotate(-87deg) scale(1);
/* Opera */
	position:absolute
/* [disabled]background-color: #F00; */
}

#v2 {
	left:136px;
	top:124px;
	transform:rotate(87deg) scale(1);
	-ms-transform:rotate(87deg) scale(1);
/* IE 9 */
	-moz-transform:rotate(87deg) scale(1);
/* Firefox */
	-webkit-transform:rotate(87deg) scale(1);
/* Safari and Chrome */
	-o-transform:rotate(87deg) scale(1);
/* Opera */
	position:absolute
}

#v3 {
	left:288px;
	top:137px;
	transform:rotate(-87deg) scaleX(-1);
	-ms-transform:rotate(-87deg) scaleX(-1);
/* IE 9 */
	-moz-transform:rotate(-87deg) scaleX(-1);
/* Firefox */
	-webkit-transform:rotate(-87deg) scaleX(-1);
/* Safari and Chrome */
	-o-transform:rotate(-87deg) scaleX(-1);
/* Opera */
	position:absolute
/* [disabled]background-color: #F00; */
}

#v4 {
	left:76px;
	top:145px;
	transform:rotate(87deg) scaleX(-1);
	-ms-transform:rotate(87deg) scaleX(-1);
/* IE 9 */
	-moz-transform:rotate(87deg) scaleX(-1);
/* Firefox */
	-webkit-transform:rotate(87deg) scaleX(-1);
/* Safari and Chrome */
	-o-transform:rotate(87deg) scaleX(-1);
/* Opera */
	position:absolute
}

#v3b {
	left:336px;
	top:85px;
	transform:rotate(-117deg) scaleX(-1);
	-ms-transform:rotate(-117deg) scaleX(-1);
/* IE 9 */
	-moz-transform:rotate(-117deg) scaleX(-1);
/* Firefox */
	-webkit-transform:rotate(-117deg) scaleX(-1);
/* Safari and Chrome */
	-o-transform:rotate(-117deg) scaleX(-1);
/* Opera */
	position:absolute
/* [disabled]background-color: #0F0; */
}

#v4b {
	left:249px;
	top:196px;
	transform:rotate(47deg) scaleX(-1);
	-ms-transform:rotate(47deg) scaleX(-1);
/* IE 9 */
	-moz-transform:rotate(47deg) scaleX(-1);
/* Firefox */
	-webkit-transform:rotate(47deg) scaleX(-1);
/* Safari and Chrome */
	-o-transform:rotate(47deg) scaleX(-1);
/* Opera */
	position:absolute
/* [disabled]background-color: #F00; */
}

#v4c {
	left:242px;
	top:161px;
	transform:rotate(0deg) scaleX(1);
	-ms-transform:rotate(0deg) scaleX(1);
/* IE 9 */
	-moz-transform:rotate(0deg) scaleX(1);
/* Firefox */
	-webkit-transform:rotate(0deg) scaleX(1);
/* Safari and Chrome */
	-o-transform:rotate(0deg) scaleX(1);
/* Opera */
	position:absolute
/* [disabled]background-color: #F00; */
}

.vine01 {
	transform:rotate(-87deg);
	-ms-transform:rotate(-87deg);
/* IE 9 */
	-moz-transform:rotate(-87deg);
/* Firefox */
	-webkit-transform:rotate(-87deg);
/* Safari and Chrome */
	-o-transform:rotate(-87deg);
/* Opera */
	height:10px;
	z-index:1;
	background-image:url(../img/vine02.png);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:visible;
	display:block;
	width:104px
}

.v1l1 {
	position:absolute;
	width:35px;
	height:35px;
	z-index:1;
	background-image:url(../../assets/img/vine01leaf01.png);
	background-repeat:no-repeat;
	background-position:left top;
	left:71px;
	top:44px;
	transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0)
}

.v1l2 {
	transform:rotate(87deg) scale(0);
	-ms-transform:rotate(87deg) scale(0);
/* IE 9 */
	-moz-transform:rotate(87deg) scale(0);
/* Firefox */
	-webkit-transform:rotate(87deg) scale(0);
/* Safari and Chrome */
	-o-transform:rotate(87deg) scale(0);
/* Opera */
	position:absolute;
	width:39px;
	height:39px;
	z-index:2;
	background-image:url(../img/vine01leaf2.png);
	background-repeat:no-repeat;
	background-position:left top;
	left:65px;
	top:66px
}

.v1l3 {
	position:absolute;
	width:39px;
	height:39px;
	z-index:2;
	background-image:url(../img/vine01leaf2.png);
	background-repeat:no-repeat;
	background-position:left top;
	left:55px;
	top:89px;
	transform:rotate(87deg) scale(0);
	-ms-transform:rotate(87deg) scale(0);
/* IE 9 */
	-moz-transform:rotate(87deg) scale(0);
/* Firefox */
	-webkit-transform:rotate(87deg) scale(0);
/* Safari and Chrome */
	-o-transform:rotate(87deg) scale(0)
/* Opera */
}

.v1l4 {
	transform:rotate(87deg) scale(0);
	-ms-transform:rotate(87deg) scale(0);
/* IE 9 */
	-moz-transform:rotate(87deg) scale(0);
/* Firefox */
	-webkit-transform:rotate(87deg) scale(0);
/* Safari and Chrome */
	-o-transform:rotate(87deg) scale(0);
/* Opera */
	position:absolute;
	width:39px;
	height:39px;
	z-index:2;
	background-image:url(../img/vine01leaf2.png);
	background-repeat:no-repeat;
	background-position:left top;
	left:32px;
	top:126px
}

.startlogo {
	display:none;
	
}
.centerLogo{
	pointer-events:none;
}