@charset "utf-8";
* {
margin:0;
padding:0
}
body {
background:#000000  url('/images/main_bg.jpg') 49% top no-repeat;
text-align:center;
max-width: 100%;
}
a {
color: #CDCDCD;
}
h1, h1 a, h2 a, h3 a {
color: #fff;
}
.bg_2 {
background:#000000  url('/images/main_2.jpg') center top no-repeat;
text-align:center;
}
img {border:none}
ul {
list-style-type:none;
}
h2, h3 {
font:bold 30px Arial;
color:#fff;
text-transform:uppercase;
margin-bottom:12px;
}
h3 {
font:bold 18px Arial;
color:#fff;
text-transform:none;
margin-bottom:6px;
}
p, .sub_cont {
font:16px Arial;
color:#CDCDCD;
margin-top:24px;
}
.sub_cont li {
font:16px Arial;
color:#CDCDCD;
margin-left: 10px;
}
.bg_1 {
background:url('/images/bg_1.gif') center top repeat-x;
width:100%;
text-align:center;
position:relative;
}
.main {
width:970px;
margin:0px auto;
text-align:left;
}
.clear {
clear:both;
line-height:1%;
margin-bottom:-1px;
height:0px;
overflow:hidden;
font-size: 16px;
}
.header {
width: 100%;
height: 146px;
display: block;
}
.logo {
float:left;
}
.hh {
margin: 15px 0 0 7px;
font: Arial, Helvetica, sans-serif;
color:#fff;
width: 100%;
text-align: center;
}
h1 {
font-family: Arial;
font: 22px !important;
}
.menu {
margin: 23px 0 0 0;
float: none;
text-align: center;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.menu li {
margin-right:19px;
float:left
}
.menu li:last-child {
  margin-right:0px;
}
.menu a {
font: 16px Arial;
color:#fff;
padding:2px 0px 0px 4px;
display:block;
text-decoration:none;
}
.yabuttons {
height: auto;
float: none;
margin: 18px 0px 0px 0px !important;
text-align: center;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.yabuttons * {
font-size: 16px !important;
}
.m_l {
background:url('/images/m_l.gif') left top no-repeat;
width:9px;
height:22px;
display:block;
float:left;
}
.m_c {
background:url('/images/m_c.gif') left top repeat-x;
height:22px;
font: 16px Arial;
color:#fff;
padding:2px 0px 0px 4px;
display:block;
float:left;
}
.m_r {
background:url('/images/m_r.gif') left top no-repeat;
width:18px;
height:29px;
display:block;
float:left;
}
.menu .m_c, .menu a {
font-size: 16px !important;
}
.menu ul {
width: 380px;
margin: 0 auto;
overflow: hidden;
}
.content {
width:100%;
position:relative;
}
.letter_list {
margin: 67px auto 0 auto;
height:119px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.len1, .len2 {
	width: 100px;
}
.len3, .len4 {
	width: 200px;
}
.len5, .len6 {
	width: 300px;
}
.len7, .len8 {
	width: 400px;
}
.len9, .len10 {
	width: 500px;
}
.len11, .len12 {
	width: 600px;
}
.len13, .len14 {
	width: 700px;
}
.len15, .len16 {
	width: 800px;
}

.letter_list li {
margin-right:3px;
float:left;
}
.letter_list span {
background:url('/images/show.gif') left top no-repeat;
width:47px;
height:51px;
font:42px Arial;
color:#000;
text-align:center;
text-transform: uppercase;
padding-top: 7px;
display: block;
}
.schet {
background:url('/images/schet.png') left top no-repeat;
width:174px;
height:92px;
margin-left:8px;
margin-top:65px;
padding-top:72px;
padding-left:20px;
text-align:center;
font:18px Arial;
color:#fff;
float:left;
filter:expression(fixPNG(this));
position:relative;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.schet  strong {
font:bold 36px Arial;
display:block;
}
.baraban-wrapper {
}
.noflash .baraban {
margin: 0 auto;
position: relative;
z-index: 100;
float: left;
width: 566px;
height: 283px;
overflow: hidden;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.flash .baraban {
margin-left:2px;
position:relative;
z-index:100;
float:left;
}
.shadow {
background:url('/images/shadows.png') center top no-repeat;
position: relative;
z-index: 110;
float: left;
width: 566px;
height: 283px;
margin-top: -283px;
margin-left: 203px;
overflow: hidden;
cursor: hand;
cursor: pointer;
border-radius: 0px 0px 283px 283px
}
.baraban img {
position: relative;
top: -283px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.google_roll {
margin:120px -5px 0 0px;
position:relative;
float:left;
}
.roll {
margin:65px -5px 0 0px;
position:relative;
float:left;
}
.start {
padding: 100px;
background:url('/images/roll.png') 290px 230px no-repeat;
width:720px;
height:640px;
margin-bottom: 600px;
z-index:300;
display:block;
}
.roll span {
background:url('/images/roll.png') left top no-repeat;
width:193px;
height:164px;
filter:expression(fixPNG(this));
position:absolute;
left:0px;
top:0px;
z-index:100;
display:block 
}
.roll a {
width:193px;
height:164px;
position:absolute;
left:0px;
top:0px;
z-index:200;
display:block 
}
.interactive-wrapper {
  max-height: 561px;
}
.keyboard-wrapper {
position: relative;
top: -26px;
}
.noflash .arrow {
width:620px;
height: 43px;
position: relative;
margin: 0 auto 0 auto;
text-align: center;
z-index: 112;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.aplh_block {
background:#2D353E url('/images/alph_top.png') left top no-repeat;
width:620px;
padding-top:14px;
margin-left:178px;
margin-top: -2px;
z-index: 111;
}
.noflash .aplh_block {
position: relative;
}
.yandex-block-wrapper {
text-align: center;
position: relative;
top: -8px;
}
.yandex-block {
display: inline-block;
min-width:600px;
max-width:728px;
margin: 0px;
font:16px Arial;
color:#888;
}
.noflash .yandex-block-wrapper {
position: relative;
}
.question_block {
background:url('/images/question_block.png') left bottom no-repeat;
min-height:66px;
width:608px;
margin-left:6px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.tur {
background:url('/images/tur_bg.gif') left top no-repeat;
width:67px;
height:58px;
font:bold 18px Arial;
color:#fff;
margin-left:8px;
_margin-left:4px;
text-align:center;
float:left;
}
.tur span {
font:bold 36px Times;
margin-bottom:-9px;
display:block;
}
.tur div {
margin-top:18px;
display:block;
}

.question {
width:510px;
margin-left:16px;
float:left;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.question strong{
font-weight: bold;
color:#fff;
text-transform:uppercase;
}
.question span {
font:16px Arial;
color:#fff;
margin-left:12px;
margin-top:3px;
display:block;
float:left;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.letter_block {
background:#ACB6C6 url('/images/leter_block_top.gif') left top no-repeat;
width:608px;
margin:6px 0 0 6px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.letter_pic ul {
margin-left:5px;
padding-top:5px;
}
.letter_pic li {
margin-right:3px;
margin-bottom:4px;
//margin-bottom:0px;
float:left;
}
.letter_pic a {
background:url('/images/letter.png') left top no-repeat;
width:47px;
height:39px;
font:bold 24px Arial;
padding-top:8px;
color:#fff;
text-align:center;
text-decoration:none;
text-transform:uppercase;
display:block
}
.letter_pic a:hover {
background-position: 0  -47px;
}
.disable .letter_pic a {
background-position: 0  -94px;
}
.slovo {
float:left;
}
#slovo {
background:url('/images/slovo.png') left top no-repeat;
width:147px;
height:47px;
display: block;
}
.disable #slovo {
background-position: 0  -47px;
}
#showanswer {
background:url('/images/showanswer.png') left top no-repeat;
width:167px;
height:47px;
display: block;
position: relative;
top: -7px;
margin: 0px auto 0 auto;
}
.alph_bot {
background:url('/images/alph_bot.gif') left top no-repeat;
width:620px;
height:16px;
margin-left:178px;
line-height:0px;
font-size:16px;
}
.noflash .alph_bot {
position: relative;
}
.sub_cont {
width: 100%;
margin:30px 0 0 0;
float:left;
position:relative;
}
.sub_cont b {
color: #fff;
}
.menu #yandex_rtb_R-A-64557-1, .menu #yandex_rtb_R-A-64557-3 {
margin-left: 30px;
}
.play {
width:100%;
text-align: right;
height:164px;
}
.play span {
background:url('/images/play.png') left top no-repeat;
width:193px;
height:164px;
filter:expression(fixPNG(this));
z-index:100;
display:block;
}
.play a {
width:193px;
height:164px;
z-index:200;
display:block;
/*
float: right;
margin: -220px 20px 0 0;
*/
margin: 20px auto;
}
.footer {
width:100%;
height:71px;
margin-top:51px;
}
.copy, .copy p {
font: 16px Tahoma;
color:#888;
margin: 0px;
}
.copy a {
color: #CDCDCD;
}
.web {
float:right;
}
.pay {
background:url('/images/pay_bg.gif') left top no-repeat;
width:608px;
height:464px;
position:absolute;
left:186px;
top:0px;
//top:64px
}
.title_1 {
width:100%;
font:bold 30px Palatino Linotype;
color:#fff;
text-align:center;
padding-top:20px;
}
.title_1 span {
font:24px Palatino Linotype;
display:block;
}
.title_1 b {
font:16px Arial;
color:#C7C7C7;
margin-top:10px;
display:block;
}
.txt_1 {
width:108px;
font:16px Arial;
color:#fff;
margin:24px 0 0 106px;
_margin-left:53px;
float:left
}
.inp_1{
background:url('/images/inp_1.gif') left top no-repeat;
width:286px;
height:31px;
margin-top:16px;
float:left;
}
.inp_3 {
background:url('/images/inp_1.gif') left top no-repeat;
width:286px;
height:31px;
margin-top:8px;
}
.inp_1 input ,.inp_3 input{
background:transparent;
border:none;
width:270px;
height:26px;
font:19px Arial;
color:#fff;
margin:4px 0 0 10px;
display:block
}
.inp_2 {
background:url('/images/inp_2.gif') left top no-repeat;
width:198px;
height:31px;
margin-top:16px;
margin-left:2px;
float:left;
}
.inp_2 input {
background:transparent;
border:none;
width:175px;
height:26px;
font:19px Arial;
color:#fff;
margin:4px 0 0 10px;
display:block
}
.sel_1 {
float:left;
margin-top:17px;
}
.sel_1 select {
width:86px;
font:19px Arial;
color:#000
}
.text_1 {
font:16px Arial;
color:#C7C7C7;
margin:26px 42px 0 42px;
}
.text_1 span {
color:#FFFEFE;
display:block;
}
.text_small {
font:16px Arial;
color:#C7C7C7;
margin:26px 42px 0 42px;
}
.text_small span {
color:#FFFEFE;
display:block;
}
.kod {
width:280px;
margin:40px 0 0 104px;
_margin-left:52px;
float:left;
}
.txt_2 {
font:16px Arial;
color:#fff;
}
.done_but {
margin:0px 0 0 20px;
float:left;
}
img.audio {
cursor: hand;
cursor: pointer;
width: 16px;
height: 16px;
position: relative;
top: 5px;
}
div#buttons {
height: 72px;
width: 170px;
}
div.buttons, div.buttons2 {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
div.fb-share-button, div#vk_like, div.twitter-button { height: 22px; width: 170px; margin: 2px 0px; display: block; overflow: hidden; }
a.twitter-share-button { color: #000; }
.priz {
border: 1px solid gray;
border-radius: 10px;
padding: 20px 30px;
width: 480px;
}
.priz a {
font-size: 20px;
color: #fff;
}
.qa-wrapper {
border: 1px solid gray;
border-radius: 10px;
padding: 10px 30px;
max-width: 970px;
margin: 20px 0;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.nojs div {
text-align: center;
font-size: 20px;
color: white;
padding: 20px;
position: absolute;
width: 100%;
top: 150px;
left: 0px;
background-color: #ff8787;
}
#help, #msg {
position: fixed !important;
z-index: 200;
position: absolute;
bottom: 0px;
left: 20px;
width: 240px;
}
#help {
height: 200px;
background: url('/images/yac.png') left bottom no-repeat;
background-size: auto 200px; 
}
#msg {
background-color: #fff;
border: 8px solid #666;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
//-webkit-box-shadow: 2px 2px 4px #888;
//-moz-box-shadow: 2px 2px 4px #888;
//box-shadow: 2px 2px 4px #888;
bottom: 260px;
//background-color: #fcfc54;
padding: 10px 20px;
}

#msg:before { 
content: ' ';
position: fixed;
width: 0;
height: 0;
left: 160px;
bottom: 218px;
border: 25px solid;
border-color: #666 transparent transparent #666;
}
#msg:after { 
content: ' ';
position: fixed;
width: 0;
height: 0;
left: 168px;
bottom: 238px;
border: 15px solid;
border-color: #fff transparent transparent #fff;
}
#help img {
height: 100%;
}
.close {
float: right;
position: relative;
top: 0px;
right: -10px;
cursor: hand;
cursor: pointer;
}
#msg * {
color: black;
text-align: left;
font-size: 16px;
}
@media (max-width: 1000px) {
	.header {
		overflow: hidden;
	}
	h1 {
		font-size: 28px !important;
	}
	.main {
		width: 600px !important;
	}
	.menu ul {
  	width: 550px;
	}
	.menu .m_c, .menu a {
  	font-size: 26px !important;
	}
	.menu .m_l, .menu .m_c, .menu .m_r {
  	height: 32px;
  	background-size: auto 100%;
	}
	.menu .m_l {
  	width: 13px;
	}
	.menu .m_c {
  	height: 31px;
	}
  .menu .m_r {
  	width: 28px;
	}
	.sub_cont {
		font-size: 20px !important;
		width: 100%;
	}
	.sub_cont h1, .sub_cont h2, .sub_cont p, .sub_cont h3, .sub_cont div.qa, .footer .copy p, .sub_cont li  {
  	margin-left: 30px;
  	font-size: 24px;
	}
	.sub_cont .qa-wrapper h2, .sub_cont .qa-wrapper h3, .sub_cont .qa-wrapper p {
  	margin-left: 0px;
	}
	.sub_cont summary, .sub_cont details {
  	font-size: 24px;
	}
	.letter_list {
		margin: 67px auto 0 auto;
	}
	.schet, .roll {
		display: none !important;
	}
	.noflash .baraban {
		width: 600px !important;
		margin-left: 0px !important;
		text-align: center;
	}
	.noflash .baraban img {
	}
	.shadow {
		width: 600px !important;
		margin-left: 0px !important;
		text-align: center;
		height: 283px;
	}
	.noflash .aplh_block {
		position: relative;
		left: 0px;
	}
	.aplh_block {
		margin-left: -8px;
		margin-top: -4px;
	}
	.alph_bot {
		margin-left: -8px;

	}
	.noflash .arrow {
		width: 600px;
		height: 43px;
		margin-left: 0px;
		margin-top: 5px;
	}
	.question span {
		font: 20px Arial !important;
	}
	#yandex_rtb_R-A-64557-1 {
		margin-left: -65px;
	}
	.yandex-block {
		width: 100%;
		position: relative;
	}
	.play {
		width:100%;
		text-align: left;
		width:193px;
		height:164px;
    margin: 20px auto;
	}
	.play a {
		margin: 0 0 0 0 !important;
	}
}

.iframe-wraper {
/*   position: relative; */
}
.iframe-wraper iframe {
/*
  position:absolute;
  top: 0;
  left: 0;
*/
  width: 100%;
  height: 56vw;
}
div.qa {
  margin-top: 12px;
  margin-bottom: 30px;
  font:16px Arial;
  color:#CDCDCD;
}
div.qa > div, div.qa > details {
  display: inline;
}
details {
  font:16px Arial;
  color:#CDCDCD;
  margin-top:0px;
}
details summary {
  display: inline;
  border-bottom: 1px dashed #CDCDCD;
  cursor: pointer;
}
details[open] summary {
  display: none;
}
.video_player {
  text-decoration: none;
  display: block;
  width: 300px;
  height: 158px;
}
.video_player .play_online {
  filter: grayscale(0.20);
  transition-duration: 1s;
  margin-left: 0px;
  width: 300px;
  height: 158px;
  background: url('/images/preview.jpg') no-repeat;
  background-size: contain;
  background-color: #aaa;
  border-radius: 9px;
  padding-top: 10px;
}
.video_player .play_online:hover {
  filter: grayscale(0);
}
.video_player .play_online div {
  transition-duration: .5s;
  margin: 25px auto;
}
.video_player .play_online span {
  color: #fff;
  margin-left: 20px;
}
.video_player .vid_play {
  opacity: 1;
  transition-duration: .5s;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  opacity: 0.9;
  color: #fff;
}
.video_player .vid-card_cnt {
  cursor: pointer;
}
.video_player .vid_play-ic {
  transition-duration: .5s;
  width: 48px;
  height: 48px;
  margin: 8px 0 0 8px;
  fill: #fff;
}
.video_player:hover .play_online div {
  transition-duration: .5s;
  margin: 20px auto;
}
.video_player:hover .vid_play {
  transition-duration: .5s;
  width: 74px;
  height: 74px;
}
.video_player:hover .vid_play-ic {
  transition-duration: .5s;
  margin: 13px 0 0 13px;
}

@media (max-width: 1000px) {
  .video_player .play_online {
    margin-left: 30px;
    text-align: center;
  }
  .video_player .vid_play-ic {
    margin: 7px 0 0 2px;
  }
  .video_player .play_online span {
    margin-left: 0;
  }
  .video_player:hover .vid_play-ic {
      margin: 12px 0 0 2px;
  }
}
div.s {
  font: 12px Arial !important;
  margin-top: 2px;
}
div.sn {
  font: bold 26px Times;
  margin-top: 2px;
}
div.ss {
  font: 12px Arial !important;
  margin-top: -8px;
}