@import url('//fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600italic,600,700,700italic');
@import url('//fonts.googleapis.com/css?family=Lovers+Quarrel|Rosarivo:400,400italic');

body {
	background-color: black;
	background-position: center top;
	background-repeat: no-repeat;
	overflow-x: hidden;
	font-family: 'Crimson Text', serif;
	background-image: url("../background/bg.jpg");
	font-size: 14px;
	line-height: 16px;
	color: #5B1110;
}

body.story img#legal,
body.features img#legal,
body.history img#legal,
body.dlc img#legal,
body.media img#legal,
body.links-requirements img#legal
{
	bottom: 10px;
	right: 313px;
	position: absolute;
}

body.story section#minisitecontent,
body.features section#minisitecontent,
body.history section#minisitecontent,
body.dlc section#minisitecontent,
body.media section#minisitecontent,
body.links-requirements section#minisitecontent
{
	min-height:950px;
}

a img {
	border: none;
}

#bannerdiv {
	z-index: 3;
}

#menu {
	position: relative;
	z-index: 11;
}

#menu_logo {
	position: absolute;
	top: 95px;
	left: -230px;
        width:230px;
        height: 100px;
        -webkit-animation: grow 1.5s ease-out;
	-moz-animation: grow 1.5s ease-out;
	animation: grow 1.5s ease-out;
	opacity: 1;
}

#story_content #napoleon_logo {
	width: 327px;
	height: 147px;
}

#menu_esrb_logo {
	position: fixed !important;
	bottom: 20px; left: 20px !important;
	z-index: 10;
}

#privacypolicy {
	position: fixed;
	bottom: 20px; right: 20px;
	background-color: #FFF;
	width: auto;
	padding: 3px 10px 2px;
	margin-top: 10px;
	color: #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 10;
	font-size: 12px;
}

#privacypolicy:hover {
	color: #000;
	font-weight: bold;
	padding: 3px 7px 2px;
}

footer a {
	margin-bottom: 0;
}

#local
{
	z-index:5 !important;
}

ul#napoleon_menu
{
	list-style:none;
	width: 680px;
	text-align: center;
	position: absolute;
	top: -13px;
	left: -84px;
	color: white;
	font-family: 'Rosarivo', serif;
	font-style: italic;
	font-weight: 600;
	z-index:1;
}

.ru section[data-subsection=home] ul#napoleon_menu{
	width:500px;
	left:0;
	top:-16px;
}

.ru ul#napoleon_menu{
	width:800px;
	left:-70px;
	top:-13px;
}

.ru ul#napoleon_menu li a{
	font-size:17px;
}

.ru ul#napoleon_menu li{
	display:inline-block;
	padding-bottom: 6px;
}

ul#napoleon_menu li
{
	display:inline;
	padding-left:13px;
}

ul#napoleon_menu li a
{
	text-underline:none;
	text-decoration:none;
	color:inherit;
	font-size:15px;
	-webkit-transition:color 0.4s linear;
	-moz-transition:color 0.4s linear;
	-o-transition:color 0.4s linear;
	-ms-transition:color 0.4s linear;
	transition:color 0.4s linear;
	text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 0px 0px 10px black, 0px 0px 5px black, 0px 0px 4px black ;
}

ul#napoleon_menu li.current_page a
{
	color:#bda160;
	border-bottom: 1px solid #dabb8a;
}


ul#napoleon_menu li a:hover
{
	color:#bda160;
}

.hidden
{
	opacity:0;
}

.book
{
	background-image: url(../images/book.jpg);
	background-repeat: no-repeat;
	width: 763px;
	height: 575px;
	position: absolute;
	top: 133px;
	left: -68px;
}
.ru .book h1{
	line-height:30px;
	margin:0;
	font-size:40px;
	top:48px;
	z-index: 1;
	left:33px;
	font-family: cursive;
}


.book h1
{
	font-size: 45px;
	position: absolute;
	top: 0px;
	left: -5px;
	color: #795420;
	font-family: 'Lovers Quarrel', cursive;
	text-shadow: 	0px 0px 5px white,
					0px 0px 5px white,
					0px 0px 10px white,
					0px 0px 10px white,
					0px 0px 15px white,
					0px 0px 15px white;
}

.text
{
	position:absolute;
	width: 299px;
	font-family:'Crimson Text', serif;
	font-size:16px;
	font-style:italic;
	color: #724d19;
	line-height:19px;
	text-shadow: 	0px 0px 5px white,
					0px 0px 5px white,
					0px 0px 10px white,
					0px 0px 10px white,
					0px 0px 15px white,
					0px 0px 15px white;
}

/* Testing override */
aside#related_news
{
	display: none;
}

/* Hacky override for shortened french menu */
.fr #global #global_links li:last-child
{
	width:90px;
}

/******************************************** Added by tom wilkins for dev purposes

/* ----------------------------------------*/
/* ---------------- Sound -----------------*/
/* ----------------------------------------*/

#mute_bar
{
    background-image:url("../images/sound/control_background.png");
    background-repeat:no-repeat;
    width:144px;
    height:18px;
    top: 95px !important;
    left: -165px !important;
}


#mute_bar input#volumeControl
{
    padding: 0px;
    background-image:url("../images/sound/level_bar.png");
    background-repeat:no-repeat;
    background-color: transparent;
    height: 5px;
    position: relative;
    left: 4px;
    top: -2px;
    width: 106px;
    -webkit-border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -o-border-radius: 0 !important;
    -o-box-shadow: none !important;
    -ms-border-radius: 0 !important;
    -ms-box-shadow: none !important;
    border-radius: 0 !important;
    border: none;
    box-shadow: none !important;
    cursor: pointer;
}


#mute_bar input#volumeControl::-moz-range-track {
    -moz-appearance: none;
    background-image:url("../images/sound/level_bar.png");
    background-repeat:no-repeat;
    background-color: transparent;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    -moz-border-radius: 0 !important;
    -moz-box-shadow: none !important;
    height: 5px;
}

div#mute_bar div#muteControl
{
    width: 30px;
    height: 30px;
    position:relative;
    top: -17px;
    left: 126px;
}

div#mute_bar div#muteControl div#muted
{
    background-image:url("../images/sound/mute_on.png");
    background-repeat:no-repeat;
    width:30px;
    height:30px;
}

div#mute_bar div#muteControl div#unmuted
{
    background-image:url("../images/sound/mute_off.png");
    background-repeat:no-repeat;
    width:30px;
    height:30px;
}

#mute_bar #ie_slider {
    position: absolute;
    left: 0px; top: 5px;
    background-image:url("../images/sound/slider.png");
    background-repeat:none;
    width: 10px; height: 17px;
}

input#volumeControl::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-image:url("../images/sound/slider.png");
    background-repeat:none;
    height:17px;
    width:17px;
}

input#volumeControl::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-image:url("../images/sound/slider.png");
    background-repeat:none;
    height:17px;
    width:17px;
    border: 0;
}

@-moz-document url-prefix()
{
    div#mute_bar div#muteControl
    {
        top:-17px;
    }
    #mute_bar input#volumeControl {
        left: 0px;
        top: -2px;
    }
}

/********************************************

/* -----------------------------------------------*/
/* ------------ Animations -------------*/
/* -----------------------------------------------*/



@-webkit-keyframes grow {
  from { -webkit-transform: scale(0.5) ; }
  to   { -webkit-transform: scale(1) ; }
}
@-moz-keyframes grow {
  from { -moz-transform: scale(0.5) ; }
  to   { -moz-transform: scale(1) ; }
}
@keyframes grow {
  from { transform: scale(0.5) ; }
  to   { transform: scale(1) ; }
}

@-webkit-keyframes slide_up {
  from { -webkit-transform: translateY(100px) ; }
  to   { -webkit-transform: translateY(0px) ; }
}
@-moz-keyframes slide_up {
  from { -moz-transform: translateY(100px) ; }
  to   { -moz-transform: translateY(0px); }
}
@keyframes slide_up {
  from { transform: translateY(100px) ; }
  to   { transform: translateY(0px) ; }
}

#logo.hidden {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	-moz-transform: scale(0) ;
	-webkit-transform: scale(0) ;
	transform: scale(0) ;
	opacity: 0;
}

#logo {
	-webkit-animation: grow 1.5s ease-out;
	-moz-animation: grow 1.5s ease-out;
	animation: grow 1.5s ease-out;
	opacity: 1;
}


#napoleon.hidden, h2.hidden {
	opacity: 0;
	transition: opacity 2.0s linear;
   -webkit-transition: opacity 2.0s linear;
   -moz-transition: opacity 2.0s linear;
   -o-transition: opacity 2.0s linear;
}

#napoleon, h2 {
	opacity: 1;
	transition: opacity 2.0s linear;
   -webkit-transition: opacity 2.0s linear;
   -moz-transition: opacity 2.0s linear;
   -o-transition: opacity 2.0s linear;
}



/* -----------------------------------------------*/
/* ---------------- Holding Page -----------------*/
/* -----------------------------------------------*/


h1 {
	position: absolute;
	z-index: 0;
	top: -67px;
	left: 423px;
	font-size: 6px;
	width: 200px;
	text-align: center;
	z-index: 0;
}

h2 {
	position: absolute;
	z-index: 5;
	top: 255px;
	left: 8px;
	width: 600px;
	font-size: 36px;
	text-transform: uppercase;
	line-height: 31px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: black;
	text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 15px #80D0F9, 0px 0px 15px #80D0F9, 0px 0px 15px #80D0F9, 0px 0px 15px #80D0F9;
}

#logo {
	position: absolute;
	top: 315px;
	left: -394px;
}

#napoleon {
	position: absolute;
	top: -93px;
	left: 9px;
}

#legal {
	position: fixed;
	bottom: 4px;
	right: 138px;
}

.fr #legal {
	right: 185px;
}

.de #legal {
	right: 129px;
}

.es #legal {
	right: 120px;
}

.it #legal {
	right: 102px;
}


/* -----------------------------------------------*/
/* ---------------- Latest News -----------------*/
/* -----------------------------------------------*/

#related_news, #related_news a, #related_news h3, #related_news:hover {
	text-align: left;
	background: none;
	border: none;
}

#related_news, #related_news:hover {
	position: absolute;
	top: 30px;
	left: 680px;
	font-family: 'Rosarivo', serif;
	width: 260px;
	font-size: 15px;
	text-shadow: 0px 0px 10px black ;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.65)), color-stop(70%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

#related_news h3 {
	font-family: 'Lovers Quarrel', cursive;
	text-transform: capitalize;
	font-size: 40px;
	float: none;
	width: auto;
	color: #ffcd5f;
	margin: 0;
	padding: 0;
	text-shadow: 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black ;
}

.es #related_news h3 {
	font-size: 34px;
	padding-top:1px;
}

.de #related_news h3 {
	font-size: 28px;
	padding-top:4px;
}

#related_news h4 {
	font-size: 14px;
	padding: 8px 10px 10px 20px;
	margin: 0;
	color: white;
	text-shadow: 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black ;
}

#related_news time {
	position: absolute;
	top: 6px;
	right: 0;
	color: #8ed6ff;
	font-style: italic;
	text-shadow: 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black ;

}

#related_news p {
	font-style: italic;
	color: white;
	padding: 0 0 0 20px;
	margin: 0;
	text-shadow: 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black ;
}

#related_news p span {
	float: right;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #ffcd5f;
	position: relative;
	bottom:-2px;
}

#related_news a:hover p, #related_news a:hover h4 {

}

#related_news article {
	margin-top:10px;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	border-top: 1px solid transparent;
	transition: border-color 0.5s linear;
   -webkit-transition: border-color 0.5s linear;
   -moz-transition: border-color 0.5s linear;
   -o-transition: border-color 0.5s linear;

}

#related_news article:hover {
	border-bottom: 2px solid white;
	border-top: 1px solid white;
}

/* -----------------------------------------------*/
/* ---------------- Story (Home) -----------------*/
/* -----------------------------------------------*/

div#story_content
{
	background-image:url(../images/story/background.jpg);
	width: 568px;
	background-repeat: no-repeat;
	background-size:100% 100%;
	min-height: 846px;
	margin-bottom: 50px;

	position: absolute;
	top: -8px;
	left: 21px;
	display: block;
	z-index:0;
	/* padding: 20px 20px 20px 20px; */

	-moz-box-shadow: 3px 3px 5px 6px black;
  	-webkit-box-shadow: 3px 3px 5px 6px black;
  	box-shadow: 3px 3px 5px 6px black;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#story_content h1
{
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 118px;
}

div#story_content h2
{
	z-index: 1;
	top: 197px;
	width: 568px;
	left: 0px;
	font-size: 27px;
	color:white;
	text-shadow: 	0px 0px 5px black,
					0px 0px 10px black,
					0px 0px 15px black,
					0px 0px 25px black,
					0px 0px 25px black,
					0px 0px 30px black;
}

div#trailer
{
	background-image:url(../images/story/trailer_background.jpg);
	width: 435px;
	height: 250px;
	position: absolute;
	top: 231px;
	left: 68px;
}

div#trailer img#trailer_eagle
{
	position: absolute;
	top: 13px;
	left: 148px;
}

div#trailer img#trailer_play_button
{
	position: absolute;
	top: 202px;
	left: 156px;
	cursor:pointer;
}

div#trailer p
{
	position: absolute;
	top: 162px;
	left: 118px;
	width: 200px;
	text-align: center;
	font-family: 'Crimson Text', serif;
	font-size: 22px;
	font-style: italic;
	color: #fbd8a2;
	cursor:pointer;
}

div#trailer video
{
	position:absolute;
	left:5px;
	top:5px;
}

div#trailer video.hidden
{
	display:none;
	z-index:-1;
}

div#story_text_hider
{
	width: 433px;
	height: 610px;
	position: absolute;
	top: 479px;
	left: 69px;
	overflow:hidden;
}

div#story_text
{
	position: absolute;
	padding-left: 20px;
	padding-right: 15px;
	color: white;
	text-shadow: 	0px 0px 5px black,
					0px 0px 10px black,
					0px 0px 15px black,
					0px 0px 25px black,
					0px 0px 25px black,
					0px 0px 30px black;
	font-family:'Crimson Text', serif;
	font-style:italic;
	font-size: 17px;
	line-height: 20.1px;

	font-weight: 600;

	-webkit-transition:top ease-out 2.5s;
	-moz-transition:top ease-out 2.5s;
	-o-transition:top ease-out 2.5s;
	-ms-transition:top ease-out 2.5s;
	transition:top ease-out 2.5s;
}

div#story_text.hidden
{
	top:-362px;
}

div#story_images img
{
	z-index:-1;
	position:absolute;

	-webkit-transition:left 1.5s ease-out;
	-moz-transition:left 1.5s ease-out;
	-o-transition:left 1.5s ease-out;
	-ms-transition:left 1.5s ease-out;
	transition:left 1.5s ease-out;
}

div#story_images img#napoleon
{
	left: 514px;
	top: -41px;
	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#story_images img#napoleon.hidden
{
	opacity:0;
}

/* -------------------------------------------*/
/* ---------------- Features -----------------*/
/* -------------------------------------------*/

div#features_content
{

}

div#features_content img#book_decoration
{
	position: absolute;
	top: 269px;
        left: 6px
}

div#features_content ul
{
	position:absolute;
	top:71px;
	list-style: none;
	width:307px;
	font-family:'Crimson Text', serif;
	font-size:17px;
	font-style:italic;
	color: #724d19;
	margin-left: 37px;
}

.ru div#features_content ul{
	top:95px;
	font-size:16px;
}
.ru div#features_content ul li{
	line-height:16px;
	padding-bottom:5px;
}

div#features_content ul#features1
{
	padding-left:5px;
}

div#features_content ul#features2
{
	left:335px;
	width:270px;
}

div#features_content ul li
{
	line-height:20px;
	padding-bottom:22px;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#features_content ul li p
{
	margin:0;
	text-shadow:0px 0px 5px white,
				0px 0px 5px white,
				0px 0px 10px white,
				0px 0px 10px white,
				0px 0px 15px white,
				0px 0px 15px white;
}

div#features_content ul li span
{
	font-style:normal;
	font-weight:bold;
}

div#features_content ul#features1 li:nth-child(3),
div#features_content ul#features1 li:nth-child(4)
{
	padding-left:70px;
}

div#features_screenshots img
{
	position:absolute;

	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;
	transition: transform 2s ease-out;
}

div#features_screenshots img#screen1
{
	top: 402px;
	left: -258px;
}

div#features_screenshots img#screen1.hidden
{
	-webkit-transform:translateX(-1300px);
	-moz-transform:translateX(-300px);
	-o-transform:translateX(-300px);
	-ms-transform:translateX(-300px);
	transform:translateX(-300px);
}

div#features_screenshots img#screen2
{
	top: 196px;
	left: 605px;
}

div#features_screenshots img#screen2.hidden
{
	-webkit-transform:translateX(300px);
	-moz-transform:translateX(300px);
	-o-transform:translateX(300px);
	-ms-transform:translateX(300px);
	transform:translateX(300px);
}

/* French textual overrides */

.fr div#features_content ul li,
.de div#features_content ul li
{
	padding-bottom:10px;
}

.fr div#features_content h1,
.de div#features_content h1
{
	top:-5px;
}

.fr div#features_content ul#features1,
.de div#features_content ul#features1
{
	margin-top:0px;
}

.fr ul#features2,
.de ul#features2
{
	top:54px;
}

.fr div#features_content ul,
.de div#features_content ul
{
	font-size:16px;
}

/* ------------------------------------------*/
/* ---------------- History -----------------*/
/* ------------------------------------------*/


div#history_content
{

}

div#history_content img#book_decoration
{
	position: absolute;
	top: 94px;
	left: 11px;
}

/*div#history_text
{
	top: 58px;
	left: 46px;
	width: 653px;
	height: 300px;
	-webkit-column-count: 2;
	-webkit-column-gap: 57px;
	-moz-column-count: 2;
	-moz-column-gap: 57px;
	column-count: 2;
	column-gap: 57px;

	-webkit-transition:opacity 2s linear;
	-moz-transition:opacity 2s linear;
	-o-transition:opacity 2s linear;
	-ms-transition:opacity 2s linear;
	transition:opacity 2s linear;
}*/

.ru div#history_text{
	top:65px;
	line-height:16px;
}
div#history_text
{
	top: 72px;
	left: 46px;
	width: 308px;
	height: 300px;

	-webkit-transition:opacity 2s linear;
	-moz-transition:opacity 2s linear;
	-o-transition:opacity 2s linear;
	-ms-transition:opacity 2s linear;
	transition:opacity 2s linear;
}

div#history_screenshots img
{
	position: absolute;

	-webkit-transition:-webkit-transform ease-out 2s;
	-moz-transition:-moz-transform ease-out 2s;
	-o-transition:-o-transform ease-out 2s;
	-ms-transition:-ms-transform ease-out 2s;
	transition:transform ease-out 2s;
}

div#history_screenshots img#map1
{
	top: 472px;
	left: 489px;
}

div#history_screenshots img#map1.hidden
{
	-webkit-transform:translateX(400px);
	-moz-transform:translateX(400px);
	-o-transform:translateX(400px);
	-ms-transform:translateX(400px);
	transform:translateX(400px);
}

div#history_screenshots img#map2
{
	top: 542px;
	left: 297px;
}

div#history_screenshots img#map2.hidden
{
	-webkit-transform:translateY(400px);
	-moz-transform:translateY(400px);
	-o-transform:translateY(400px);
	-ms-transform:translateY(400px);
	transform:translateY(400px);
}

/* French overrides */

.fr div#history_text p
{
	margin-top: 7px;
	margin-bottom: 5px;

	font-size:15px;
}

/* ---------------*******----------------*/
/* ---------------* DLC *----------------*/
/* ---------------*******----------------*/

div#dlc_content
{

}

div#dlc_content h1
{
	width:350px;
}

div#dlc_content > p
{
	top: 72px;
	left: 40px;
	padding-bottom:20px;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#dlc_images
{
	position: absolute;
	top: 162px;
	left: 60px;
}

div#dlc_images > a
{
	text-decoration:none;
}

div#dlc_images div
{
	width:270px;
	height: 115px;
	cursor:pointer;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#dlc_images div img
{
	position:relative;
	left:5px;

	-webkit-transition:opacity 0.25s linear;
	-moz-transition:opacity 0.25s linear;
	-o-transition:opacity 0.25s linear;
	-ms-transition:opacity 0.25s linear;
	transition:opacity 0.25s linear;
}

div#dlc_images div:hover img:nth-child(2), div#dlc_images a.current div img:nth-child(2)
{
	opacity:0;
}

div#dlc_images div#dlc_heroes
{
	position: relative;
}

div#dlc_images div#dlc_coalition
{
	position: relative;
	left: 4px;
	height: 120px;
}

div#dlc_images div img:nth-child(1)
{
	position: absolute;
	left:5px;
}

div#dlc_images div h2
{
	position: relative;
	font-weight: bold;
	font-size: 17px;
	font-family: 'Crimson Text', serif;
	width: 252px;
	top:-24px;
	text-shadow: 	0px 0px 5px #64350c,
					0px 0px 5px #64350c,
					0px 0px 10px #64350c,
					0px 0px 10px #64350c,
					0px 0px 15px #64350c,
					0px 0px 15px #64350c;

	/* overrides */
	line-height: 16px;
	color: white;
	text-transform:none;

}

div#dlc_images div#dlc_heroes h2
{
	top:-44px;
}

div#dlc_info
{
	position: absolute;
	top: 44px;
	left: 395px;
	margin-right: 31px;

	width: 346px;
	height: 493px;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#dlc_info > div
{
	position:absolute;
	z-index:1;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#dlc_info > div.hidden
{
	z-index:0;

	-webkit-transition:opacity 0.1s linear;
	-moz-transition:opacity 0.1s linear;
	-o-transition:opacity 0.1s linear;
	-ms-transition:opacity 0.1s linear;
	transition:opacity 0.1s linear;
}

div#dlc_info div h3,
div#dlc_info div p
{
	padding-left:10px;
}

div#dlc_info div h3
{
	font-weight: bold;
	font-family: 'Crimson Text', serif;
	margin-bottom: 0px;
	color: #724d19;
	text-shadow:0px 0px 5px white,
				0px 0px 5px white,
				0px 0px 10px white,
				0px 0px 10px white,
				0px 0px 15px white,
				0px 0px 15px white;
}

div#dlc_info > div > video
{
	border:2px solid #573433;
	border-radius:0px;
	-webkit-box-shadow: 0 0 5px 0 rgba(81,50,16,75);
	        box-shadow: 0 0 5px 0 rgba(81,50,16,75);
}

div#coalition_slideshow
{
	padding-bottom:193px;
}

div#coalition_slideshow > div
{
	position:absolute;
	z-index:2;

	-webkit-transition:opacity 0.75s linear;
	-moz-transition:opacity 0.75s linear;
	-o-transition:opacity 0.75s linear;
	-ms-transition:opacity 0.75s linear;
	transition:opacity 0.75s linear;
}

div#coalition_slideshow > div.hidden
{
	z-index:1;

	-webkit-transition:opacity 0.1s linear;
	-moz-transition:opacity 0.1s linear;
	-o-transition:opacity 0.1s linear;
	-ms-transition:opacity 0.1s linear;
	transition:opacity 0.1s linear;
}

div#coalition_slideshow > div > img
{
	border:2px solid #573433;
	border-radius:0px;
	-webkit-box-shadow: 0 0 5px 0 rgba(81,50,16,75);
	        box-shadow: 0 0 5px 0 rgba(81,50,16,75);
}

div#coalition_slideshow > div.hidden img
{
	opacity:0;
}

div#coalition_slideshow > div > a > img.next, div#coalition_slideshow > div > a > img.prev {
	opacity: 0.6;
	-webkit-transition:opacity 0.1s linear;
	-moz-transition:opacity 0.1s linear;
	-o-transition:opacity 0.1s linear;
	-ms-transition:opacity 0.1s linear;
	transition:opacity 0.1s linear;
	position: absolute;
	top: 71px;
}

div#coalition_slideshow > div > a > img.next
{
	left: 309px;
}

div#coalition_slideshow > div > a > img.prev
{
	left:2px;
}

div#coalition_slideshow > div > a:hover > img.next, div#coalition_slideshow > div > a:hover > img.prev {
	opacity: 1;
}

div#coalition_slideshow > div > h4
{
	text-align: center;
	margin-top: 5px;
}

div#dlc_info_coalition h3
{
	width:200px;
}
/* ---------------****#****----------------*/
/* ---------------* Media *----------------*/
/* ---------------****#****----------------*/

div#media_content_holder
{
	background-image:url(../images/media/book.jpg);
	background-repeat:no-repeat;
}

div#media_content_holder > p
{
	top: 78px;
	left: 35px;
	z-index: 1;
	width: 183px;
}

div#media_content
{
	background-image:url(../images/media/paper.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 3px;
	left: 174px;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#media_content img#paper_decoration
{
	position:absolute;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#media_backgrounds
{
	position:absolute;
}

div#media_logos
{
	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

/* Overrides for rules in media.css */

/* These rules stop the inherited transitions from media.css from
/* transitioning the media logos before their intended animation */
div#media_logos li
{
	width:200px;
	height:200px;


	background-position: -1px 19px;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}

div#media_logos li:hover h2 img
{
	opacity:0;
}

div#media_logos li h2 img
{
	-webkit-transition:opacity 0.5s linear;
	-moz-transition:opacity 0.5s linear;
	-o-transition:opacity 0.5s linear;
	-ms-transition:opacity 0.5s linear;
	transition:opacity 0.5s linear;

}

div#media_logos li#media_screenshots_button
{
	position:absolute;
	top: 257px;
	left: 38px;
	background-image:url(../images/media/screenshots_hover.png) !important;
	background-position: 20px 0px;

	-webkit-animation: bounce 2s 2s both;
	-moz-animation: bounce 2s 2s both;
	-o-animation: bounce 2s 2s both;
	animation: bounce 2s 2s both;
}

div#media_logos li#media_movie_button
{
	position:absolute;
	left: 198px;
	top: 273px;
	background-image:url(../images/media/trailers_hover.png) !important;
	background-position: 16px 0px;

	-webkit-animation: bounce 2s 0.5s both;
	-moz-animation: bounce 2s 0.5s both;
	-o-animation: bounce 2s 0.5s both;
	animation: bounce 2s 0.5s both;
}

div#media_logos li#media_desktops_button
{
	position:absolute;
	left: 96px;
	top: 391px;
	background-image:url(../images/media/desktops_hover.png) !important;
	background-position: 20px 0px;

	-webkit-animation: bounce 2s 0.5s both;
	-moz-animation: bounce 2s 0.5s both;
	-o-animation: bounce 2s 0.5s both;
	animation: bounce 2s 0.5s both;
}

.popup
{
	overflow:auto;
}

.popup div.popup_content
{
	top: 80px;
	left:0 !important;
	margin:auto !important;
}

.popup.single_screenshot > div {

	width: 1040px !important;
}

.popup_content > figure > figcaption
{
	font-size:18px;
}

#media_links li h2
{
	left: 0px;
	top:0px;
	width: 183px;
}

#media_links li span {

	display:block !important;
	position: absolute;
	text-decoration:none;
	font-size:17px !important;
	font-weight:bold;
	width: 181px;
	text-align: center;
	top:69px;
	left:19px;
	color:#571713;
	font-family: 'Crimson Text', serif;

	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);

	text-shadow: 	0px 0px 5px #ebc99e,
					0px 0px 5px #ebc99e,
					0px 0px 10px #ebc99e,
					0px 0px 10px #ebc99e,
					0px 0px 15px #ebc99e,
					0px 0px 15px #ebc99e;

	-webkit-transition:text-shadow 0.5s linear;
	-moz-transition:text-shadow 0.5s linear;
	-o-transition:text-shadow 0.5s linear;
	-ms-transition:text-shadow 0.5s linear;
	transition:text-shadow 0.5s linear;

	/* overrides */
	line-height: 16px;
	text-transform:none;


}

li#media_screenshots_button span
{
	left: -4px;
	top: 112px;
}

li#media_desktops_button span
{
	left: -6px;
	top: 121px;
}

li#media_movie_button span
{
	left: -8px;
	top: 114px;
}

#movie > div > ul > li > h2
{
	display:block;
	position:static;
	left:0px;
	width:auto;
}

#desktops > div > ul > li > ul a
{
	font-size:13px;
}

.trailer div h2
{
	display:block;
	position: static;
	left: 0px;
	width: auto;
	font-size:18px;
}

.popup_content h1
{
	position:static;
	width:auto;
}

.media_prev_button,
.media_next_button
{
	opacity:0.6;
	top: 0px !important;
	height: 616px;
	width: 45px;

	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
}

.media_prev_button img,
.media_next_button img
{
	position:relative;
	top:45%;
}

.media_prev_button:hover,
.media_next_button:hover
{
	background: none !important;
	opacity:1;
}

.media_prev_button:hover img,
.media_next_button:hover img
{
	opacity:1 !important;
}

.popup.single_screenshot > div
{
	-webkit-animation-name:grow;
	-moz-animation-name:grow;
	-o-animation-name:grow;
	-ms-animation-name:grow;
	animation-name:grow;
}
/* -----------------*-*-**-***-*****-*----------------*/
/* ---------------$ Links/Requirements $----------------*/
/* -----------------#-#-##-###-#####-#------------------*/

.links-requirements .book
{
	background-image:url(../images/links-requirements/book.png) !important;
        top:127px;
        left:-69px;
        width: 765px;
        height: 578px;
}

.links-requirements .text{
	line-height:16px;
	font-size:14px;
}
.ru div#links-requirements_content > h1{
	left:35px;
}
.ru div#requirements_text{
	left:30px;
	width:320px;
}
.ru div#links_text h1 {
	top: 28px;
	left: 10px;
}
div#links-requirements_content > h1
{
	left:20px;
}

div#requirements_text
{
	position: absolute;
	top: 80px;
	left: 42px;

	-webkit-transition:opacity 1s linear;
	-moz-transition:opacity 1s linear;
	-o-transition:opacity 1s linear;
	-ms-transition:opacity 1s linear;
	transition:opacity 1s linear;
}

div#requirements_text div#requirements_provisional
{
	font-style: normal;
	font-size: 14px;
	line-height: 12px;
	position: absolute;
	top: -100px;
	left: 30px;
	width: 800px;
}
div#requirements_text div#requirements_provisional p strong {
	color: white;
	text-shadow:  	0px 0px 5px black,
					0px 0px 5px black,
					0px 0px 10px black,
					0px 0px 10px black,
					0px 0px 15px black;
}

div#requirements_text dl {
	margin: 5px 0;
}
div#requirements_text dl dd{
margin-left:156px;
}
div#requirements dl#min_requirements lh div,
div#requirements dl#rec_requirements lh div
{
	padding-bottom:3px;
}


div#requirements dl#min_requirements lh div,
div#requirements dl#rec_requirements lh div
{
	font-weight:bold;
}

div#requirements dl dt
{
	float: left;
	min-width: 155px;
}

div#requirements dl dt,
div#requirements dl dd
{
	font-style:normal;
}

.de div#requirements dl dd, .fr div#requirements dl dd, .it div#requirements dl dd {
  font-size: 15px;
}
#requirements_notices p {
	margin-bottom: 5px;
}

#requirements_notices p:last-child {
	 font-size: 13px;
	 margin-top: 0;
	 padding-top: 0;
	line-height: 12px;
}

div#links_text
{
	position: absolute;
	top: 20px;
	left: 380px;
}

div#links_text div#links_body
{
	position: absolute;
	top: 85px;
	left: 29px;
	width: 328px;
}

div#links_body a
{
	-webkit-transition:-webkit-transform 1s ease-out, opacity 1s linear;
	-moz-transition:-moz-transform 1s ease-out, opacity 1s linear;
	-o-transition:-o-transform 1s ease-out, opacity 1s linear;
	-ms-transition:-ms-transform 1s ease-out, opacity 1s linear;
	transition:transform 1s ease-out, opacity 1s linear;
}

div#links_body a.hidden
{
	opacity:0;

	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	-o-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	transform:translateY(-100px);
}

div#links_body a div
{
	padding-bottom:26px;
	text-align:center;
	display: inline-block;
	position:relative;
	left:8px;
}

div#links_body a div img
{
	opacity:0.8;

	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
	z-index: 10;
	position: relative;
}

div#links_body a:hover div img
{
	opacity:1;
}

div#links_body a div h3
{
	margin:0;
	text-decoration:none;
	width:100%;

	-webkit-transition:text-shadow 0.2s linear;
	-moz-transition:text-shadow 0.2s linear;
	-o-transition:text-shadow 0.2s linear;
	-ms-transition:text-shadow 0.2s linear;
	transition:text-shadow 0.2s linear;
	z-index: 1;
	position: relative;
}

div#links_body a:hover div h3
{
	text-shadow: 	0px 0px 5px white,
					0px 0px 5px white,
					0px 0px 10px white,
					0px 0px 10px white,
					0px 0px 15px white,
					0px 0px 15px white,
					0px 0px 20px #724d19,
					0px 0px 20px #724d19,
					0px 0px 25px #724d19,
					0px 0px 25px #724d19,
					0px 0px 30px #724d19,
					0px 0px 30px #724d19;
}

div#links_text h1
{
	top: -9px;
	left: -49px;
}

div#links_text.hidden
{
	display:none;
}

div#background_images img
{
	position:absolute;
}

div#background_images img#map1
{
	top: 450px;
	left: 604px;

	-webkit-transition:-webkit-transform 2s ease-out;
	-moz-transition:-webkit-transform 2s ease-out;
	-o-transition:-webkit-transform 2s ease-out;
	-ms-transition:-webkit-transform 2s ease-out;
	transition:-webkit-transform 2s ease-out;
}

div#background_images img#map1.hidden
{
	-webkit-transform:translate(-200px, -100px);
	-moz-transform:translate(-200px, -100px);
	-o-transform:translate(-200px, -100px);
	-ms-transform:translate(-200px, -100px);
	transform:translate(-200px, -100px);
}

div#background_images img#cathedral
{
	top: 151px;
	left: 681px;

	-webkit-transition:-webkit-transform 2s ease-out;
	-moz-transition:-webkit-transform 2s ease-out;
	-o-transition:-webkit-transform 2s ease-out;
	-ms-transition:-webkit-transform 2s ease-out;
	transition:-webkit-transform 2s ease-out;
}

div#background_images img#cathedral.hidden
{
	-webkit-transform:translateX(-200px);
	-moz-transform:translateX(-200px);
	-o-transform:translateX(-200px);
	-ms-transform:translateX(-200px);
	transform:translateX(-200px);
}

div#background_images img#map2
{
	top: 255px;
	left: -225px;

	-webkit-transform:rotate(-36deg);
	-moz-transform:rotate(-32deg);
	-o-transform:rotate(-32deg);
	-ms-transform:rotate(-32deg);
	transform:rotate(-32deg);

	-webkit-transition:top 1s ease-out, left 1s ease-out;
	-moz-transition:top 1s ease-out, left 1s ease-out;
	-o-transition:top 1s ease-out, left 1s ease-out;
	-ms-transition:top 1s ease-out, left 1s ease-out;
	transition:top 1s ease-out, left 1s ease-out;
}

div#background_images img#map2.hidden
{
	top: 187px;
	left: 71px;
}


/* ------------------------------------------------*/
/* ---------------- Steam Edition -----------------*/
/* ------------------------------------------------*/
body.steam #local .box li:first-child {
	display: none;
}

body.steam #local .box li a {
	border-top: 2px solid black;
}

body.steam {
	background: url('../images/steam/background.jpg') no-repeat center -20px black;
}

body.steam #minisitecontent {
	left: 0;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:0px 0px 1px #fff2da, 0px 0px 2px #fff2da, 0px 0px 5px #fff2da, 0px 0px 1px #fff2da, 0px 0px 2px #fff2da, 0px 0px 5px #fff2da, 0px 0px 10px #fff2da, 0px 0px 2px #fff2da, 0px 0px 15px #fff2da;
	line-height: 20px;
}

body.steam #minisitecontent a {

	-webkit-transition: background-color .2s ease-out, color .2s ease-out;
    -moz-transition: background-color .2s ease-out, color .2s ease-out;
    -o-transition: background-color .2s ease-out, color .2s ease-out;
    transition: background-color .2s ease-out, color .2s ease-out;
}

#steam_content {
	margin: 0 0 0 -166px;
	text-align: center;
	padding-bottom: 135px;
	height: auto;
	-webkit-transition: height 500ms ease-out 1s;
    -moz-transition: height 500ms ease-out 1s;
    -o-transition: height 500ms ease-out 1s;
    transition: height 500ms ease-out 1s;
}

#steam_content h1 {
	width: 529px;
	margin: 20px auto 0;
	position: static;
}

#steam_heading {
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	width: 260px;
	padding-left: 270px;
	text-align: left;
	margin: -65px auto 0;
	padding-right: 10px;
	text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 1px black, 0px 0px 10px black, 0px 0px 5px black, 0px 0px 1px black;
	font-style: italic;
}

body.steam.ru h2 {
	padding: 0 8px;
}
.ru #steam_base_text.text_container div div {
	background: url('../images/steam/base.jpg') no-repeat 475px 5px;
}
.ru #steam_campaign_text.text_container div div {
background: url('../images/steam/campaign.jpg') no-repeat 475px 5px;
}

body.steam.ru #steam_dlc_text #text_body > div {
	background: url('../images/steam/dlc.jpg') no-repeat 475px 5px;
	padding-top:30px;
}

.ru #steam_dlc_text #text_body div div{
	padding:0;
}

.ru #steam_collection_text.text_container div div {
	background: url('../images/steam/collection.jpg') no-repeat 475px 5px;
}

body.steam h2 {
	position: static;
	display: inline-block;
	border-left: 1px solid;
	color: white;
	padding: 0 10px;
	font-size: 15px;
	margin-top:40px;
	width: auto;
	text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 1px black, 0px 0px 10px black, 0px 0px 5px black, 0px 0px 1px black;
	height: 27px;
}

body.steam h2:first-child {
	border-left: none;
}

body.steam h2 a {
	color: #cea65c;
	display: inline-block;
	height: 23px;
	text-decoration: none;
	border-bottom: 1px solid;
}

body.steam h2 a:hover {
	color: #e8c461;
}

body.steam .text_container {
	opacity: 0;
	display: none;
	margin-top: -259px;
	padding-top: 230px;
	font-size: 16px;
}

body.steam .text_container:target {
	opacity: 1;
	display: block;
}

body.steam .text_container p, body.steam .text_container ul, body.steam h3 {
	text-align: left;
}

body.steam .text_container #text_body a {
	display: block;
	background: #4d2900;
	color: #ffe1a3;
	text-decoration: none;
	padding: 7px;
	margin: 0px 0 10px 143px;
	width: 281px;
	text-shadow: none;
	border: 3px double white;
}

body.steam .text_container #text_body a:hover {

	background: #2b1a06;
}

body.steam .text_container p, body.steam .text_container ul {
	margin: 10px 0 0 145px;
	width: 288px;
}

body.steam h2.title {
	font-size: 24px;
	margin-top: 20px;
}

body.steam h2.title:before {
	content: '~ ';
}

body.steam h2.title:after {
	content: ' ~';
}

body.steam .text_container ul {

	padding: 5px  10px 15px;
}

body.steam #steam_dlc_text.text_container ul {
	padding: 10px;
}

body.steam .text_container ul li {
	margin: 7px 10px;
	width: 250px;
}

body.steam .text_container ul li:before {
	content: '~ ';
	font-weight: bold;
	font-size: 20px;
	margin-left: -15px;
}

body.steam p.dlc-info {
	text-align: center;
	font-weight: normal;
	margin-top: 17px;
	width: 298px;
}

body.steam #text_body div {
	padding-top: 70px;
	height: 490px;
}

#steam_dlc_text #text_body div ul {
	margin-top: 0;
	padding-top: 0;
}

#steam_dlc_text #text_body div li {
	list-style: none;

}

#steam_dlc_text #text_body div li:before {
	content: '';
	margin-left: 0;
}

#steam_dlc_text #text_body div {
	background: none;
	margin-top: 0;
}

#steam_dlc_text #text_body div div {
	padding: 5px 0 10px;
	height: auto;
}

body.steam #steam_dlc_text.text_container #text_body h3 {
	font-size: 17px;
}

body.steam #steam_dlc_text.text_container #text_body ul li {
	font-size: 15px;
	padding-left: 0;
	margin-left: 0;
	width: 270px;
}

body.steam #steam_dlc_text.text_container #text_body a {
	padding: 2px 7px 4px;
	font-size: 13px;
}

body.steam h3 {
	margin: 0 0 10px 145px;
	width: 295px;
}

/*
body.steam #mute_bar{
    top: 69px !important;
}

body.steam #mute_bar input#volumeControl{
    top: -4px;
}

body.steam div#mute_bar div#muteControl{
    top:-21px;
}
*/

/****  Original LDC layout  ****

#steam_dlc_text #text_body div div.inner1 {
	background: url('../images/steam/dlc1.jpg') no-repeat 475px 25px;
	float: left;
}

#steam_dlc_text #text_body div div.inner2 {
	background: url('../images/steam/dlc2.jpg') no-repeat 475px 25px;
	float: right;
	height: 450px;
	margin-right: 133px;

}

#steam_dlc_text #text_body div div.inner2 a, #steam_dlc_text #text_body div div.inner2 p, #steam_dlc_text #text_body div div.inner2 ul, #steam_dlc_text #text_body div div.inner2 h3 {
	margin-left: 0;
}

#steam_dlc_text #text_body div div.inner3 {
	background: url('../images/steam/dlc3.jpg') no-repeat 475px 25px;
	position: absolute;
	top: 660px;
	left: -33px;
	transform:rotate(-5.5deg);
	-ms-transform:rotate(-5.5deg);
	-webkit-transform:rotate(-5.5deg);
}

#steam_dlc_text #text_body div div.inner3 a, #steam_dlc_text #text_body div div.inner3 p, #steam_dlc_text #text_body div div.inner3 ul, #steam_dlc_text #text_body div div.inner3 h3, #steam_dlc_text #text_body div div.inner3 li {
	width: 370px;
}

#steam_dlc_text #text_body div div.inner4 {
	background: url('../images/steam/dlc4.jpg') no-repeat 475px 25px;
	float: right;
	clear: right;
}
*******************************/
body.steam #text_body div a {
	padding: 5px;
	font-size: 14px;
}


#steam_base_text.text_container div div {
	background: url('../images/steam/base.jpg') no-repeat 475px 25px;
}

#steam_campaign_text.text_container div div {
	background: url('../images/steam/campaign.jpg') no-repeat 475px 25px;
}

#steam_collection_text.text_container div div {
	background: url('../images/steam/collection.jpg') no-repeat 475px 25px;
}

body.steam #steam_collection_text #text_body > div {
	padding-top: 50px;
	height: 510px;
}

body.steam #steam_dlc_text #text_body > div {
	background: url('../images/steam/dlc.jpg') no-repeat 475px 25px;
	height: 680px;
	padding-top: 70px;
}

body.steam #steam_collection_text #text_body div ul {
	padding: 7px 20px;
}

body.steam #legal {
	position: absolute;
	top: 990px;
	right: 302px;
}

.ru #legal{
	right:230px;
}

/* Copied from media.css */

.popup.next, .popup.prev {
    -webkit-animation-name: none
}
.popup.single_screenshot.next>div {
    -webkit-animation-name: next;
    animation-name: next
}
.popup.single_screenshot.prev>div {
    -webkit-animation-name: prev;
    animation-name: prev
}























/*




#local .box li:first-child {
	display: none;
}

#local .box li:last-child a {
	border-top-width: 2px !important;
}

#content .buylink {
	position: absolute;
	
	background: pink;
	top: 85px;
	left: -165px;
	height: 82px;
	width: 184px;
	z-index: 15;
	cursor: pointer;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjdhMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-color: #ffb73d;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #ffb73d, #ef7a2a);
	background-image: linear-gradient(180deg, #ffb73d 0, #ef7a2a);
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	height: 12px;

padding: 5px 2px 5px 5px;
transition: border .2s linear;
text-decoration: none;
display: block;
	width: 151px;
	border-radius: 5px;
	border: 2px solid #000;
	font-family: helvetica, verdana, sans-serif;
font-size: 12px;
line-height: 1.2em;
}



.fr #content .buylink, .it #content .buylink {
	height: auto;
	top: 101px;
	
}

.es #content .buylink {
	font-size: 11px;
}


.ru #content .buylink {
	height: auto;
	top: 101px;
	font-size: 10px;
}

.fr #content .buylink span, .it #content .buylink span {
	top: 5px;
}

.ru #content .buylink span {
	top: 3px;
}




#content .buylink:hover {
	border-color: white;
	z-index: 16;
}

#content .buylink#buyoverlinkdownload {
	top: 61px;
}

#content .buylink span {
	height: 18px;
width: 18px;
display: block;
float: left;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzM3NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzMzNTM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzUzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-color: #737476;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(135deg, #737476, #333537);
background-image: linear-gradient(-45deg, #737476, #333537);
border-radius: 3px;
position: relative;
top: -3px;
left: -3px;
margin-right: 2px;
border: 0 solid transparent;
-webkit-transition: background .2s linear, border .2s linear;
transition: background .2s linear, border .2s linear
}

#content .buylink span img {
	width: 14px;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
}
*/



body.steam #minisitecontent a#steamcollectionlink {
	font-size: 1.5em;
	padding: 12px 7px;
}









#local {
	pointer-events: none;
}

#game_select_box {
	pointer-events: auto;
}
#local .box li:first-child {
	opacity: 0;
	pointer-events: none;
}

#local .box li:last-child a {
/* 	border-top-width: 2px !important; */
	pointer-events: auto;
}

#content .buylink {
	position: absolute;
	
	background: pink;
	top: 85px;
	left: -165px;
	height: 82px;
	width: 184px;
	z-index: 15;
	cursor: pointer;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjdhMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-color: #ffb73d;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #ffb73d, #ef7a2a);
	background-image: linear-gradient(180deg, #ffb73d 0, #ef7a2a);
	color: #000;
	font-weight: 700;
	font-family: helvetica, sans-serif;
	text-transform: uppercase;
	height: 12px;
padding: 5px 2px 5px 5px;
transition: border .2s linear;
text-decoration: none;
display: block;
	width: 151px;
	border-radius: 5px;
	border: 2px solid #000;
	font-size: 10.8px;
}

.fr #content .buylink, .it #content .buylink {
/* 	height: auto; */
	top: 101px;
	
}

.es #content .buylink {
	font-size: 11px;
}


.ru #content .buylink {
/* 	height: auto; */
	top: 101px;
/* 	font-size: 10px; */
}

.fr #content .buylink span, .it #content .buylink span {
/* 	top: 5px; */
}

.ru #content .buylink span {
/* 	top: 3px; */
}

#content .buylink:hover {
	border-color: white;
	z-index: 16;
}

#content .buylink#buyoverlinkdownload {
	top: 25px;
}

#content .buylink span {
	height: 18px;
width: 18px;
display: block;
float: left;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzM3NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzMzNTM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzUzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-color: #737476;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(135deg, #737476, #333537);
background-image: linear-gradient(-45deg, #737476, #333537);
border-radius: 3px;
position: relative;
top: -3px;
left: -3px;
margin-right: 2px;
border: 0 solid transparent;
-webkit-transition: background .2s linear, border .2s linear;
transition: background .2s linear, border .2s linear
}

#content .buylink span img {
	width: 18px;
	height: 18px;
	margin-top: 0px;
	margin-left: 0px;
}