article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}
a {
    background: transparent;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre { white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }
button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0; }
button,input {line-height: normal;}
button,select { text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {  border: 0;  padding: 0;}
textarea {  overflow: auto;   vertical-align: top;}
table {  border-collapse: collapse;  border-spacing: 0;}


	body {position:relative;  font-size:14px; height:100%; }
	
	.clear {clear:both;}
	
	
	.search_box {display:none;}
	
	
	.image-popup {display:none; width:1057px; height:472px; background:url(/i/screenshot_frame.png) no-repeat top left; position:fixed; z-index:1000; top:50%; left:50%; margin:-236px 0 0 -523px; }
	.image-popup-wrap {margin:30px auto; background:black; height:415px; width:996px; position:relative;}
	.image-popup-wrap div {height:100%; width:100%;}
	.image-popup .popup-close {top:-50px; right:-35px; width:4%; height:4%;}

	.image-slider {height:100%; width:100%; margin:0; padding:0;}
	.image-slider li {height:100%; width:100%; box-shadow: inset 0px 0px 10px 2px black;}
	
	.image-popup-wrap .bx-wrapper {margin:0 0 0 -100px; padding:0 0;}
	.image-popup-wrap .bx-wrapper .bx-viewport {height:100%; width:100%;  -webkit-transform: translatez(0);	-moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
	.image-popup-wrap .bx-wrapper .bx-viewport li img {height:415px; width:100%; display:block; max-width:100%; /*position:relative; z-index:-2;*/}
	
	.image-popup .bx-wrapper .bx-controls-direction a {position: absolute; top: 190px; outline: 0; width: 60px; height: 64px; text-indent: -9999px;	z-index: 99;}
	.image-popup .bx-wrapper .bx-prev {left: -10%;	background: url(/i/screenshots/left-arrow.png) no-repeat top left; background-size:100% 200%;}
	.image-popup .bx-wrapper .bx-next {right: -10%;	background: url(/i/screenshots/right-arrow.png) no-repeat top left;	background-size:100% 200%;}
		
		

	.image-popup .bx-wrapper .bx-prev:hover {	background-position: bottom left;}
	.image-popup .bx-wrapper .bx-next:hover {	background-position: bottom left;}
	
	
	@media screen and (min-width: 1921px){
		body {font-size:16px;}
		.main {background:url(/i/bg2_2200_c2.png) no-repeat top left;}
	}
	
	@media screen and (min-width: 1601px) and (max-width: 1920px) {
		body {font-size:14px;}
		.main {background:url(/i/bg2_1920.png) no-repeat top left;}
	}
	
	@media screen and (min-width: 1281px) and (max-width: 1600px) {
		body {font-size:12px;}
		.main {background:url(/i/bg2_1600.png) no-repeat top left;}
		
		.image-popup {width:900px; height:400px; background-size: 100% auto; position:absolute; top:18%; margin:0 0 0 -450px; }
		.image-popup-wrap {margin:24px auto; height:354px; width:850px;}
		.image-popup .popup-close {top:-50px; right:-35px;}
		.image-popup-wrap .bx-wrapper {margin:0 0 0 -90px; padding:0 0;}
		.image-popup-wrap .bx-wrapper .bx-viewport li img {height:354px;}
		.image-popup .bx-wrapper .bx-controls-direction a {top: 41%; width: 60px; height: 64px; }
	}
	
	@media screen and (min-width: 1025px) and (max-width: 1280px) {
		body {font-size:12px;}
		.main {background:url(/i/bg2_1280.png) no-repeat top left;}
		
		.image-popup {width:900px; height:400px; background-size: 100% auto; position:absolute; top:18%; margin:0 0 0 -450px; }
		.image-popup-wrap {margin:24px auto; height:354px; width:850px;}
		.image-popup .popup-close {top:-50px; right:-35px;}
		.image-popup-wrap .bx-wrapper {margin:0 0 0 -90px; padding:0 0;}
		.image-popup-wrap .bx-wrapper .bx-viewport li img {height:354px;}
		.image-popup .bx-wrapper .bx-controls-direction a {top: 41%; width: 60px; height: 64px; }
	}
	
	
	@media screen and (max-width: 1024px) {
		body {font-size:10px;}
		.main {background:url(/i/bg2_1024.png) no-repeat top left;}
	
		.image-popup {width:900px; height:400px; background-size: 100% auto; position:absolute; top:18%; margin:0 0 0 -450px; }
		.image-popup-wrap {margin:24px auto; height:354px; width:850px;}
		.image-popup .popup-close {top:-50px; right:-35px;}
		.image-popup-wrap .bx-wrapper {margin:0 0 0 -80px; padding:0 0;}
		.image-popup-wrap .bx-wrapper .bx-viewport li img {height:354px;}
		.image-popup .bx-wrapper .bx-controls-direction a {top: 41%; width: 60px; height: 64px; }
	}
	
	.jspHorizontalBar {display:none;}
	
	#loader {background:url(/i/preloader.gif) center center no-repeat white; background-size: auto 100%; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; overflow:hidden;}

	.parallax_wrap {position:relative; min-width:1024px; overflow:hidden; height:100%; min-height:630px;}
	.parallax-layer {position: absolute; z-index:-10; top:-5%; left:-7.5%;}
	
	.main { height:100%; width:100%; min-width:1024px; background-size:100% auto; position:relative; }
	
	.flags {position:absolute; right:26.5%; top:10%; height:2%; width:6.090909%; text-align:left;}
	.flags a {display:inline-block; width:46%; height:94%; text-align:center; font-size:100%; padding-top:4%; text-decoration:none; background:url(/i/search/min/lang_bg.png) no-repeat; background-size: 100% 200%; background-position:top left; color:silver; }
	.flags a.active {background-position:bottom left; text-decoration:none; color:white; }
	
	.search_box.min {position:absolute; top:9.7%; right:9.5%; width:16.590909%; height:2.5%; }
	.search_box.min form {height:100%; }
	.search_box.min #q {float:left; outline:none; width:80%; height:100%; background:url(/i/search/min/input_box.png) no-repeat top left; background-size:100% 100%; border:0; font-size:100%; padding:0 3%;}
	.search_box.min #search {float:right; outline:none; width:11%; height:100%; background:url(/i/search/min/search_button.png) no-repeat top left; background-size:100% 200%; border:0; font-size:100%;  }
	.search_box.min #search:hover {background-position:left bottom; }
	
	
	.logo_ru {width:25.7727272%; position:absolute; top:5.4%; left:37.5%;}
	.logo_en {width:23%; position:absolute; top:6%; left:37.5%;}
	
	.fish {width:11.681818%; position:absolute; top:63%; left:16%;}
	
	.img_01 {position:absolute; top:16.1%; left:10.5%; width:19.64%;}
	.img_01 img {display:block; width:100%; height:auto; }
	
	.img_02 {position:absolute; top:43%; left:10.5%; width:19.64%;}
	.img_02 img {display:block; width:100%; height:auto; }
	
	.vid_01 {position:absolute; top:16.1%; right:11.8%; width:19.64%;}
	.vid_01 img {display:block; width:100%; height:auto; }
	
	.footer {background:url(/i/footer_c.png) no-repeat top center; padding-top:5.27%; width:100%; min-width:1024px; background-size:100% auto; position:absolute; bottom:0; left:0;}
	
	.news_block {background:url(/i/news/news_bg_c.png) no-repeat top left; width:24%; height:22%;  font-family:Tahoma; background-size:100% auto; font-size:120%; position: absolute; top:39%; right:9%;}
	.news_item {width:76%; margin:1% 15% 1% 9%; padding-bottom:4%;}
	.news_item.separated {background:url(/i/news/separator_c.png) no-repeat bottom center; }
	.news_date {color:#31465e; text-decoration:underline;}
	.news_anons {color:#000033; }
	
	.news_anons p {margin:2% 0;}
	
	.news_overflow {width:100%; margin:0 auto;}
	
	#sq2_mid {width:34.31818181818182%; height:57.8125%; position:absolute; top:9.375%; left:32.5%; }
	#sq2_mid img {width: 66%;height: 74%;position: absolute;top: 19%;left: 19%;z-index: -1;}
	
	.menu { width:85%;  margin:0 auto; font-family: 'Playfair Display', Tahoma, Arial, serif; font-size:150%; position: absolute; top: 0; left: 7%; z-index: 10;}
	.menu ul {list-style:none; padding:0; margin:0; height:100%;}
	.menu ul li {float:left; width:12.5%;}
	.menu ul li a {display:block; position:relative; outline:none; padding:10% 0; width:100%; text-shadow:2px 2px 3px black; text-align:center; color:white; font-weight:normal; text-decoration:none; }
	.menu ul li a:hover {color:gold;}
	.menu ul li a:active {color:#ddd;}
	.menu ul li a.current {color:gold;}
	.menu ul li a.disabled {color:black; text-shadow:2px 2px 3px white;}
	
	
	.news_block  .scrolled {height:68%; margin:14% 0 18%; position:relative; outline:none;}
	
	.jspContainer{overflow: hidden; position: relative;}
	.jspPane{position: absolute;}
	.jspVerticalBar{position: absolute;	top: 0;	right: 13%; width: 2%; height: 100%; background-size:100% 100%;  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAADpCAYAAAAtbrewAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAspJREFUeNrsm09IVFEUxt8bozLauFAqxEXZHxRbRH9EEQpblVDgNIuchZtIslWYiS5MKESlWrQR2rhIMAlp066IECKmVkViqIGIJEaImwmJmr7jnJfPmXfvHanld+HjzLvvnN897947y8/PZDKeabT0jddKHO1NvDXlbPPso02jEeCbOsDq+xAW9bEcXSxG5cUsq9+H5lUPttQBVj+BkIIadeoldApdpJwAFEuYgb6hoE7n3iCUQgcx5/yEQagSSobmkjo3aN0DrHQO4SZ0HSt9Ceb1d7u805z8T8CLIwhT0FMUJAwnI98Xh6qQM/23A7zYizAJfcxpPXckNWdSazz/8u0nFxAHoLTsOsgrtpuFwhKEF9BuqFM6OAsdhsZcxbofkvMMOgSdWd8DUHvwcAeqQMKCo4NKPeYO5N6LKfWunLuegGt0QQtSnHuMj6CLBQCaoOGoe/AeKkOLxZb2ZeNkEz9EAeQTfGiXZfWdkFyc71GANeiXo30p/h3Oi+Vca7+APfDDeTHvHwcBBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABWwKIOyRTQE3gJMkD7ICKHMW+5myPApQqPW0BpEO5eYDj0PJob+KHqRrvBCCOm2NRgCte1qfkGpJzdROgpW+8S9saKgAgzjIxDd2Sh6IZv+ohYjfUgxafu6qbT1evTrz+9BM/+xFLpAPxZ4lDLK5+LevQnLjWvAosWXu8rEfpK3QSnawZiuX43kHiKDuKvKXAkrWE0ADVyKOlgcea06A1G6eAic8I4pprxkrtEatfQ7gEndfc7M2KMAfKLos57EBgz8PcfoQ5OSXMdbr+TJIwq+2GW5/Vd5vv9n/3N4YgYwi1+pgyGQZtJtEb3obHs97493TYVEf0hFpNOS6b6rDrZv4RYACEq+8PLYsGUQAAAABJRU5ErkJggg==");}
	.jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red;}
	.jspCap{display: none;}
	.jspHorizontalBar .jspCap{float: left;}
	.jspTrack{position: relative;}
	.jspDrag{background: #31465e;	position: relative;	top: 0;	left: 0; cursor: pointer; background-size:100% auto; background-repeat:no-repeat; background-position:center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAIAAADpOgqxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpi3P7sPwMqYDR0i0MXIlcVQIABAAp6CYSNbYKDAAAAAElFTkSuQmCC");}
	
	.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{	float: left; height: 100%;}
	.jspArrow {text-indent: -20000px; display: block; cursor: pointer;	padding: 0;	margin: 0; }
	.jspArrow.jspDisabled{cursor: default; }
	.jspVerticalBar .jspArrow{height: 6%;}
	.jspHorizontalBar .jspArrow{	width: 16px; float: left; height: 100%;}
	.jspVerticalBar .jspArrow:focus{	outline: none;}
	.jspCorner{/*background: #eeeef4;*/ float: left; height: 100%;}
	.jspArrowUp {background-size:100% 100%;  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpiNHSLY8ACuqB0GboECxbFukCcD8TMQLwSiM8iSzKhKWYD4qVQGqRhPpSNU0MX1AZk27pwaYiFOgUd5EPlUDTYA/EcBtxgDlQNWIMZEG9EdysWv4HUmDFBPcfDQBjwwGw4Dg0+QmABEJ+C+WEukRoYAAIMANmzECFk1wlEAAAAAElFTkSuQmCC");}
	.jspArrowDown {background-size:100% 100%;  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIJJREFUeNpiNHSLYwACGyA+zIAfOAPxPiYoJ4GBMEgGESANZkRqCAdiS5gNX4jQAFLzF6ThFBD7A/EvPIp/QdWcgtlwEIhT8GhIgaphYEISXAzEE7EongiVY0DXAAJlQHwZiX8ZKsaASwPIrYkgz0HZ0eh+Y8HihLNA3IdkAwoACDAARj8Z+CGuuGYAAAAASUVORK5CYII=");}
	
	* html .jspCorner{margin: 0 -3px 0 0;}
	
	.search_box {position:absolute; top:59%; right:39.4%; width:20.8636363%; height:3.1875%; }
	.search_box form {height:100%; }
	.search_box #q {float:left; outline:none; width:80%; height:100%; background:url(/i/search/input_box.png) no-repeat top left; background-size:100% 100%; border:0; font-size:140%; padding:0 3%;}
	.search_box #search {float:right; outline:none; width:11%; height:100%; background:url(/i/search/search_button.png) no-repeat top left; background-size:100% 100%; border:0; font-size:140%;  }
	
	
	.version  {position:absolute; top:67%; left:30%; width:40%; height:6.0625%; text-align:center; }
	.version a {display:inline-block; width:11.5%; height:100%; background-size:200% 100%; background-repeat: no-repeat; background-position: top left;}
	
	.version a:hover {background-position:top right;}
	.version a.fr {background-image:url(/i/version/fra.png); }
	.version a.uk {background-image:url(/i/version/gb.png);}
	.version a.ger {background-image:url(/i/version/ger.png);}
	.version a.ita {background-image:url(/i/version/ita.png);}
	.version a.lv {background-image:url(/i/version/lat.png);}
	.version a.pl {background-image:url(/i/version/pol.png);}
	.version a.lt {background-image:url(/i/version/lt.png);}
	.version a.est {background-image:url(/i/version/est.png);}
	.version a.sk {background-image:url(/i/version/sk.png);}

	
	.social_box { position:absolute; top:35.5%; right:12%; width:17.272727%; height:2.3125%; text-align:center; list-style:none; }
    .social_box > div {height:100%;}
	.social_box a { position:absolute; top:0; display:block; height:100%;  background-size:100% 200%; background-repeat: no-repeat; background-position: top left; margin-left:-16.6666%;}
	.social_box a:hover {background-position:bottom left;}
	.social_box a.fb {background-image:url(/i/social/min/fb.png); width:10%; left:16.6666%;}
	.social_box a.tw {background-image:url(/i/social/min/tw.png); width:11.58%; left:33.3333%;}
	.social_box a.vk {background-image:url(/i/social/min/vk.png); width:10%; left:49.9999%;}
	.social_box a.yt {background-image:url(/i/social/min/yt.png); width:10%; left:66.6666%;}
	.social_box a.v {background-image:url(/i/social/min/v.png); width:11.05%; left:83.3333%;}
	.social_box a.ok {background-image:url(/i/social/min/ok.png); width:10%; left:100%;}
	
	.social_box a {display:inline-block; margin:0 2%; position:static;}
	
	.copyright {font-size:100%; text-align:center; position:absolute; top:74%; left:20%; width:60%; color:white; text-shadow:1px 1px 1px black;}
	.copyright a {color:white;}
	.copyright a:hover {color:gold;}
	
	
	.fade {display:none; background:url(/i/fade.png) center center repeat transparent; background-size: auto 100%; position:fixed; z-index:1000; top:0; left:0; width:1000%; height:100%; overflow:hidden;}
	
	.video-popup {width:657px; height:391px; background:url(/i/youtube_video_frame.png) no-repeat top left; position:fixed; z-index:1000; top:50%; left:50%; margin:-185px 0 0 -323px; }
	.video-popup-wrap {margin:30px 0 0 30px; height:333px; width:596px; position:relative;}
	.video-popup-wrap div {height:100%; width:100%;}
	.video-popup .popup-close {top:-50px; right:-35px; width:4%; height:4%;}
	
	
	.image-popup-wrap div.shared {position:absolute; bottom:-16%; right:0; height:32px; width:auto; }
	.video-popup-wrap div.shared {position:absolute; bottom:-19%; right:-6%; height:32px; width:auto; }
	
	.shared {position:absolute; bottom:-1%; right:0%; height:32px; width:auto; z-index:100;}
	.shared a {float:left; padding:0 4px 0 28px; height:24px; margin-right:5px; line-height:24px; text-decoration:none; color:white; font-size:12px; background-size: auto 100%; background-position: 0 0; background-repeat: no-repeat; } 
	.shared a.vkontakte {background-image:url(/i/vk_icon_24.png); background-color:#1b5382;}
	.shared a.facebook {background-image:url(/i/fb_icon_24.png); background-color:#3b5998;}
	
	/* 404 */
	
	.page404 .main {background-image:url(/i/404.jpg);}
	.page404 .copyright {font-size:80%; text-align:center; position:absolute; top:69%; left:30%; width:40%; color:white; text-shadow:1px 1px 1px black;}
	.page404 .footer {display:none;}
	
	/* ABOUT */
	
	.about .main {background-image:url(/i/about/bg.jpg);}
	
	.text_block { width:32%; height:50%;  font-family:Tahoma; font-size:110%; position: absolute; top:15.5%; right:34%;}
	.text_block .scrolled {height:100%; position:relative; outline:none;}
	.text_block .scrolled .text_box {margin-right:3%; color:#593319;}
	.text_block .jspVerticalBar{right:1%; background-image: url("/i/about/scroll_bg.jpg"); width: 1.5%;}
	.text_block .jspDrag{background:transparent; width:140%; height:140%; position: relative; top: 0;	left: -20%; cursor: pointer; background-size:140% auto; background-repeat:no-repeat; background-position:center center; background-image: url("/i/about/bar.png");}

	.text_box table {width:100%;}
	.text_box table td {vertical-align:top;}
	
	.centerbottom.social_box {  top:63%; right:38.5%; width:23%; height:3.25%; text-align:center; list-style:none; }
	.centerbottom.social_box a {display:inline-block; margin:0 2%; position:static;}
	
	
	.about .centerbottom.social_box {top:78%;}
	
	.about .copyright {font-size:80%; text-align:center; position:absolute; top:82%; left:30%; width:40%; color:white;}
	.about .footer {display:none;}
	
	a.logos {display:inline-block; background-size:auto 200%; background-repeat:no-repeat; background-position:top left;}
	.wizard-logo { margin-right:4%; background-image:url(/i/about/wizard-logo.png); padding-top:20%; width:38%;  }
	.bazelevs-logo { margin-right:4%; background-image:url(/i/about/bazelevs-logo.png); padding-top:19%; width:17%;}
	.fondkino-logo { margin-bottom:4%; background-image:url(/i/about/fondkino-logo.png); padding-top:11%; width:30%; }
	.fondkino-logo.en { margin-bottom:4%; background-image:url(/i/about/fondkino-logo_en.png); padding-top:11%; width:33%; }
	a.logos:hover {background-position:bottom left;}
	
	
	/* CHARACTERS */
	.characters .footer {display:none; }
	.characters .centerbottom.social_box {  top:62%; right:37.5%; width:23%; height:3.25%; text-align:center; list-style:none; }
	.bgs {width:100%; position:absolute; top:10%; left:0;  height:28.5%;}
	.characters .main {background-image:url(/i/characters/new/body_bg.jpg); background-size:100% auto;}
	
	.characters .ice {background-image:url(/i/characters/new/ice.jpg); background-size:100% auto; width:100%; height:47%;  position:absolute; top:38.5%; left:0;}
	
	/*.characters .parallax_wrap {overflow:visible; width:2200px;}  DELETE */
	
	.map_chars {width:100%; height:53.5%; position:absolute; top:0%; left:0; z-index:8;}
	.map_chars img {height:100%;}
	
	#test_map {width:100%; z-index:20;}
	area {/*outline:none;*/ border:0;}
	._chars_ {width:100%; height:100%; position:absolute; top:0; left:0; display:none; }
	.default { display:block;}
	.characters .copyright {font-size:90%; text-align:center; position:absolute; top:67%; left:30%; width:40%; color:white;}

	.tooltip {position:absolute; top:39%; left:0;  width:25.909%; display:none; z-index:150;}
	.tooltip .t_top {padding-top:7.1929%; background:url(/i/characters/new/tooltip_top.png) no-repeat top left; background-size:100% 100%;}
	.tooltip .t_bottom { padding-top:8.0701%; background:url(/i/characters/new/tooltip_bottom.png) no-repeat top left; background-size:100% 100%;}
	.tooltip .t_center {background:url(/i/characters/new/tooltip_bg.png) repeat-y top left; background-size:100% auto; padding-bottom:4%;}
	.tooltip .t_center .character-content {padding:0 6% 0 4%; color:#67412f; margin-top:-3%;}	
	.tooltip .t_center .character-content h3 {margin:1% 0 2%; font-size:170%; text-align:left;}
	.tooltip .t_center .character-content h3.sound {display:none;}
	
	.tooltip .t_center .desc {font-size:90%; }
	.tooltip .t_center .character-content img {float:right; border:2px orange solid; border-radius:4px; width:40%; margin-left:1%;}
	
	/* SCREENSHOTS */
	.screenshots {background-image:none;}
	.screenshots .main {background:url(/i/screenshots/bg.jpg) no-repeat top center; background-size:100% auto; z-index:1;}
	
	.screenshots .shared { bottom:5%; right:2.5%;}
	
	.image-wrap {width:65.2273%; height:39.5625%; position: absolute; top:8%; left:17.4%; background:url(/i/screenshots/image-wrap.png) no-repeat top left; background-size:100% 100%;}
	.image-wrap .image-info img {width:100%; height:100%; position:relative; z-index:-1;}

	.image-info {display:block; /*background:black;*/ width:95.4%; height:90.4%; margin:1.8% auto; /*position:relative;*/  box-shadow: inset 0px 0px 10px 2px black;}
	.image-description {display:none; background:url(/i/screenshots/pix.png) repeat top left; position:absolute; bottom:-2px; left:0; font-size:100%; color:white; padding:1% 0; text-align:center; width:100%; }
	
	.slider6 .slide {width:200px; height:100%;}
	.slider6 {height:100%; position:relative;}
	.slider-wraper {width:65%; height:11%; position: absolute; top:48%; left:17.7%;}
	
	.screenshots .bx-wrapper {position: relative; margin: 5px auto 5px; padding: 0 8%; *zoom: 1; height:100%;}

	.slider6 .slide a {display:block; width:100%; height:100%; background:url(/i/screenshots/image-thumb.png) no-repeat top center; background-size:100% 200%;}
	.slider6 .slide a:hover, .slider6 .slide a.active {background-position:bottom center;}
	.slider6 .slide a img {display:block; height:81.4%; width:90.4%; padding:4.4% 0; margin:0 auto;}
	
	.screenshots .slider-wraper .bx-wrapper .bx-prev {left: 1%;}
	.screenshots .slider-wraper .bx-wrapper .bx-next {right: 1%;}
	
	.slider-wraper .bx-wrapper .bx-prev {left: 0;	background: url(/i/screenshots/left-arrow.png) no-repeat top left; background-size:100% 200%;}
	.slider-wraper .bx-wrapper .bx-next {right: 0;	background: url(/i/screenshots/right-arrow.png) no-repeat top left;	background-size:100% 200%;}
	.slider-wraper .bx-wrapper .bx-prev:hover {	background-position: bottom left;}
	.slider-wraper .bx-wrapper .bx-next:hover {	background-position: bottom left;}
	.slider-wraper .bx-wrapper .bx-controls-direction a {position: absolute; top: 40%; outline: 0;	width: 5.5%;	height: 46%;	text-indent: -9999px;	z-index: 99;}
	.slider-wraper .bx-wrapper .bx-viewport {height:100% !important; -webkit-transform: translatez(0);	-moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
	
	/*.screenshots .social_box { position:absolute; top:63%; left:39%; width:24%; height:3.1875%; text-align:center; list-style:none; }
	.screenshots .social_box a.fb {background-image:url(/i/social/brown/fb.png); width:10%; left:16.6666%;}
	.screenshots .social_box a.tw {background-image:url(/i/social/brown/tw.png); width:11.58%; left:33.3333%;}
	.screenshots .social_box a.vk {background-image:url(/i/social/brown/vk.png); width:10%; left:49.9999%;}
	.screenshots .social_box a.yt {background-image:url(/i/social/brown/yt.png); width:10%; left:66.6666%;}
	.screenshots .social_box a.v {background-image:url(/i/social/brown/v.png); width:11.05%; left:83.3333%;}
	.screenshots .social_box a.ok {background-image:url(/i/social/brown/ok.png); width:10%; left:100%;}*/
	
	/*.screenshots .copyright {font-size:80%; text-align:center; position:absolute; top:68%; left:30%; width:40%; color:#ab7946;}*/
	.screenshots .menu ul li a {color:#62281d; text-shadow:none; font-weight:600;}
	.screenshots .menu ul li a.current {color:#b54835;}
	.screenshots .menu ul li a.disabled {color:#777; }
	
	.screenshots .copyright {font-size:90%; text-align:center; position:absolute; top:68%; left:25%; width:50%; color:#fff; }
	
	.screenshots .footer {display:none;}  

	
	/* VIDEO */
	
	.video .main {background:url(/i/video/bg.jpg) no-repeat top center; background-size:100% auto;}
	
	.screen {width:42.2272%; height:38.625%; background:url(/i/video/screen.png) no-repeat top center; background-size:100% auto; position:absolute; top:16%; left:17.94%;}
	.screen-inner {background:black; position:relative; width:92%; height:77.5%; margin:10.5% 0 0 4.3%;}
	
	.videoslider-wraper {width:8.5%; height:24%; position: absolute; top:20%; left:62%;}

	.videoslider-wraper .bx-wrapper .bx-prev {left: 25%; top:0; 	background: url(/i/video/arrow-top.png) no-repeat top left; background-size:100% 200%;}
	.videoslider-wraper .bx-wrapper .bx-next {left: 25%; bottom:0%; background: url(/i/video/arrow-bottom.png) no-repeat top left;	background-size:100% 200%;}
	.videoslider-wraper .bx-wrapper .bx-prev:hover {	background-position: bottom left;}
	.videoslider-wraper .bx-wrapper .bx-next:hover {	background-position: bottom left;}	
	.videoslider-wraper .bx-wrapper .bx-controls-direction a {position: absolute; outline: 0; width: 40%; height: 14%; text-indent: -9999px; z-index: 99;}
	.videoslider-wraper .bx-wrapper {position: relative;	margin: 5px auto 5px;padding:45% 0; *zoom: 1; height:100%; width:100%;}
	
	.slider5 .slide {margin:0% 0; width:100%;}
	.slider5 {width:100%; position:relative; height:100%;}
	.slider5 .slide a {display:block; margin:0% 0; width:260%;  background:url(/i/video/thumb.jpg) no-repeat top center; background-size:100% 100%;}
	.slider5 .slide a img {display:block; height:75%; width:90%; padding:5% 5%;}
	.videoslider-wraper .bx-wrapper .bx-viewport {height:36%; -webkit-transform: translatez(0);	-moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
	
	
	.video .footer {display:none;}  
	.video .copyright {font-size:72%; text-align:center; position:absolute; top:68%; left:30%; width:40%; color:#fff;}
	
	.bx-wrapper {position: relative;	margin: 5px auto 5px; padding: 0 10%; *zoom: 1; height:100%;}
	.bx-wrapper img {max-width: 100%; display: block;}
	.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px; width: 100%;}
	.bx-wrapper .bx-loading {min-height: 50px; background: url(/i/preloader.gif) center center no-repeat #fff; height: 100%;	width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
	.bx-wrapper .bx-controls-direction a.disabled {	display: none;}	

	.screen .shared {bottom:-5%;}
	

	/* GAMES */
	
	.game-desc p {height:50%; font-size:86%;  margin:2% 0 2%;}
	
	.games .main {background:url(/i/games/bg.jpg) no-repeat top center; background-size:100% auto;}
	
	.games .footer {display:none;}  
	.games .copyright {font-size:72%; text-align:center; position:absolute; top:68%; left:30%; width:40%; color:#fff;}
	
	.games3 {position:absolute; top:10%; left:15%; width:70%; height:16.625%;}
	
	.game-block {display:block; width:33%; height:100%;  margin:0; background:url(/i/games/game_block.png) no-repeat top center; background-size:100% auto; float:left; }
	.game-inner {display:block; height:70%; width:80%; margin:7% 0 0 10%;}
	
	.game-inner img {height:100%; width:46%; float;left;}
	.game-desc {float:right; width:53%; height:100%; overflow:hidden; text-align:left; color:white; font-size:90%;}
	.game-desc h3 {font-size:100%; margin:5% 0 3%;}
	.game-link {display:block; font-size:100%; position:relative; font-weight:bold; margin:0 auto; width:90%; height:21%; text-align:center; color:white; background:url(/i/games/game_link.png) no-repeat top center; background-size:100% 100%;}
	.game-link > span {position:absolute; top:0; left:0; right:0; bottom:0; display:block; height:50%; margin:5% 0;}
	
	/* MUSIC */
	
	.music .main {background:url(/i/music/bg.jpg) no-repeat top center; background-size:100% auto;}
	.music .footer {display:none;}  
	.music .copyright {font-size:72%; text-align:center; position:absolute; top:68%; left:30%; width:40%; color:#fff;}
	
	.player-block {position:absolute; top:10%; left:29.3%; width:41.1363%; height:6.0625%; background:url(/i/music/player.png) no-repeat top center; background-size:100% auto;}
	
	.playlist-block {position:absolute; top:17%; left:29.3%; width:41.1363%; height:33.3125%; background:url(/i/music/playlist.png) no-repeat top center; background-size:100% auto;}
	
	.jp-controls ul {list-style:none; padding:0; margin:0;}
	
	.jp-controls li a {display:block; position:absolute; top:38%; font-size:0; height:26%; text-indent:-9999%; background-size:auto 200%; background-repeat:no-repeat; background-position:top center;}
	.jp-controls li a:hover {background-position:bottom center;}
	.jp-controls li a.jp-previous {background-image:url(/i/music/control-prev.png);  width:5%;  left:0%; }
	.jp-controls li a.jp-play {background-image:url(/i/music/control-play.png);  width:4%; left:6%;}
	.jp-controls li a.jp-pause {background-image:url(/i/music/control-pause.png); width:4%; left:6%;}
	.jp-controls li a.jp-next {background-image:url(/i/music/control-next.png);  width:5%;  left:11%;}

	.volume-control li a {width:5%; height:24%; top:40%;  text-indent:-9999%; background-size:auto 200%; background-repeat:no-repeat; background-position:top center;}
	.volume-control li a:hover {background-position:bottom center;}
	.volume-control li a.jp-mute {background-image:url(/i/music/control-mute.png);  width:5%;  left:82%;}
	.volume-control li a.jp-unmute {background-image:url(/i/music/control-volume.png);  width:5%; left:82.3%;}

	.track-name {position:absolute; top:35%; left:20%; font-size:80%; color:white;}
	
	.jp-volume-bar {width:12%; height:8%; position:absolute; left:88%; top:60%; background:url(/i/music/progress_bg.png) repeat-x top center; background-size:100% 100%;}
	.jp-volume-bar-value {background:url(/i/music/playbar_bg.png) repeat-x top center; background-size:100% 100%; height:100%;}
	
	.jp-progress {width:58%; height:8%; position:absolute; left:20%; top:60%; background:url(/i/music/progress_bg.png) repeat-x top center; background-size:100% 100%;}
	.jp-seek-bar {height:100%;}
	.jp-play-bar { background:url(/i/music/playbar_bg.png) repeat-x top center; background-size:100% 100%; height:100%;}
	
	
	.jp-playlist {position:absolute; top:160%; font-size:80%; color:white; z-index:20; width:100%;}
	.jp-playlist ul {list-style:none; padding:0; margin:0;}
	.jp-playlist ul li div a{ font-size:100%; color:white; text-decoration:none;}
	
	.jp-audio {width:90%; height:90%; margin: 0 auto; position:relative;}
	
	.playlist-wrap-block {width:95%; height:58%;  margin:2% auto; }
	.playlist-wrap-block .scrolled {height:100%; position:relative; outline:none;}
	.playlist-wrap-block .scrolled .text_box {margin-right:3%;}
	.playlist-wrap-block .jspVerticalBar{right:1%; background-image: url("/i/music/scroll.png"); width: 0.5%;}
	.playlist-wrap-block .jspDrag{background:transparent; width:200%; height:80%; position: relative; top: 0;	left: -50%; cursor: pointer;  background:#fff;}

	.playlist-wrap-block ul {list-style:none; margin:0; padding:0 5%;}
	.playlist-wrap-block ul li {margin:1% 0; padding:0.5% 0; border-bottom:1px dashed #222; position:relative;}
	.playlist-wrap-block ul li a {text-decoration:none; color:white;}
	
	.playlist-wrap-block ul li a.track.current {font-weight:bold;}
	
	.itunes {display:block; position:absolute; right:0; top:0; height:100%; width:5%; background:url(/i/music/itunes.png) no-repeat top center; background-size:auto 100%;}
	
	
	.music .noslider .slider4 .slide {width:29.3%; float:left; margin:0 2%;}
	.music .slider4 .slide {width:200px; height:100%; }
	.music .slider4 {height:100%; position:relative;}
	.music .slider-wraper {width:92%; height:26%; position: absolute; top:66%; left:4%; }
	.music .slider-wraper .bx-wrapper {padding: 0 5%;}

	.music .slider4 .slide a {display:block; width:100%; height:100%; background: url(/i/music/slide.png) repeat top left;  }
	.music .slider4 .slide a img {display:block; height:93%; width:96%; padding:2%; }
	
	.music .slider-wraper .bx-wrapper .bx-prev {left: 0;	background: url(/i/music/prev.png) no-repeat top left; background-size:100% 200%;}
	.music .slider-wraper .bx-wrapper .bx-next {right: 0;	background: url(/i/music/next.png) no-repeat top left;	background-size:100% 200%;}
	.music .slider-wraper .bx-wrapper .bx-prev:hover {background-position: bottom left;}
	.music .slider-wraper .bx-wrapper .bx-next:hover {background-position: bottom left;}
	.music .slider-wraper .bx-wrapper .bx-controls-direction a {position: absolute; top: 38%; outline: 0;	width: 3%;	height: 25%;	text-indent: -9999px;	z-index: 99;}
	.music .slider-wraper .bx-wrapper .bx-viewport {height:100% !important; -webkit-transform: translatez(0);	-moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
	
	.popup-block {display:none; position:absolute; top:15%; left:30%; width:40%; height:36%; background:url(/i/music/popup_wrap.png) repeat top center; z-index:100;}
	.popup-content {margin:2%; height:82%; padding:3% 0; background:url(/i/music/popup_bg.png) repeat top center; position:relative;}
	.popup-content > div {height:100%;}
	.popup-close {position:absolute; top:1%; right:0%; background: url(/i/music/close.png) no-repeat top left; background-size:auto 100%; width:2%; height:3%;  z-index:110;}
	
	
	/* PARTNERS */
	
	.partners .main {background:url(/i/partners/bg.jpg) no-repeat top center; background-size:100% auto;}
	.partners .footer {display:none;}  
	.partners .copyright {font-size:72%; text-align:center; position:absolute; top:68%; left:30%; width:40%; color:#fff;}

	.plate {position:absolute; top:6%; left:21%; width:50%; height:45%; background:url(/i/partners/plate.png) no-repeat top center; background-size:100% 100%;}	
	.plate .scrolled {height:90%; position:relative; outline:none; margin-top:3%;}
	.plate .scrolled .partner-list {margin-right:3%; }
	.plate .jspVerticalBar{right:3%; background-image: url("/i/about/scroll_bg.jpg"); width: 1%;}
	.plate .jspDrag{background:transparent; width:140%; height:140%; position: relative; top: 0;	left: -20%; cursor: pointer; background-size:140% auto; background-repeat:no-repeat; background-position:center center; background-image: url("/i/about/bar.png");}

	.partner-list {list-style:none; padding:2% 8%; text-align:center;}	
	.partner-list li {display:inline-block; width:48%; margin:0 0 5%; vertical-align:middle; }
	.partner-list li h2{font-size:120%; margin:0; padding:0; color:#5b3122; }
	.partner-list li .partner-logo {text-align:center; padding:2%;}	
	.partner-list li .partner-logo a {font-size:0;}	
	.partner-list li .partner-logo a img {max-width:60%; max-height:25%;}		
	.partner-list li .partner-desc {color:#5b3122; font-size:80%;}