html { color: #222; font-size: 1em; line-height: 1.4; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
ul li a { color: #dbecfe; text-decoration: none; }

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

.pull-right { float: right; }
.pull-left { float: left; }

.innovation { padding-left: 10px; margin-top: -10px; list-style: none; }
.innovation li { text-indent:-5px; float: none; }
.innovation li:before { content:"-"; position:relative; left:-5px; }

body { background-color: #194663; color: #c9e1f5; font-family: Helvetica,Verdana; }

header { background:url(/img/header/header.jpg) no-repeat; height: 62px; position: relative; padding-top: 105px; }
.logo { position: absolute; top: 33px; left: 33px; }

.content { max-width: 996px; min-width: 996px; margin: 0 auto; }

.nav  { font: italic 13px Verdana; letter-spacing: 1px; margin: 0; padding: 0; list-style: none; }
.nav>li { float: left; position: relative; }
.nav li.active>a { color: #e7e49e; }
.nav>li>a { height: 28px; line-height: 28px; display: block; text-align: center; text-transform: uppercase; }
.nav>li>a { background: url(/img/header/navigation.png); cursor: pointer; }

.m0>a { width: 124px; }
.m0.active>a, .m0>a:hover { background-position: 0 28px !important; }
.m1>a { width: 139px; background-position: -124px 0 !important; }
.m1.active>a, .m1>a:hover { background-position: -124px 28px !important; }
.m2>a { width: 178px; background-position: -263px 0 !important; }
.m2.active>a, .m2>a:hover { background-position: -263px 28px !important; }
.m3>a { width: 118px; background-position: -441px 0 !important; }
.m3.active a, .m3>a:hover { background-position: -441px 28px !important; }
.m4>a { width: 156px; background-position: -559px 0 !important; }
.m4.active a, .m4>a:hover { background-position: -559px 28px !important; }
.m5>a { width: 137px; background-position: -715px 0 !important; }
.m5.active a, .m5>a:hover { background-position: -715px 28px !important; }
.m6>a { width: 143px; background-position: -852px 0!important; }
.m6.active>a, .m6>a:hover { background-position: -852px 28px !important; }

.subnav { padding: 12px 0 8px; margin: -20px 0 0; position: absolute; top: 48px; left: 0; right: 0; display: none; border: 1px solid #37688e; z-index: 100; list-style: none; background: rgba(27, 83, 131, 0.8); }
.subnav li a { padding-left: 13px; display: block; height: 25px; color: #afd8fc; font-size: 12px; line-height: 25px; }
.subnav a.selected, .subnav a:hover { background: rgba(23, 67, 101, 0.9); }
.nav li:hover .subnav { display: block; }

.main-teaser { background: #2d5975; padding: 26px 26px 15px 15px; margin-bottom: 27px; }
.main-teaser>img { margin-right: 15px; float: left; }
.main-teaser .text { text-align: justify; font-size: 13px; margin: -7px 0 15px; }
.main-teaser .text p { line-height: 1.4; margin-bottom: -3px; }
.main-teaser .text a { color: #afd8fc; }

h1 { margin: 0; font: 24px/35px 'PT Serif',serif; color: #e9f2fa; letter-spacing: 2px; }

.text h1, h2, .header  { margin: 0; letter-spacing: 2px; padding-top: 4px; text-transform: uppercase; text-align: left; color: #C9E1F5; font: lighter 28px/28px Helvetica,Verdana; }
.header { margin-bottom: 20px; }
.simple h1 { padding-bottom: 20px; }

h3 { margin: 0; font-size: 17px; font-weight: lighter; letter-spacing: 2px; }
.sub-title { font-size: 22px; }

.portianka { background-color: #16425d; padding: 22px 35px 35px 50px; margin-bottom: 50px; }
.portianka.wider { padding: 18px 16px 35px 16px; }
.text-wider { max-width: 351px; }
.p0 p { margin: 0 !important;}

.slogan { font: italic 14px/1.7 Arial; letter-spacing: 2.7px; margin: 0 0 50px; color: #b6daf9; }
.slogan.slogan_last { margin: 0; }
.group .slogan { letter-spacing: normal; text-align: center; }

.main .left-column { padding-left: 50px; }
.main { font-size: 12px; letter-spacing: 0.6px; line-height: 1.5; }
.main .bonus { background: url(/img/main/left-column/strelka.png) no-repeat 0 0; padding-top: 50px; margin-top: 60px; }
.main .group:not(:last-child) { margin-bottom: 45px; }

.image-section { margin-bottom: 30px; }
.image-section p { width: 530px; }
.image-section map[name="wordsmap"] area { cursor: pointer; }
#with-zoomable { position: relative; }
#zoomed { position: absolute; top: 165px; left: 180px; display: none; }

.arrows { background-image: url(/img/about/arrows.png); width: 529px; height: 253px; margin: 20px 0 -10px -20px; }
.arrows strong { color: #528abf; }
.arrow-label-top, .arrow-label-bottom { font-size: 17px; letter-spacing: 1px; margin-left: 50px; max-width: 385px; }
.arrow-label-bottom { margin-top: 65px; }

.eco-brend { background: url(/img/about/revolution_7.png); width: 821px; height: 165px; }
.eco-brend span { max-width: 150px; margin-left: 480px; margin-top: 36px; display: inline-block; }

.right-column { float: right; width: 291px; }
.right-column img { margin-bottom: 20px; float: right; }

.table-image { display: table; margin-bottom: 20px; }
.table-image span, .table-image img { vertical-align: middle; display: table-cell; }
.table-image img { margin-right: 20px; }

.left { margin: 6px 20px 0 0; float: left; }

.history.pull-right { width: 210px; }

.history.pull-right img { margin-bottom: 10px; }

.youtube { margin-bottom: 10px; position: relative; width: 161px; height: 124px; display: block; }
.youtube span { z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:url(play.png) no-repeat 50% 50%; display: none; }
.youtube img { width: 161px; height: 124px; z-index: 0; }
.youtube:hover span { display: block; }

.image-line_smaller img { margin-right: 8px!important; }

.gallery a { margin-bottom: 25px; margin-left: 33px; display: block; float: left; }
.gallery:after { content: ''; clear: left; display: block; }
.gallery a.line { margin-left: 0; }

.brending-teaser { margin-top: 27px; text-align: center; font-family: 'PT Serif', serif; line-height: normal; }

.group a { color: #c9e1f5; }
.group a:hover { text-decoration: none; }
.group.game .pull-left { position: relative; width: 640px; height: 390px; line-height: 90px; }

.story { line-height: 1.7; background: url(/img/art/dream/story.png) 50% 100% no-repeat; padding-bottom: 100px; }
.story p { margin: 20px 0; }

.contract { font-weight: normal; margin: 20px 0 25px; font-size: 12px; letter-spacing: 0.6px; }
.circles { margin-bottom: 13px; }

.purple { color: #ac31ae; }
.blue { color: #4576e9; }
.green { color: #228949; }
.light-green { color: #9dcb3b; }
.yellow { color: #f5d239; }
.orange { color: #f6874d; }
.red { color: #ed1b23; }
.gray { color: #e1e5e6; }
.white { color: #fff; }

.cards { margin-top: 55px; margin-bottom: 15px; }
.blues { color: #87bee4; }

.game-title { background-color: #2e5972; margin: 25px 0 15px; padding: 15px 0 15px 15px; }

.game-title .red { color: #d53730; }
.game-title .orange { color: #ed672a; }
.game-title .yellow { color: #f4d018; }
.game-title .grass { color: #b0c640; }
.game-title .green { color: #338a5d; }

.video-line { border-top: 1px solid #417190; padding-top: 55px; clear: left; }
.video-line:first-child { border-top: none; padding-top: 33px; }
.video-items { width: 50%; max-width: 420px; float: left; margin-right: 35px; margin-bottom: 33px; }

.address { margin-top: 40px; }
.address p { margin-bottom: 45px; }
.address .common { width: 360px; float: left; }
.address .investors { width: 600px; float: right; }
.address ul { padding: 0; list-style: none; }
.address a { text-transform: none; }
#map-canvas { width: 100%; height: 380px; margin-bottom: 26px; }

footer { text-align: center; height: 172px; }
footer .copyright { font-size: 11px; letter-spacing: 1px; color: #66c2ff; margin-bottom: 20px; }

.navigation { text-align: center; margin-bottom: 29px; line-height: 1; }
.navigation a { padding: 0 9px; border-left: 1px solid; text-transform: uppercase; font: 13px Verdana; color: #dbecfe; text-decoration: none; }
.navigation a.active, .navigation a:hover { color: #66c2ff; }
.navigation a:first-child { border-left: none; padding-left: 0; }

.without-styles { color:inherit; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

#langs { position: absolute; right: 20px; top: 20px; display: none; }
#langs a { color: #fff; }
#langs a.active { color: #ddd; text-decoration: none; }

#auth_block { position: absolute; left: 270px; right: 240px; text-align: center; bottom: 79px; font-size: 13px; color: #c9e1f5; }
#auth_block a { color: #c9e1f5; text-decoration: none; font-family: Tahoma; }

.success { color: #fff; font-size: 14px; }
.error { color: #d00; padding-bottom: 5px; font: 14px Helvetica,Verdana; }
.forma { font: 23px Tahoma; }
.row { margin-bottom: 20px; }
.delim { margin-bottom: 39px; }
.row label { font-size: 17px; display: inline-block; width: 289px; text-align: right; padding-right: 11px; }
label.small { width: 75px; }
.button { border: 1px solid #d0eca7; color: #fff; font: 33px 'PT Serif', serif; padding: 0 108px; background: url(button-x.png) repeat-x; height: 89px; }
.button:hover { box-shadow: 1px 1px 6px #ccc; }
.inp { font: 23px Tahoma; background: #dbecfe; border: none; padding: 0 10px; height: 47px; color: #16425d; width: 395px; }
select.inp { background: #dbecfe url(select-arrow.png) no-repeat 98% 50%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; }
.inp:focus { background-color: #cadbed; }
.len-1 { width: 295px; }
.len-2 { width: 555px; }
.capcha { width: 100px; }

.inp1 { font: 22px/49px Tahoma; background:url(bg-birthday.png) no-repeat; border: none; height: 49px; color: #16425d; text-align: center; cursor: pointer; }
#birthDay     { width: 99px; }
#birthMonth { width: 202px; background-position: -99px 0; }
#birthYear   { width: 116px; background-position: -301px 0; }

.birth_change { display: none; background: #16425d; font: 14px Tahoma; padding: 0; border: 1px solid #fff; position: absolute; top: 50px; list-style: none; margin: 0; cursor: pointer; max-height: 252px; overflow: auto; }
.birth_change li { padding: 2px 5px; height: 17px; }
.birth_change li:hover { background: #dbecfe; color: #000; }
.birth_change .sel { background: #d0eca7; color: #000; }
#birthday_value { width: 0; opacity: 0; padding: 0; }
#select_day { width: 97px; left: 0; }
#select_month { width: 200px; left: 98px; }
#select_year { width: 114px; left: 300px; }
#birth_check { position: relative; }
#birth_check>span { width: 100%; }

.valid { display: inline-block; padding-right: 35px; background: no-repeat 100% 50%; }
.valid.ok { background-image:url(valid.png); }
.valid.err { background-image:url(error.png); }
.valid span { font: 13px Tahoma; color: #d00; position: absolute; margin: 34px 0 0 18px; }

.forma .hint { margin: 13px 0 0 300px; font-size: 17px; }
.submit { margin: 54px 0 0 300px; }
.wait { display: none; vertical-align: middle; }
.submit_hint { color: #aaa; margin: 15px 0; }
label.req1 { background: url(/images/base/require.gif) no-repeat 99% 50%; }

.buttons  {
	height: 67px;
	padding: 0 50px;
	font: 24px/67px 'PT Serif', serif;
	color: #e9f2fa;
	display: inline-block;
	vertical-align: middle;
	background: url(buttons.png) repeat-x; 
	text-decoration: none; 
}
.buttons.blue { background-position: 0 0; border: 1px solid #b7d4e5; }
.buttons.dark { background-position: 0 -67px; border: 1px solid #6992ab; }
.buttons.green { background-position: 0 -134px; border: 1px solid #d0eca7; }
.buttons.register { background-position: 0 -201px; border: 1px solid #d0eca7; height: 104px; font-size: 32px; line-height: 35px; padding-top: 35px; width: 315px; text-align: center; }
.buttons:hover { box-shadow: 1px 1px 6px #ccc; }

#error_confirm { margin-top: 10px; display: none; }
.success_confirm { font: 24px/1 'PT Serif', serif; color: #e9f2fa; margin-top: 32px; display: none; }
.team { font: italic 17px/19px Helvetica,Verdana; margin-top: 50px; color: #c9e1f5; }
.autor { background: url(register-logo.png) no-repeat 293px 0; height: 183px; padding-top: 62px; font: 16px/18px Tahoma; margin-top: 22px; }
.autor_hint { font-size: 17px; font-family: Tahoma; margin-bottom: 74px; color: #c9e1f5; }
.mid { vertical-align: middle; }

#tabs .tab1, #tabs .tab2 { text-decoration: none; background: #224e6b; color: #e9f2fa; display: inline-block; font: 24px/85px 'PT Serif', serif; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
#tabs { text-align: center; }
#tabs .active { background: #185378 !important; }

.tab1 { width: 339px; margin-right: 33px; }
.tab2 { width: 398px; }
.buttons.tab1 { width: 337px; padding: 0; }
.buttons.tab2 { width: 396px; padding: 0; }

#tabs_body { background: #16425d url(tabs-bg.png) repeat-x; padding: 72px 0 87px; color: #c9e1f5; margin-bottom: 50px; }
#tabs_body h1 { width: 525px; }

.curr-date { background: #18425e; font: 33px/70px 'PT Serif', serif; width: 313px; margin: auto; text-align: center; color: #e9f2fa; }
.curr-date-hint { font: 20px Tahoma; text-align: center; margin-bottom: 76px; }

.my_nomer { font: 26px/1 'PT Serif', serif; color: #fff; text-align: center; margin: 89px 0 66px; color: #fff; }
.my_nomer_title { font-size: 48px; font-weight: bold; color: #e9f2fa; margin-top: 30px; letter-spacing: 4px; }
.my_nomer .error { position: absolute; margin: -35px 0 0 725px; padding-top: 40px; width: 265px; text-align: left; background:url(error.png) no-repeat 185px 0; }
#nomer_status { position: absolute; margin: -45px 0 0 415px; }

.nomer-select { background: #123d58; padding: 18px 0 16px 13px; }
.nomer-select label { display: inline-block; font: bold 47px/41px 'PT Serif', serif;  }
.nomer-select .pole { cursor: pointer; border: none; width: 56px; color: #123d58; font: bold 41px/1 'PT Serif', serif; height: 53px; margin: 0 25px 0 8px; text-align: center; }
.nomer-select img { position: absolute; margin-top: 15px; }
.nomer-select .msg { position: absolute; margin: 75px 0 0 -190px; width: 250px; font: 14px Helvetica,Verdana; letter-spacing: 0; color: #d00; }
#poleX { width: 81px; }

.value-select { background: #103248; padding: 14px 21px 12px 28px; width: 800px; margin-top: 12px; display: none; }
.value-select span { display: inline-block; border-left: 1px solid #335165; min-width: 79px; text-align: center; font: bold 41px/49px 'PT Serif', serif; cursor: pointer; }
.value-select span.active, .value-select span:hover { color: #f00; }
.value-select span:first-child { border-left: none; }

.delimiter { border-top: 1px solid #335165; padding: 6px 0; }
.delimiter:first-child { border-top: none; }

.hidden, .pole, .nomer-select, .inp, .curr-date, .button, .buttons  { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.upload-file { overflow: hidden; background: url(upload-avatar-2.png) no-repeat; width: 200px; height: 60px; cursor: pointer; margin-bottom: 5px; }
.upload-file input { opacity: 0; font-size: 50px; cursor: pointer; width: 200px; height: 60px; }
.upload-file.save { background-position: 0 -60px; }

.account-center { margin: -8px 0 0 66px; float: left; width: 504px; font: 17px/35px 'PT Serif',serif; color: #bee5ff; }
.account-nomer { color: #e9f2fa; margin: 50px 0 10px; }
.account-nomer b { color: #8cd427; font-size: 25px; }
.account-hint, .account-hint2 { color: #87bee4; font: 14px/16px Tahoma; margin: 17px 0 60px; }
.account-hint2 { margin: 30px 0; }
#avatarka { float: left; width: 200px; font-size: 17px; font-family: 'PT Serif',serif; }

.points { font: 15px/1 Tahoma; clear: both; background: url(small-points-x.png) repeat-x 0 100%; margin-bottom: 20px; width: 380px; position: relative; }
.points span { background: #16425d; padding-right: 17px; }
.points button { position: absolute; right: 0; margin: -3px -120px 0 0; font: 14px/1 'PT Serif',serif; width: 111px; height: 24px; background: #2b79ab url(points-x.png) repeat-x; border: 1px solid #628ca5; color: #bee5ff; }
.points button:hover { box-shadow: 1px 1px 6px #ccc; }
.points button.green { background-position: 0 -24px; border-color: #c1dea1; color: #fff; }

.bg-dark { position: fixed; bottom: 0; top: 0; left: 0; right: 0; background: rgba(30,30,30,0.6); display: none; z-index: 1000; }
.prizes-close { position: absolute; left: 715px; top: 0; margin-top: -10px; background:url(close.png) no-repeat; width: 32px; height: 32px; cursor: pointer; }
.prizes { margin: -200px 0 0 -429px; width: 858px; height: 400px; position: fixed; bottom: 50%; top: 50%; left: 50%; right: 50%; display: none; }
.body_prizes { background: url(bg-prizes-x.png) repeat-x;border: 1px solid #6992ab; margin: 0 auto; text-align: center; padding: 0 10px; width: 580px; height: 400px; font: 19px/35px 'PT Serif', serif; color: #e9f2fa; display: none; overflow: hidden; }
.body_prizes a { color: #e9f2fa; }
.body_prizes.active { display: block; }
.body_other { font: 14px/1 'PT Serif', serif; }
.b_title { font-size: 30px; padding-top: 27px; }
.b_tiraj { font-size: 22px; color: #bee5ff; }
.b_date { color: #bee5ff; margin: -5px 0 28px; }
.b_winner { padding: 54px 0 4px; }
.b_nomer { font-weight: bold; font-size: 32px; letter-spacing: 2px; }
.b_archive { font-size: 13px; color: #bee5ff; }

.b_mynomer { color: #bee5ff; padding-bottom: 3px; }
.b_check { color: #bee5ff; padding: 28px 0 12px; }
.b_results { margin-top: 31px; font-size: 26px; color: #da1318; display: none; }
.b_success { margin-top: 15px; font-size: 26px; color: #8dd627; display: none; }
.b_success_hint { font-size: 18px; line-height: 24px; color: #bee5ff; }

.show_prizes { cursor: pointer; }
.show_prizes:hover { opacity: 0.9; box-shadow: 0px 0px 5px #ddd; }

.prizes-arrows { background: url(prizes-arrows.png) no-repeat; width: 33px; height: 34px; position: absolute; top: 192px; cursor: pointer; }
.prizes-arrows:hover { opacity: 0.8; }
.a_left { left: 0; }
.a_right { right: 0; background-position: -33px 0; }

.hidden { padding: 20px 0 20px 20px; background: #16425d url(tabs-bg.png) repeat-x; box-shadow: 0 0 25px 5px #999; display: none; width: 450px; color: #fff; }
.hidden .row1 { margin-bottom: 10px; }
.hidden label { display: block; margin-bottom: 5px; }
.hidden .inp { width: 400px; }
.hidden .group { text-align: center; }
.hidden .b-close { display: block; background: url(close.png) no-repeat; width: 32px; height: 32px; position: absolute; top: 0; right: 0; margin: -16px -16px 0 0; cursor: pointer; }
.w1 { width: 180px; }
.w2 { width: 410px; }
#number-error { margin-top: 5px; color: #f00; font-size: 17px; text-align: center; display: none; }

.more { text-align: center; color: #fff; border: 1px solid #d0eca7; background: #6dac17 url(bg-button-small-x.png) repeat-x; -webkit-border-radius: 15px; border-radius: 15px; text-decoration: none; }
.more:hover { opacity: 0.9; }

#SMALL { position: fixed; right: 0; bottom: 0; width: 340px; height: 555px;	background: url(SMALL.jpg) no-repeat; letter-spacing: 1px; }
#SMALL .down { background: url(down.png) no-repeat 0 0; width: 22px; height: 15px; position: absolute; left: 26px; top: 29px; z-index: 1; }
#SMALL.close .down { background-position: 0 -15px; }
#SMALL .title { font: 33px/1 'PT Serif',serif; height: 75px; cursor: pointer; color: #fff; padding: 15px 5px 0 59px; }
#SMALL .title:hover { background: #b70e12; }
#SMALL .subtitle { font: 15px/1 Tahoma; margin: 7px 0 0 5px; }
#SMALL .body { font: 23px/31px Tahoma; text-align: center; color: #174967; padding: 18px 10px 0; }
#SMALL .more { position: absolute; left: 23px; right: 23px; top: 464px; height: 67px; font: 27px/67px 'PT Serif',serif; }
#SMALL p { margin: 0 0 19px 0; }
#SMALL.close { height: 90px; }

#BIG { letter-spacing: 1px;  display: none; z-index: 10001; position: fixed; left: 50%; top: 50%; width: 800px; height: 600px; margin: -300px 0 0 -400px; background: url(BIG3.jpg) no-repeat; text-align: center; color: #174967; }
#BIG .title { font: 55px/35px 'PT Serif',serif; padding: 70px 20px 40px; }
#BIG .body { font: 23px/35px Tahoma; }
#BIG .more { position: absolute; left: 141px; right: 141px; top: 429px; height: 113px; font: 35px/113px 'PT Serif',serif; background-image: url(bg-button-big-x.png); }
#BIG p { margin: 0 0 20px 0; }
#BIG span { position: absolute; right: 18px; top: 18px; width: 41px; height: 41px; cursor: pointer; color: transparent; font-size: 0; }