root {
    display: block;
}

body, h1, h2, h3, h4, p, ul, li, td {
    margin: 0px;
    padding: 0px;
}

input, textarea {
    outline:none;
}

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

@font-face {
    font-family: Micra_Normal_Astro;
    src: url('fonts/Micra_Normal.eot') format('eof');
}

@font-face {
    font-family: Micra_Normal_Astro;
    src: url('fonts/Micra_Normal.ttf') format('truetype'),
    url('fonts/Micra_Normal.woff') format('woff'),
    url('fonts/Micra_Normal.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Micra_Bold_Astro;
    src: url('fonts/Micra_Bold.eot') format('eof');
}

@font-face {
    font-family: Micra_Bold_Astro;
    src: url('fonts/Micra_Bold.ttf') format('truetype'),
    url('fonts/Micra_Bold.woff') format('woff'),
    url('fonts/Micra_Bold.otf') format('otf');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: Impact_Astro;
    src: url('fonts/impact.eot') format('eof');
}

@font-face {
    font-family: Impact_Astro;
    src: url('fonts/impact.ttf') format('truetype'),
    url('fonts/impact.woff') format('woff'),
    url('fonts/impact.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
}

body {
    font-family: Arial, Verdana, sans-serif;
    /*font-size: medium;*/
    color: #fff;
    background-color: black;
    background: url("/img/main_bck.jpg") no-repeat black;
    background-position: top center;
}

a {
    color: #fff;
    /*text-decoration: none;*/
}

a:hover {
    color: #fff;
}

.arial {
    font-family: Arial;
    font-size: 14px;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    /*height: auto !important;*/
    /*height: 100%;*/
    /* Negative indent footer by its height */
    margin-bottom: -130px;
    /* Pad bottom by footer height */
    /*padding: 0 0 150px;*/
    overflow-x: hidden;
}

#wrap:after {
    content: "";
    display: block;
}

div a {
    width: 100%;
    height: 100%;
    display: block;
}

div.news_pager a {
    width: 100%;
    height: 100%;
    display: inline;
}

.footer, #wrap:after {
    height: 128px;
}

.footer {
    position: absolute;
    left: 0px;
    width: 100%;
    border-top: 2px #555 solid;
    color: #ccc;
}

.footer div.content {
    width: 920px;
    height: 100%;
    position: relative;
}

.footer .star_base {
    width: 74px;
    height: 59px;
    position: absolute;
    left: 5px;
    top: 30px;
    background: url("/img/1/starbase_foot.png") no-repeat transparent;
}

.footer .rus_sone {
    width: 129px;
    height: 41px;
    line-height: 30px;
    position: absolute;
    background-position: left 0, top 10;
    right: 5px;
    top: 40px;
    background: url("/img/buttons/RU_zone.png") no-repeat transparent;
}

.footer .rus_sone:hover {
    background: url("/img/buttons/RU_zone_hover.png") no-repeat transparent;
}

.footer .copy {
    width: 700px;
    height: 25px;
    position: absolute;
    left: 320px;
    top: 85px;
    font-size: 9px;
}

.footer .aratog_logo {
    width: 105px;
    height: 27px;
    position: absolute;
    left: 320px;
    top: 50px;
    background: url("/img/aratog_logo.png") no-repeat transparent;
    z-index: 10;
}

.footer .lava_logo {
    width: 105px;
    height: 27px;
    position: absolute;
    left: 450px;
    top: 50px;
    background: url("/img/lava_logo.png") no-repeat transparent;
    z-index: 10;
}

.footer .tartezal_logo {
    width: 105px;
    height: 27px;
    position: absolute;
    left: 450px;
    top: 50px;
    background: url("/img/tartezal_logo.png") no-repeat transparent;
    z-index: 10;
}

.footer .unity_logo {
    width: 104px;
    height: 28px;
    position: absolute;
    left: 565px;
    top: 50px;
    background: url("/img/unity_logo.png") no-repeat transparent;
    z-index: 10;
}

.footer .socials {
    width: 220px;
    height: 27px;
    position: absolute;
    left: 90px;
    top: 50px;
    vertical-align: central;
}

.footer .socials div.tw {
    width: 27px;
    height: 27px;
    float: left;
    margin-right: 5px;
    background: url("/img/1/btn_tw.png") no-repeat transparent;
}

.footer .socials div.fb {
    width: 27px;
    height: 27px;
    float: left;
    margin-right: 5px;
    background: url("/img/1/btn_FB.png") no-repeat transparent;
}

.footer .socials div.yt {
    width: 27px;
    height: 27px;
    float: left;
    margin-right: 5px;
    background: url("/img/1/btn_yt.png") no-repeat transparent;
}

.footer .socials div.contacts {
    width: 70px;
    height: 27px;
    float: left;
    margin-right: 5px;
    background-color: #111;
    text-align: center;
    line-height: 27px;
    text-decoration: underline;
}

td.right {
    text-align: right !important;
}

td.left {
    text-align: left !important;
}

.center {
    text-align: center;
}

.left {
    padding-left: 10px;
    text-align: left;
}

.right {
    /*width: 140px;*/
    padding-right: 10px;
    text-align: right;
}

.error {
    color: #ff0000;
}

.input {
    width:200px;
}

table{
    border:0px; /* border="0" */
    border-collapse:collapse; /* cellspacing="0" */
}

span {
    color: #990020;
}

.menu {
    width: 100%;
    height: 107px;
    position: absolute;
    background: url("/img/1/header_line.png") repeat-x transparent;
    color: white;
}

.menu a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.menu .menu_items {
    width: 920px;
    height: 107px;
    position: relative;
    margin: 0px auto;
    /*border: 1px #ff0000 solid;*/
}

.menu .menu_items .item {
    width: 150px;
    height: 100%;
    display: block;
    float: left;
    list-style-type: none;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    /*border: 1px #060 solid;*/
}

.menu .menu_items .item.logo {
    position: relative;
    width: 220px;
}

.menu .menu_items .item.logo a {
    width: 179px;
    height: 76px;
    left: 20px;
    bottom: 7px;
    position: absolute;
    background: url("/img/1/Logo_header.png") repeat-x transparent;
    background-size: 100% 100%;
}

.menu .menu_items .item a.button {
    height: 45px;
    margin-top: 30px;
    /*background-color: #ff0000;*/
}

.menu .menu_items .item a.button:hover, .menu .menu_items .item a.button.active {
    color: black;
    background-color: #fff;
}

.menu .menu_items .item.play {
    position: relative;
    width: 250px;
}

.menu .menu_items .item.play a {
    width: 185px;
    height: 60px;
    left: 20px;
    bottom: 25px;
    position: absolute;
    background: url("/img/buttons/pla_now_btn3.png") repeat-x transparent;
}

.menu .menu_items .item.play a:hover {
    background-position: left -186px top 0px;
}

.menu .menu_items .item.play a:active {
    background-position: left -372px top 0px;
}

/*Выпадающее меню*/
.nav-menu {
    padding: 0px;
}
.nav-menu ul {
    width: 180px;
    margin: 0;
    height: 0px;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    color: black;

}

.nav-menu ul li a {
    margin-top: 3px;
    /*width: 300px;*/
    height: 45px;
    background-color: #fff;
    color: black;

    position: relative;
    z-index: 1000;
}

.nav-menu ul li a:hover {
    color: #990020;
}

.nav-menu .nav-menu-title {
    /*background: url(arrow-right.png) left center no-repeat;*/
    cursor: pointer;

}

.nav-menu-open .nav-menu-title {
    background: url(arrow-down.png) left center no-repeat;
}

.nav-menu-open ul {
    display: block;
}



.content {
    /*width: 920px;*/
    margin: 0px auto;
}

.w920 {
    width: 920px;
}

.w970 {
    width: 970px;
}

.content.t107 {
    margin-top: 107px !important;
}

.banner {
    width: 920px;
    /*height: 405px;*/
}

.banner img {
    width: 100%;
}

table.content {
    width: 920px;
    margin: 0px 0px 0px 0px;
}

table.content td {
    vertical-align: top;
}

table.content td.black {
    background-color: black;
}

table.content tr.title {
    height: 50px;
    font-family: Impact_Astro, Arial;
    font-size: 26px;
}

table.content tr.title2 {
    height: 70px;
    font-family: Impact_Astro, Arial;
    font-size: 26px;
}

table.content tr.title2 td {
    padding-top: 25px;
}

table.content tr td:first-child {
    width: 510px;
}

table.content tr.title .strong, table.content tr.title2 .strong {
    padding-left: 15px;
    /*font-weight: bold;*/
}

table.content tr.title td {
    line-height: 50px;
}

table.content tr.body td{
    /*background-color: green;*/
    padding: 0px 15px;
}

table.content div.border {
    border: 10px #666666 solid;
}

table.content div.border._hover:hover {
    border: 10px #990020 solid;
}

table.content .screens {
    width: 460px;
    overflow: hidden;
}

table.content .video {
    width: 360px;
}

table.content .screens img, table.content .video img {
    display: block;
    width: 100%;
}


table.content td.tleft {
    width: 480px;
}

table.content div.play {
    background: url("/img/1/play_online.png") no-repeat transparent;
    height: 565px;
    position: relative;
}

div.play div.play_btn {
    width: 410px;
    height: 80px;
    background: url("/img/buttons/Btn_browser3.png") no-repeat transparent;
    position: absolute;
    left: -5px;
    top: 280px;
}

div.play div.play_btn:active {
    background-position: left -420px top 0px;
}

div.play div.play_btn:hover {
    background-position: left -840px top 0px;
}

div.play .static_text {
    width: 300px;
    font-family: Arial;
    text-align: center;
    font-size: 12px;
    position: absolute;
}

div.play .static_text.n1 {
    left: 60px;
    top: 370px;
}

div.play .static_text.n2 {
    left: 60px;
    top: 510px;
}

div.play div.download_mac {
    width: 205px;
    height: 61px;
    background: url("/img/buttons/Btn_MAC3.png") no-repeat transparent;
    position: absolute;
    left: -3px;
    top: 385px;
}

div.play div.download_mac:hover {
    background-position: left -213px top 0px;
}

div.play div.download_mac:active {
    background-position: left -426px top 0px;
}

div.play div.download_pc {
    width: 205px;
    height: 61px;
    background: url("/img/buttons/Btn_PC3.png") no-repeat transparent;
    position: absolute;
    right: 3px;
    top: 385px;
}


div.play div.download_steam {
    width: 211px;
    height: 63px;
    background: url("/img/buttons/steam_site_com.png") no-repeat transparent;
    position: absolute;
    right: -13px;
    top: 454px;
}

div.play div.download_pc:hover {
    background-position: left -213px top 0px;
}

div.play div.download_steam:hover {
    width: 211px;
    height: 63px;
    position: absolute;
    right: -13px;
    top: 454px;
    background: url("/img/buttons/steam_site_com_hover.png") no-repeat transparent;
}

div.play div.download_pc:active {
    background-position: left -426px top 0px;
}

div.play div.download_linux {
    width: 211px;
    height: 63px;
    background: url("/img/buttons/Linux.png") no-repeat transparent;
    position: absolute;
    left: -3px;
    top: 445px;
    background-size: cover;
}

div.play div.download_linux:hover {
    background-position: left -213px top 0px;
}

div.play div.download_linux:active {
    background-position: left -424px top 0px;
}

div.play div.download_ios, div.play div.download_ios_soon {
    width: 194px;
    height: 61px;
    position: absolute;
    left: 5px;
    top: 535px;
}

div.play div.download_ios {
    background: url("/img/1/AS_btn.png") no-repeat transparent;
}

div.play div.download_ios_soon {
    background: url("/img/1/ASsoon_btn.png") no-repeat transparent;
}

div.play div.download_android, div.play div.download_android_soon {
    width: 194px;
    height: 61px;
    position: absolute;
    right: 5px;
    top: 535px;
}

div.play div.download_android {
    background: url("/img/1/GP_btn.png") no-repeat transparent;
}

div.play div.download_android_soon {
    background: url("/img/1/GPsoon_btn.png") no-repeat transparent;
}

table.content td.about {
    color: #ccc;
}

table.content td.about img {
    max-width: 480px;
    display: block;
    margin-bottom: 20px;
}

table.content td.about ._text {
    /*max-height: 420px;*/
    /*font-size: 14px;*/
    display: block;
    margin-bottom: 20px;
    overflow-y: hidden;
    line-height: 19px;
}

table.content td.about ._text p {
    margin-bottom: 10px;
}

table.content td.about .button {
    width: 200px;
    height: 40px;
    display: block;
    margin-bottom: 20px;
    background-color: #555;
    text-align: center;
    line-height: 40px;
}

table.content td.about .button a {
    text-decoration: none;
}

table.content td.about .button:hover {
    background-color: #E0002E;
}

.chars {
    width: 958px;
    height: 200px;
    margin: 0px auto;
    background: url("/img/2/chars_header.png") no-repeat transparent;
}

.white_body {
    width: 100%;
    max-width: 970px;
    /**/
    background-color: #f9f9f9;
    padding-top: 60px;
    position: relative;
}

.white_body .kickstarter {
    width: 100%;
    height: 70px;
    position: absolute;
    top: -54px;
    left: 0px;
    z-index: 10;
}

.white_body .kickstarter a, .white_body .kickstarter img {
    display: block;
    width: 100%;
    height: 100%;
}

.white_body .screens {
    width: 840px;
    height: 625px;
    margin: 0px auto;

}

.white_body .screens img {
    width: 100%;
    height: 100%;
    display: block;
}

.white_body .prew {
    width: 840px;
    height: 130px;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    /*position: absolute;*/
    /*background-color: green;*/
}

.white_body .prew .item {
    width: 128px;
    height: 100px;
    float: left;
    border: 10px #ccc solid;
}

.white_body .prew .item img {
    width: 100%;
    height: 100%;
    display: block;
}


.white_body .prew .item.active, .white_body .prew .item:hover {
    border: 10px #990020 solid;
}

.white_body .prew .item.space {
    margin-left: 25px;
}

.white_body .back_button {
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    /*margin: 17px 0px 0px 65px;*/
    background-color: #9f9f9f;
    position: absolute;
    left: 65px;
    bottom: 30px;
}

.white_body .back_button:hover {
    color: black;
    background-color: #990020;
}

.white_body .button_prew {
    width: 28px;
    height: 52px;
    background: url("/img/4/arrow_l.png") no-repeat transparent;
    position: absolute;
    left: 15px;
}

.white_body .button_next {
    width: 28px;
    height: 52px;
    background: url("/img/4/arrow_r.png") no-repeat transparent;
    position: absolute;
    right: 15px;
}

.white_body .button_prew.type1, .white_body .button_next.type1 {
    top: 300px;
}

.white_body .button_prew.type2, .white_body .button_next.type2 {
    top: 200px;
}

.white_body .button_prew.type3, .white_body .button_next.type3 {
    top: 630px;
}

.white_body .title {
    position: absolute;
    left: 15px;
    top: 15px;
    color: black;
    font-family: Impact_Astro,  Arial;
    /*font-weight: bold;*/
    font-size: 24px;
}

.white_body .socials {
    position: absolute;
    right: 0px;
    top: 20px;
    color: black;
}

.white_body .actions {
    width: 670px;
    min-height: 650px;
    position: relative;
    margin-left: 15px;
    /*top: 60px;*/
    /*background-color: #060;*/
}

.white_body .actions div._action {
    width: 100%;
    min-height: 50px;
    position: relative;
    margin: 0px;
    /**/
}

.white_body .actions div._action.hr {
    padding-top: 20px;
}

.white_body .video {
    width: 560px;
    height: 315px;
    border: 10px #9f9f9f solid;
    margin: 10px auto;
}

.white_body .screen_list {
    width: 750px;
    height: 400px;
    /*border: 2px #06c solid;*/
    margin: 0px auto;
}

.white_body .screen_list .item {
    width: 240px;
    height: 170px;
    float: left;
    margin-bottom: 30px;
}

.white_body .screen_list .item.space {
    margin-left: 15px;
}

.white_body .screen_list .item img {
    display: block;
    width: 100%;
    height: 100%;
}

.white_body .screen_title {
    width: 100%;
    height: 40px;
    color: black;
    font-family: Impact_Astro,  Arial;
    /*font-weight: bold;*/
    font-size: 24px;
    line-height: 40px;
    margin: 15px 0px 10px 15px;
}

.white_body .pagination {
    width: 100%;
    height: 20px;
    /*background-color: #06c;*/
    text-align: center;
    padding-top: 5px;
}

.white_body .pagination a {
    display: block;
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 7px;
    background: url("/img/4/scrl_noactive.png") no-repeat transparent;
}

.white_body .pitems {
    min-width: 100px;
    width: 100px;
    margin: 0px auto;
}

.white_body .pagination a.active {
    background: url("/img/4/scrl_active.png") no-repeat transparent;
}

._action ._title {
    position: absolute;
    width: 100%;
    height: 50px;
}

._action ._title div.date {
    width: 28px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    background-color: #990020;
    color: white;
    padding: 7px;
    position: absolute;
    left: 0px;
    top: 0px;
}

._action ._title div._text a {
    width: 550px;
    height: 42px;
    font-family: Impact_Astro, Arial;
    font-size: 25px;
    /*font-weight: bold;*/
    line-height: 42px;
    color: black;
    position: absolute;
    left: 60px;
    top: 0px;
    text-decoration: none;
}

._action ._body {
    margin-left: 60px;
    padding-top: 50px;
    padding-bottom: 30px;
    color: #333;
}

._action ._body.bottom_line {
    border-bottom: 2px #9f9f9f solid;
}

._action ._body p {
    width: 100%;
    display: inline-block;
    position: relative;
}

._action ._body img {
    display: block;
    position: relative;
    max-width: 94%;
    height: auto;
    margin: 0px 10px 0px 0px;
}

._action ._body a {
    color: #990020;
    display: inline;
    min-width: 10px;
    width: auto !important;
}

._action ._body a:hover {
    color: #E0002E;
    text-decoration: underline;
}

.white_body .buttons {
    width: 230px;
    min-height: 650px;
    position: absolute;
    right: 15px;
    top: 60px;
    /*background-color: #06c;*/
}

.buttons ._title {
    width: 100%;
    height: 42px;
    font-family: Impact_Astro, Arial;
    font-size: 20px;
    /*font-weight: bold;*/
    line-height: 42px;
    color: black;
    position: relative;
    margin-left: 0px;
    margin-bottom: 5px;
}

.buttons ._item {
    width: 150px;
    height: 30px;
    background-color: #9f9f9f;
    text-align: center;
    line-height: 30px;
    margin-bottom: 5px;
}

.buttons ._item a {
    text-decoration: none;
}

.white_body .nav_buttons {
    width: 90%;
    height: 30px;
    position: relative;
    /*background-color: #06c;*/
    margin: 10px 15px;
}

.white_body .playerMP3 {
    width: 400px;
    height: 30px;
    position: absolute;
    left: 555px;
    top: 108px;
    z-index: 10;
}

.nav_buttons ._item a{
    display: block;
    width: 150px !important;
    height: 30px;
    font-family: Micra_Normal_Astro, Arial;
    font-size: 14px;
    background-color: #9f9f9f;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    float: left;
    text-decoration: none;
}

.buttons ._item:hover a, .buttons ._item.active a, .nav_buttons ._item a:hover, .nav_buttons ._item a.active {
    color: #990020;
    background-color: #e9e9e9;
    text-decoration: none;
}

.buttons .press_info {
    width: 180px;
    /*background-color: #060;*/
    margin-top: 30px;
    color: black;
    line-height: 16px;
    font-size: 14px;
}

.buttons .press_info a {
    font-weight: bold;
    color: #E0002E;
    text-decoration: none;
}

.white_body .description {
    position: relative;
    color: #4a4a4a;
    font-family: Arial;
    font-size: 16px;
    padding: 0px 15px 0px 15px;
}

.white_body .game_info {
    padding: 0px 15px;
}

.white_body .game_info .description {
    color: #4a4a4a;
    padding-top: 10px;
    border-top: 2px #9f9f9f solid;
}

.white_body .game_info .description p {
    margin-bottom: 7px;
}

.white_body .game_info .description a {
    color: #990020;
}

.white_body .game_info ._item {
    width: 100%;
    height: 205px;
    /*background-color: #060;*/
    padding-top: 15px;
    border-top: 2px #9f9f9f solid;
    position: relative;
}

.game_info ._item img {
    display: block;
    width: 327px;
    height: 191px;
}

.game_info ._item ._title {
    position: absolute;
    left: 350px;
    top: 10px;
    color: black;
    font-family: Impact_Astro,  Arial;
    /*font-weight: bold;*/
    font-size: 26px;
}

.game_info ._item ._body {
    width: 590px;
    height: 160px;
    position: absolute;
    left: 350px;
    top: 45px;
    color: #4a4a4a;
    font-family: Arial;
    font-size: 16px;
    /*background-color: #06c;*/
}

.links {
    width: 100%;
    height: 400px;
    background-color: #060;
    position: relative;
    background: url("/img/2/cloud+char.png") no-repeat transparent;
}


.links div.play_btn {
    width: 410px;
    height: 80px;
    background: url("/img/buttons/Btn_browser3.png") no-repeat transparent;
    position: absolute;
    right: 210px;
    top: 40px;

}

.links div.play_btn:active {
    background-position: left -420px top 0px;
}

.links div.play_btn:hover {
    background-position: left -840px top 0px;
}

.links .static_text {
    width: 300px;
    font-family: Arial;
    text-align: center;
    font-size: 12px;
    position: absolute;
}

.links .static_text.n1 {
    right: 260px;
    top: 130px;
}

.links .static_text.n2 {
    right: 260px;
    top: 275px;
}

.links div.download_mac {
    width: 205px;
    height: 61px;
    background: url("/img/buttons/Btn_MAC3.png") no-repeat transparent;
    position: absolute;
    left: 555px;
    top: 150px;
}

.links div.download_mac:hover {
    background-position: left -213px top 0px;
}

.links div.download_mac:active {
    background-position: left -426px top 0px;
}

.links div.download_pc {
    width: 205px;
    height: 61px;
    background: url("/img/buttons/Btn_PC3.png") no-repeat transparent;
    position: absolute;
    right: 208px;
    top: 205px;
}

.links div.download_pc:hover {
    background-position: left -213px top 0px;
}

.links div.download_pc:active {
    background-position: left -426px top 0px;
}

.links div.download_linux {
    width: 211px;
    height: 63px;
    background: url("/img/buttons/Linux.png") no-repeat transparent;
    position: absolute;
    background-size: cover;
    left: 352px;
    top: 150px;
}

.links div.download_linux:hover {
    background-position: left -213px top 0px;
}

.links div.download_steam {
    width: 196px;
    height: 45px;
    background: url("/img/buttons/steam_site_com.png") no-repeat transparent;
    position: absolute;
    background-size: cover;
    left: 361px;
    top: 215px;
}

.links div.download_steam:hover {
    background: url("/img/buttons/steam_site_com_hover.png") no-repeat transparent;
}

.links div.download_linux:active {
    background-position: left -424px top 0px;
}

.links div.download_ios, .links div.download_ios_soon {
    width: 194px;
    height: 61px;
    position: absolute;
    left: 357px;
    top: 300px;
}

.links div.download_ios {
    background: url("/img/1/AS_btn.png") no-repeat transparent;
}

.links div.download_ios_soon {
    background: url("/img/1/ASsoon_btn.png") no-repeat transparent;
}

.links div.download_android, .links div.download_android_soon {
    width: 194px;
    height: 61px;
    position: absolute;
    right: 212px;
    top: 300px;
}

.links div.download_android {
    background: url("/img/1/GP_btn.png") no-repeat transparent;
}

.links div.download_android_soon {
    background: url("/img/1/GPsoon_btn.png") no-repeat transparent;
}

.links div.browsers {
    width: 156px;
    height: 55px;
    background: url("/img/2/browsers.png") no-repeat transparent;
    position: absolute;
    right: 20px;
    top: 55px;
}

.site_counters {
    width: 1px;
    height: 1px;
    overflow: hidden;
}








#dlClientPopup {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.7);
    overflow: auto;
}

#dlClientPopup .box {
    width: 500px;
    height: 510px;
    position: relative;
    top: 50%;
    margin: 0 auto;
    margin-top: -255px;
    background: rgba(0, 0, 0, 0.7);
    border: 1px rgba(255, 255, 255, 0.5) solid;
    border-radius: 2px;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.75);
}

#dlClientPopup .box .title span {
    color: gold;
}

#dlClientPopup .box .icon {
    width: 156px;
    height: 156px;
    background: url(/img/icon.png) center center no-repeat;
    position: absolute;
    top: 10px;
    left: 50px;
}

#dlClientPopup .box .cross {
    background: url(/img/cross.png) 0px 0px no-repeat;
    width: 68px;
    height: 68px;
    position: absolute;
    right: -34px;
    top: -34px;
    cursor: pointer;
}

#dlClientPopup .box .cross:hover {
    background-position: 0 -68px;
}

#dlClientPopup .box .title {
    text-align: center;
    font-family: Micra_Normal_Astro, Arial, Verdana, sans-serif;
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    font-weight: normal;
    height: 136px;
    padding-top: 30px;
    box-sizing: border-box;
    padding-left: 160px;
}

#dlClientPopup .box .languages {
    width: 200px;
    margin: 0 auto;
}

#dlClientPopup .box .languages a {
    text-decoration: none;
}

#dlClientPopup .box .languages .item {
    width: 100%;
    height: 60px;
    padding: 5px 30px;
    border: 1px rgba(255, 255, 255, 0.25) solid;
    border-radius: 2px;
    margin-top: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    line-height: 50px;
    font-size: 24px;
    font-weight: normal;
    padding-left: 110px;
    background-position: 35px 5px;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

#dlClientPopup .box .languages .item-ru {
    background-image: url(/img/ru.png);
}

#dlClientPopup .box .languages .item-en {
    background-image: url(/img/en.png);
}

#dlClientPopup .box .languages .item-fr {
    background-image: url(/img/fr.png);
}

#dlClientPopup .box .languages .item-de {
    background-image: url(/img/de.png);
}

#dlClientPopup .box .languages .item:hover {
    background-color: #ff2f2c;
}