/* resets */
html,body,span,h1,h2,h3,h4,h5,h6,p,em,img,small,strong,
b,i,article,aside,footer,header,menu,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{height:100%}
body{margin: 0; padding: 0; line-height:1; font-family: 'Roboto', sans-serif; /*background-color: #e7ecf0;*/ position:relative; min-height:100%; width: 100%; min-width: 1180px}
article,aside,footer,header,menu,nav,section{display:block}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
a[href*="tel:"]{text-decoration: none; color: #000}
a[href*="tel:"]:before, a[href*="tel:"]:after {display: none !important}
a img {border: 0}

.animate {-ms-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease}
.clear{clear: both; width: 100%}
.hidden{display: none}
.w200 {width: 200px}
.realtive {position: relative}
.no_select, .no_select_all, .no_select_all * {-o-user-select:none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none}
.al_l {text-align: left !important}
.al_c {text-align: center !important}
.al_r {text-align: right !important}
.fl_l {float: left}
.fl_r {float: right}

.wrap {margin: 0 auto; width: 1180px; position: relative; box-sizing: border-box}

*::-webkit-input-placeholder {color: #cdcdcd}/* webkit */
*:-moz-placeholder {color: #cdcdcd}/* FF 4-18 */
*::-moz-placeholder {color: #cdcdcd}/* FF 19+ */
*:-ms-input-placeholder {color: #cdcdcd}/* IE 10+ */
.placeholder {color: #000}/* IE 6+ */

.button {padding: 0 20px; height: 32px; line-height: 32px; color: #fff; font-size: 15px; border-radius: 0px; text-decoration: none; display: inline-block; box-sizing: border-box; text-align: center; cursor: pointer; border: 0}
.button {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
.button:hover {-webkit-filter: brightness(110%); filter: brightness(110%)}
.pages a[href]:hover,
.button:active {-webkit-filter: brightness(90%); filter: brightness(90%)}
.button.big {height: 42px; line-height: 42px}
.pages a,
.button.blue {
    background: #2d9cff;
    background: -moz-linear-gradient(-45deg,  #2d9cff 0%, #16aeff 100%);
    background: -webkit-linear-gradient(-45deg,  #2d9cff 0%,#16aeff 100%);
    background: linear-gradient(135deg,  #2d9cff 0%,#16aeff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9cff', endColorstr='#16aeff',GradientType=1 );
}
.button.grey,
.button.gray {
    background: #cbcbcb;
    background: -moz-linear-gradient(-45deg,  #c2c2c2 0%, #d0d0d0 100%);
    background: -webkit-linear-gradient(-45deg,  #c2c2c2 0%,#d0d0d0 100%);
    background: linear-gradient(135deg,  #c2c2c2 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#d0d0d0',GradientType=1 );
}

.pages {clear: both; font-size: 15px}
.pages a {margin: 0 2px; padding: 0 20px; height: 42px; line-height: 42px; display: inline-block; text-decoration: none; color: #fff; border-radius: 3px; box-sizing: border-box}
.pages a[href] {color: #ababab; background: #e7ecf0; transition: border .1s, background .3s, color .3s}
.pages a[href]:hover {border-bottom: 3px solid #2d9cff; color: #777}

.content {background-color: #fff}
.content .wrap {padding: 30px 20px 60px}

.big_market_links, .small_market_links {text-align: right}
.big_market_links a, .small_market_links a {margin-left: 10px; width: 140px; height: 140px; display: inline-block; background-image: url(../images/socs_big.jpg); border-radius: 20px}
.big_market_links .gp {background-position: 0 0}
.big_market_links .st {background-position: -140px 0}
.big_market_links .ap {background-position: -280px 0}
.big_market_links .vk {background-position: -420px 0}
.big_market_links .fb {background-position: -560px 0}
.big_market_links .ok {background-position: -700px 0}
.big_market_links .pc {background-position: -840px 0}
.big_market_links .br {background-position: -980px 0}
.big_market_links .pg {background-position: -1120px 0}
.big_market_links .mw {background-position: -1260px 0}

.small_market_links a {width: 70px; height: 70px; display: inline-block; background-image: url(../images/socs_small.jpg)}
.small_market_links .gp {background-position: 0 0}
.small_market_links .st {background-position: -70px 0}
.small_market_links .ap {background-position: -140px 0}
.small_market_links .vk {background-position: -210px 0}
.small_market_links .fb {background-position: -280px 0}
.small_market_links .ok {background-position: -350px 0}
.small_market_links .pc {background-position: -420px 0}
.small_market_links .br {background-position: -490px 0}
.small_market_links .pg16 {background-position: -700px 0}
.small_market_links .pg18 {background-position: -560px 0}
.small_market_links .mw {background-position: -630px 0}

.text {position: relative}
.text h2,
.text p,
.text ul {max-width: 860px}
.text > img {max-width: 100%}
.text h2 {margin: 40px 0 18px; font-size: 18px; font-weight: 400; color: #4c4c4c}
.text p {margin-bottom: 18px; font-size: 13px; color: #676767; line-height: 130%}
.text p a {color: #2d9cff; border-bottom: 1px dotted #2d9cff; -webkit-transition: color .3s, border .3s; -moz-transition: color .3s, border .3s; -o-transition: color .3s, border .3s; transition: color .3s, border .3s; text-decoration: none}
.text p a:hover {color: #16aeff; border-bottom: 1px solid #2d9cff}
.text ul,
.text ol {margin: 0 0 18px; padding: 0; font-size: 13px; color: #676767; line-height: 120%}
.text ul li {margin: 0 0 3px; padding: 0; list-style-type: none}
.text ul li:before {content: '- '}
.text .footer_social {position: relative; top: 0; right: 0; text-align: left}
/*.text .big_market_links, .text .small_market_links {position: absolute; top: -20px; right: -10px}*/

.form {clear: both}
.form label {display: block; overflow: hidden}
.form label span {padding-top: 12px; margin-left: 590px; font-size: 13px; color: #676767; line-height: 130%; display: block}
.form input[type="text"],
.form input[type="email"],
.form textarea {width: 565px; margin-bottom: 10px; border: 1px solid #c7c7c7; background-color: #fff; border-radius: 7px; display: block; float: left; outline: none; text-indent: 10px; font-family: 'Roboto', sans-serif; box-sizing: border-box}
.form input[type="text"], .form input[type="email"] {line-height: 30px}
.form textarea {height: 205px; padding: 10px; resize: none; line-height: 130%; text-indent: 0}
.form .send_form {margin-right: 250px}

.images_block {margin: 0 -12px; text-align: center}
.images_block .image {width: 30%; margin: 0 12px 25px; display: inline-block; color: #4c4c4c; text-decoration: none}
.images_block .image[href] img {opacity: .8; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s}
.images_block .image[href]:hover img {opacity: 1}
.images_block .image img {width: 100%; max-width: 480px; margin-bottom: 15px; display: block; border-radius: 10px}
.images_block .image b {margin-bottom: 12px; font-size: 18px; font-weight: 400; display: block}
.images_block .image span {font-size: 13px; color: #676767; display: block; line-height: 120%}

.head {margin: 0 -15px 17px; overflow: hidden; border-bottom: 1px dotted #afafaf; position: relative;}
.head h1 {margin: 10px 15px 10px; font-weight: 300; font-size: 30px; color: #007be8; float: left}
.head a {margin: 0 15px; font-size: 13px; color: #4c4c4c; float: right; text-decoration: none; border-bottom: 1px dotted #4c4c4c; transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; transition: border .3s; position: relative; top: 24px}
.head a:hover {border-bottom: 1px solid #4c4c4c}
.head a.button {min-width: 120px; margin: -15px 15px 0; color: #fff; border: 0}
.head a.button:hover {border: 0}

.games_page .content {background-color: transparent;}

.header {height: 90px; background-color: #333333; line-height: 90px; text-align: center; position: relative}
.header_logo {width: 180px; height: 45px; position: absolute; display: block; background: url(../images/logo_dg.png) left top; left: 0; top: 22px}
.header_menu {height: 90px}
.header_menu .menu_item {height: 90px; margin: 0 -1px 0 -2px; display: inline-block; position: relative; opacity: .75; -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms}
.header_menu .menu_item:hover,
.header_menu .menu_item.open {opacity: 1}
.header_menu .menu_item > a {-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s}
.header_menu .menu_item > a,
.header_menu .menu_item > a[href]:hover,
.header_menu .menu_item.hovered > a[href] {padding: 0 20px; font-size: 15px; color: #fff; line-height: 90px; background-color: rgba(45,156,255,1); text-decoration: none; display: block; position: relative}
.header_menu .menu_item > a[href] {background-color: transparent}

.inline {display: inline}

.header_total_accounts > #total_accounts:hover,
.header_total_accounts > #total_accounts {color: #2d9cff; position: absolute; top:0; right: -80px;}
.header_total_accounts {position: absolute; right: 210px; top: 37px; line-height: normal; font-size: 15px; background-color: transparent; color: #fff;}

/* Tooltip container */
.tooltip {
    position: relative;
    /*display: inline-block;*/
    text-align: right;
    margin-left: -25px;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 2px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    top: 24px;
    z-index: 10;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom-color: black;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    font-size: 10pt;
    min-width: 150px;
    left: -38px;
}

/*.header_menu .menu_item.has_submenu > a[href]:before {content: ''; display: block; position: absolute; top: 44px; right: 10px; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 5px 3px 0 3px; border-color: #fff transparent transparent transparent}*/
.header_menu .submenu {position: absolute; line-height: 40px; left: 0; top: 100%; z-index: 3; background-color: #747779; opacity: 0; pointer-events: none; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s}
.header_menu .submenu a:first-child {border-top: 1px solid #fff}
.header_menu .submenu a {border-bottom: 1px solid #fff}
.header_menu .submenu a:first-child {border-top: 0}
.header_menu .submenu a,
.header_menu .submenu a[href]:hover {width: 185px; padding: 19px 23px 18px; font-size: 15px; line-height: 110%; color: #fff; background-color: #62b5ff; text-decoration: none; display: block; text-align: left; position: relative}
/*.header_menu .submenu a[href]:hover,*/
/*.header_menu .submenu a[href]:hover + a {border-color: #62b5ff}*/
.header_menu .submenu a[href] {background-color: #e7ecf0; color: #686868}
/*.header_menu .submenu.games {line-height: normal}*/
/*.header_menu .submenu.games a,*/
/*.header_menu .submenu.games a[href]:hover {padding: 0; margin: 10px 10px 6px; width: 170px; height: 120px; display: inline-block; border-radius: 5px; position: relative; border-color: transparent}*/
/*.header_menu .submenu.games a[href] img {opacity: .5; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-filter: grayscale(50%); filter: grayscale(50%)}*/
/*.header_menu .submenu.games a img,*/
/*.header_menu .submenu.games a[href]:hover img {opacity: 1; transition: .3s; -webkit-filter: grayscale(0%); filter: grayscale(0%)}*/
/*.header_menu .menu_item.open > a:after {content: ''; display: block; position: absolute; bottom: -7px; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 7px 8px 0 8px; border-color: #42a6ff transparent transparent transparent}*/
/*.header_menu .menu_item.open .submenu {display: none}*/
/*.header_menu .menu_item.open .submenu.games {opacity: 1; pointer-events: auto; background-color: #e7ecf0; z-index: 3}*/
/*.header_menu .menu_item.open .submenu.games a[href]:hover {background-color: rgba(255,255,255,.5)}*/
.header_menu .menu_item .submenu.games a img {width: 53px; height: 53px; display: block; position: absolute; left: 0; top: 0}
.header_menu .menu_item .submenu.games a span {margin-left: 28px; display: block; text-indent: 11px}
.header_menu .menu_item:hover .submenu {opacity: 1; pointer-events: auto}
.main_page .header {margin-bottom: 0}
/*.main_page .header_menu .submenu {background-color: rgba(0,0,0,.8); box-shadow: none}*/
/*.main_page .header_menu .submenu a,*/
/*.main_page .header_menu .submenu a[href] {color: #fff; background-color: transparent}*/
/*.main_page .header_menu .submenu a[href]:hover {background-color: rgba(255,255,255,.1)}*/
/*.main_page .header_menu .submenu.games img {}*/
/*.main_page .header_menu .submenu.games a img {opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-filter: grayscale(0%); filter: grayscale(0%)}*/
.games_page .header {margin-bottom: 130px}
.header_lang {position: absolute; right: 0; top: 24px; line-height: normal}
.header_lang a {width: 43px; height: 43px; display: inline-block; position: relative}
.header_lang a:before,
.header_lang a:after {width: 43px; height: 43px; background-image: url(../images/ico_network.png); content: ''; position: absolute; left: 0; top: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s}
.header_lang a:after {opacity: 0}
.header_lang a[href]:after {opacity: 1}
.header_lang a[href]:before {opacity: 0}
.header_lang a[href]:hover:after {opacity: 0}
.header_lang a[href]:hover:before {opacity: 1}
.header_lang a.ru:before {background-position: -404px -4px}
.header_lang a.ru[href]:after {background-position: -404px -54px}
.header_lang a.ru[href]:before {background-position: -404px -4px}
.header_lang a.en:before {background-position: -454px -4px}
.header_lang a.en[href]:after {background-position: -454px -54px}
.header_lang a.en[href]:before {background-position: -454px -4px}

.second_menu {width: 245px; float: left}
.second_menu a {margin-bottom: 1px; padding: 18px 28px 17px; font-size: 15px; background-color: #62b5ff; color: #fff; display: block; line-height: 120%; position: relative}
.second_menu a[href] {background-color: #f3f5f7; color: #686868; text-decoration: none}
.second_menu a[href]:hover {background-color: #62b5ff; color: #fff}
.second_menu + .page_content {margin-left: 295px}
.second_menu.games a img,
.second_menu.games a[href]:hover img {width: 53px; height: 53px; display: block; position: absolute; left: 0; top: 0; opacity: 1}
.second_menu.games a[href] img {opacity: .5}
.second_menu.games a span {margin-left: 25px; display: block; text-indent: 11px}
.second_menu a[href].archive_toggle {margin-top: 10px; text-decoration: underline; cursor: pointer}
.second_menu a[href].archive_toggle:hover {text-decoration: none}
.second_menu .archive {display: none; margin-bottom: 30px;}

.slider {width: 100%; height: 400px; margin: 0; padding: 0; background-repeat: repeat; background-position: center; position: relative; overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0}
.slider .slides {list-style-type: none; margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; opacity: 1}
.slider .slide {float: left; width: 100%; height: 400px; position: relative}
.slider .slide .image {width: 100%; height: 400px; display: block; position: absolute; background-repeat: repeat; background-position: center}
.slider .slider_controls {position: absolute; left: 0; right: 0; bottom: 15px; z-index: 3; text-align: center}
.slider .slider_controls .btn {margin: 0 7px; width: 20px; height: 20px; background-color: rgba(255,255,255,.5); border-radius: 1px; transform: rotate(45deg); display: inline-block; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: 2px solid #2d9cff; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);}
.slider .slider_controls .btn:hover {background-color: rgba(255,255,255,.8); cursor: pointer}
.slider .slider_controls .btn.active {background-color: rgba(255,255,255,1)}

.main_awards {margin: 0; padding: 0; position: relative; overflow: hidden}
.main_awards .carousel {overflow: hidden; margin: 0 auto;}
.main_awards a.prev, .main_awards a.next {display: block; z-index: 99; position: absolute; top: 40px; width: 20px; height: 20px; background-color: rgba(255,255,255,.5), border-radius: 1px; transform: rotate(45deg);-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: 2px solid #2d9cff; }
.main_awards a.prev {left: 6px; border-top-width: 0px; border-right-width: 0px;}
.main_awards a.next {right: 6px; border-bottom-width: 0px; border-left-width: 0px;}
.main_awards .slides {width: 100%; list-style-type: none; overflow: hidden; text-align: center}
.main_awards .slide {margin: 0; width: 100px; height: 100px; display: inline-block; position: relative}
.main_awards {padding: 25px 0; position: relative; background-color: #f9fafb; text-align: center}
.main_awards img {width: 100px; height: 100px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
.main_awards img:hover {-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px)}

.awards {margin: -17px -40px 0 -15px; overflow: hidden}
/*.award {margin-right: 15px; padding: 20px 15px; width: 405px; display: block; float: left; border-bottom: 1px dotted #afafaf; text-decoration: none; color: #676767}*/
.award {margin-right: 15px; padding: 20px 15px; width: 545px; display: block; float: left; border-bottom: 1px dotted #afafaf; text-decoration: none; color: #676767; height: 130px; overflow: hidden}
.award span {display: block}
.award_image {margin-right: 10px; width: 131px; height: 131px; border-radius: 10px; float: left}
.award_image img {width: 131px; height: 131px; display: block}
/*.awards.games .award_image img {margin-top: 20px; height: auto}*/
.award_title {margin: 0 0 7px 140px; font-size: 20px; color: #007be8}
.award_link {margin: 0 0 7px 140px; font-size: 13px; color: #c2c2c2}
.award_text {margin: 0 0 7px 140px; font-size: 13px; line-height: 130%}

.partners {margin: -17px -15px 0 -15px; overflow: hidden}
.partner {min-height: 120px; padding: 25px 15px; display: block; border-bottom: 1px dotted #afafaf; text-decoration: none; color: #676767}
.partner span {display: block}
.partner_content {margin-left: 218px}
.partner img {width: 180px; display: block; float: left}
.partner_title {margin-bottom: 7px; font-size: 20px; color: #007be8}
.partner_link {margin-bottom: 7px; font-size: 13px; color: #c2c2c2}
.partner_text {margin-bottom: 7px; font-size: 13px; line-height: 130%}

.footer_spacer {width: 100%; height: 210px; clear: both}
.footer {padding: 23px 0 40px; border-top: 3px solid #2d9cff; position: absolute; left: 0; right: 0; bottom: 0; background-color: #e7ecf0}
.footer_logo {width: 140px; height: 30px; position: absolute; display: block; background: url(../images/logo_dg.png) right top; left: 0; top: 0}
.footer_logo:hover {width: 140px; height: 30px; position: absolute; display: block; background: url(../images/logo_dg.png) right bottom; left: 0; bottom: 0}
.footer_menu {padding: 10px 0 20px; color: #bfbfbf; text-align: center}
.footer_menu a,
.footer_menu a[href]:hover {margin: 0 15px; font-size: 14px; color: #73787c; text-decoration: none}
.footer_menu a {border-bottom: 1px dotted transparent}
.footer_menu a[href]:hover {border-bottom: 1px solid #959a9e}
.footer_menu a[href] {color: #959a9e; border-bottom: 1px dotted #b6bbbf; -webkit-transition: color .3s, border .3s; -moz-transition: color .3s, border .3s; -o-transition: color .3s, border .3s; transition: color .3s, border .3s}
.footer .copyright {padding-bottom: 40px; font-size: 11px; color: #959a9e; text-align: center}
.footer .copyright a {color: #959a9e; -webkit-transition: color .3s, border .3s; -moz-transition: color .3s, border .3s; -o-transition: color .3s, border .3s; transition: color .3s, border .3s; text-decoration: none; border-bottom: 1px dotted #b6bbbf}
.footer .copyright a:hover {color: #73787c; border-bottom: 1px solid #959a9e}
.footer_social {text-align: center}
.footer_social a {margin: 0 2px; width: 43px; height: 43px; display: inline-block; position: relative}
.footer_social a:before,
.footer_social a:after {width: 43px; height: 43px; background-image: url(../images/ico_network.png); content: ''; position: absolute; left: 0; top: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s}
.footer_social a:after {opacity: 0}
.footer_social a[href]:after {opacity: 1}
.footer_social a[href]:before {opacity: 0}
.footer_social a[href]:hover:after {opacity: 0}
.footer_social a[href]:hover:before {opacity: 1}
.footer_social a.tw[href]:after {background-position: -4px -54px}
.footer_social a.tw[href]:before {background-position: -4px -4px}
.footer_social a.fb[href]:after {background-position: -54px -54px}
.footer_social a.fb[href]:before {background-position: -54px -4px}
.footer_social a.vk[href]:after {background-position: -104px -54px}
.footer_social a.vk[href]:before {background-position: -104px -4px}
.footer_social a.li[href]:after {background-position: -154px -54px}
.footer_social a.li[href]:before {background-position: -154px -4px}
.footer_social a.in[href]:after {background-position: -204px -54px}
.footer_social a.in[href]:before {background-position: -204px -4px}
.footer_social a.gp[href]:after {background-position: -254px -54px}
.footer_social a.gp[href]:before {background-position: -254px -4px}
.footer_social a.yt[href]:after {background-position: -304px -54px}
.footer_social a.yt[href]:before {background-position: -304px -4px}
.footer_social a.ok[href]:after {background-position: -354px -54px}
.footer_social a.ok[href]:before {background-position: -354px -4px}
.footer_social a.mw[href]:after {background-position: -504px -54px}
.footer_social a.mw[href]:before {background-position: -504px -4px}
.footer_contacts {width: 310px; position: absolute; top: 10px; right: 0; text-align: center; font-size: 11px; color: #959a9e; line-height: 130%}
.footer_contacts a {color: #959a9e; text-decoration: none}
.footer_contacts p {margin-bottom: 5px}
.footer_counter {position: absolute; opacity: 0; pointer-events: none}

.social {position: absolute; top: 10px; right: 10px}
.social a {margin: 0 2px; width: 28px; height: 20px; display: inline-block; position: relative}
.social a:before,
.social a:after {width: 28px; height: 20px; background-image: url(../images/ico_network.png); content: ''; position: absolute; left: 0; top: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; border-radius: 4px}
.social a:after {opacity: 0}
.social a[href]:after {opacity: 1}
.social a[href]:before {opacity: 0}
.social a[href]:hover:after {opacity: 0}
.social a[href]:hover:before {opacity: 1}
.social a.tw[href]:after {background-position: -11px -65px}
.social a.tw[href]:before {background-position: -11px -15px}
.social a.fb[href]:after {background-position: -61px -65px}
.social a.fb[href]:before {background-position: -61px -15px}
.social a.vk[href]:after {background-position: -111px -65px}
.social a.vk[href]:before {background-position: -111px -15px}
.social a.li[href]:after {background-position: -161px -65px}
.social a.li[href]:before {background-position: -161px -15px}
.social a.in[href]:after {background-position: -211px -65px}
.social a.in[href]:before {background-position: -211px -15px}
.social a.gp[href]:after {background-position: -261px -65px}
.social a.gp[href]:before {background-position: -261px -15px}
.social a.yt[href]:after {background-position: -312px -65px}
.social a.yt[href]:before {background-position: -312px -15px}
.social a.ok[href]:after {background-position: -365px -65px}
.social a.ok[href]:before {background-position: -365px -15px}
.social a.mw[href]:after {background-position: -493px -65px}
.social a.mw[href]:before {background-position: -493px -15px}

.about {position: relative; background-color: #f9fafb}
.about .wrap {padding: 15px 20px 20px; color: #4c4c4c}
.about h1 {margin: 20px 0 15px; font-weight: 300; font-size: 30px}
.about p {margin: 0 0 15px; font-size: 15px; line-height: 120%}

.news {display: inline-block}
.news_item.wide {margin-bottom: 35px; overflow: hidden}
.news_item.wide .news_image {border-radius: 0px; float: left}
.news_item.wide .news_image img {width: 100px; height: 100px; display: block}
.news_item.wide .news_content {margin-left: 120px; color: #4c4c4c}
.news_item.wide .news_content a {color: #4c4c4c; text-decoration: none}
.news_item.wide .news_content span {margin: 7px 0 0; font-size: 12px; display: block}
.news_item.wide .news_content h2 {margin-bottom: 10px; font-size: 18px; font-weight: 400}
.news_item.wide .news_content p {margin-bottom: 10px; font-size: 13px; line-height: 125%}
.news_item.wide.big {margin-bottom: 40px; width: 860px; overflow: visible; display: inline-block; position: relative}
.news_item.wide.big .news_image img {margin-bottom: 20px; width: 130px; height: 130px; border-radius: 10px}
.news_item.wide.big .news_content {margin-left: 160px}
.news_item.wide.big .news_content h2 {color: #000}
.news_item.wide.big > p,
.news_item.wide.big .news_content p {margin-bottom: 15px; font-size: 13px; line-height: 130%; color: #4c4c4c}
.news_item.wide.big > p {clear: both}
.news_item.wide.big:before {width: 1170px; content: ''; display: block; position: absolute; top: -30px; left: -15px; border-bottom: 1px dotted #afafaf}
.news_item.wide.big:first-child:before {display: none}
.news_item.wide span.type {width: 107px; height: 30px; background-image: url(../images/lines.png); font-size: 12px; text-transform: uppercase; line-height: 32px; text-indent: 10px; text-align: left; display: inline-block; position: relative; top: -2px; left: 10px}
.news_item.wide.type1 .type {background-position: 0 -53px}
.news_item.wide.type2 .type {background-position: -111px -53px}
.news_item.wide.type3 .type {background-position: -223px -53px}
.news_item.square {margin-left: 30px; width: 262px; float: left; position: relative}
.news_item.square:first-child {margin-left: 0}
.news_item.square .main_link {text-align: center; text-decoration: none; color: #4c4c4c; display: block; height: 500px;}
/*.news_item.square .main_link:after {width: 262px; height: 262px; content: ''; display: block; position: absolute; left: 0; top: 1px; pointer-events: none; background: url(../images/preview_bgr.png); z-index: 1}*/
.news_item.square .main_link img {margin-bottom: 30px; width: 262px; height: 262px; display: block; border-radius: 0px}
.news_item.square .main_link .type {width: 170px; height: 48px; position: absolute; background-image: url(../images/lines.png); top: 206px; left: -7px; font-size: 18px; line-height: 48px; text-indent: 10px; text-align: left; z-index: 2; display: none}
.news_item.square.type1 .main_link .type {background-position: -156px 0; color: #fff}
.news_item.square.type2 .main_link .type {background-position: -156px 0; color: #fff}
.news_item.square.type3 .main_link .type {background-position: -156px 0; color: #fff}
.news_item.square .main_link h2 {margin-bottom: 10px; font-size: 18px; font-weight: 400; height: 54px;}
.news_item.square .main_link p {text-align: left; margin-bottom: 10px; font-size: 13px; color: #434446; display: block; height: 130px; overflow: hidden;}
.news_item.square .main_link p::after {content: ''; position: absolute; left: 0; bottom: 45px; width: 100%; height: 45px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.news_item.square .main_link .button {margin: 0 auto; width: 117px; display: block}
.news_item.square .download_link {width: 70px; height: 70px; background-image: url(../images/socs_small.png); position: absolute; display: block; top: 184px; right: 9px; z-index: 2; border-radius: 20px}
.news_item.square .download_link.gp {background-position: 0 0}
.news_item.square .download_link.st {background-position: -70px 0}
.news_item.square .download_link.ap {background-position: -140px 0}
.news_item.square .download_link.vk {background-position: -210px 0}
.news_item.square .download_link.fb {background-position: -280px 0}
.news_item.square .download_link.ok {background-position: -350px 0}
.news_item.square .download_link.pc {background-position: -420px 0}
.news_item.square .download_link.br {background-position: -490px 0}
.news_item.square .download_link.pg {background-position: -560px 0}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px; -moz-border-radius:4px;    border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);    box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../images/fancybox_dd_btns.png);}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url(../images/fancybox_loading.gif) center center no-repeat;}
.fancybox-close{position:absolute;top:-30px;right:-30px;width:60px;height:60px;cursor:pointer;z-index:8040;}
.fancybox-close:hover{background-position: 0 -60px;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../images/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:-30px;background-position:60px 0;}
.fancybox-prev span:hover{background-position:60px -60px;}
.fancybox-next span{right:-29px;background-position:120px 0;}
.fancybox-next span:hover{background-position:120px -60px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
/* Overlay helper */
.fancybox-lock{overflow:hidden !important;  width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../images/fancybox_overlay.png);}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
/* Title helper */
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}

@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../images/fancybox_sprite@2x.png);background-size:44px 152px}
    #fancybox-loading div{background-image:url(../images/fancybox_loading@2x.gif);background-size:24px 24px}
}

/* Global */
.jBox-wrapper {text-align: left}
.jBox-wrapper, .jBox-wrapper * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.jBox-title, .jBox-content, .jBox-container {position: relative; word-break: break-word}
.jBox-container {background: #fff}
.jBox-content {padding: 8px 10px; overflow: auto; -webkit-transition: opacity .15s; transition: opacity .15s}
/* jBox Tooltip */
.jBox-Tooltip .jBox-container, .jBox-Mouse .jBox-container {border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.jBox-Tooltip .jBox-title, .jBox-Mouse .jBox-title {padding: 15px 15px 0; font-size: 15px; font-weight: 700; color: #007be8}
.jBox-Tooltip .jBox-title span, .jBox-Mouse .jBox-title span {font-size: 13px; font-weight: 400; color: #959a9e}
.jBox-hasTitle.jBox-Tooltip .jBox-content, .jBox-hasTitle.jBox-Mouse .jBox-content {font-size: 13px; padding: 7px 15px 15px; color: #4c4c4c}
/* Pointer */
.jBox-pointer {position: absolute; overflow: hidden}
.jBox-pointer-top {top: 0}
.jBox-pointer-bottom {bottom: 0}
.jBox-pointer-left {left: 0}
.jBox-pointer-right {right: 0}
.jBox-pointer-top, .jBox-pointer-bottom {width: 30px; height: 12px}
.jBox-pointer-left, .jBox-pointer-right {width: 12px; height: 30px}
.jBox-pointer:after {content: ''; width: 20px; height: 20px; position: absolute; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.jBox-pointer-top:after {left: 5px; top: 6px; box-shadow: -1px -1px 4px rgba(0, 0, 0, .2)}
.jBox-pointer-right:after {top: 5px; right: 6px; box-shadow: 1px -1px 4px rgba(0, 0, 0, .2)}
.jBox-pointer-bottom:after {left: 5px; bottom: 6px; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2)}
.jBox-pointer-left:after {top: 5px; left: 6px; box-shadow: -1px 1px 4px rgba(0, 0, 0, .2)}
/* jBox Modal & jBox Confirm */
.jBox-Modal .jBox-container, .jBox-Confirm .jBox-container {border-radius: 3px; box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4)}
.jBox-Modal .jBox-title, .jBox-Confirm .jBox-title {border-radius: 3px 3px 0 0; padding: 10px 15px; background: #f4f5f6; border-bottom: 1px solid #ddd; text-shadow: 0 1px 0 #fff}
.jBox-Modal.jBox-closeButton-title .jBox-title, .jBox-Confirm.jBox-closeButton-title .jBox-title {padding-right: 55px}
.jBox-Modal.jBox-closeButton-box:before, .jBox-Confirm.jBox-closeButton-box:before {box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4)}
/* jBox Modal */
.jBox-Modal .jBox-content {padding: 12px 15px}
/* jBox Confirm */
.jBox-Confirm .jBox-content {text-align: center; padding: 45px 35px}
.jBox-Confirm-footer {border-top: 1px solid #e2e2e2; background: #fafafa; border-radius: 0 0 3px 3px; text-align: center; padding: 10px 0}
.jBox-Confirm-button {display: inline-block; cursor: pointer; font-size: 15px; line-height: 30px; height: 30px; border-radius: 3px; padding: 0 20px; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s}
.jBox-Confirm-button-cancel {text-shadow: 0 1px 1px rgba(255, 255, 255, .6); background: #ddd; color: #999; margin-right: 25px}
.jBox-Confirm-button-cancel:hover {background: #ccc; color: #666}
.jBox-Confirm-button-submit {text-shadow: 0 -1px 1px rgba(0, 0, 0, .2); background: #5fc04c; color: #fff}
.jBox-Confirm-button-submit:hover {background: #53a642}
.jBox-Confirm-button-cancel:active, .jBox-Confirm-button-submit:active {box-shadow: inset 0 1px 3px rgba(0, 0, 0, .26)}
/* jBox Notice */
.jBox-Notice {-webkit-transition: margin .2s; transition: margin .2s}
.jBox-Notice .jBox-container {border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); color: #fff; text-shadow: 0 -1px 0 #000; background: #333; background-image: linear-gradient(to bottom, #444, #222)}
.jBox-Notice .jBox-content {border-radius: 3px; padding: 12px 20px}
.jBox-Notice .jBox-title {padding: 8px 20px 0; font-weight: bold}
.jBox-hasTitle.jBox-Notice .jBox-content {padding-top: 5px}
.jBox-Notice-color .jBox-container {text-shadow: 0 -1px 0 rgba(0, 0, 0, .3)}
.jBox-Notice-gray .jBox-container {color: #666; text-shadow: 0 1px 0 #fff; background: #f4f4f4; background-image: linear-gradient(to bottom, #fafafa, #f0f0f0)}
.jBox-Notice-red .jBox-container {background: #b02222; background-image: linear-gradient(to bottom, #ee2222, #b02222)}
.jBox-Notice-green .jBox-container {background: #70a800; background-image: linear-gradient(to bottom, #95cc2a, #70a800)}
.jBox-Notice-blue .jBox-container {background: #2b91d9; background-image: linear-gradient(to bottom, #5abaff, #2b91d9)}
.jBox-Notice-yellow .jBox-container {color: #744700; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); background: #ffb11f; background-image: linear-gradient(to bottom, #ffd665, #ffb11f)}
/* jBox Image */
.jBox-Image {background: #fff; padding: 8px 8px 45px; border-radius: 5px}
.jBox-Image .jBox-content {padding: 0; width: 100%; height: 100%}
.jBox-image-container {border-radius: 5px; background: #fff center center no-repeat; position: absolute; width: 100%; height: 100%; opacity: 0}
.jBox-image-label {box-sizing: border-box; position: absolute; background: #fff; top: 100%; left: 0; width: 100%; color: #333; margin-top: -35px; padding: 0 90px 5px 10px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0}
.jBox-image-label.active {opacity: 1}
.jBox-image-pointer-next, .jBox-image-pointer-prev {position: absolute; bottom: 0; width: 22px; height: 45px; background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=); background-size: 11px auto; cursor: pointer; opacity: .6; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .2s; transition: opacity .2s}
.jBox-image-pointer-next:hover, .jBox-image-pointer-prev:hover {opacity: 1}
.jBox-image-pointer-next {right: 8px; -webkit-transform: scaleX(-1); transform: scaleX(-1)}
.jBox-image-pointer-prev {right: 30px}
.jBox-image-open #jBox-overlay {background-color: rgba(0, 0, 0, .86)}
.jBox-Image.jBox-loading .jBox-container:before {left: auto; top: auto; bottom: -33px; right: 55px; margin-top: -9px; margin-left: -9px}
/* Close button */
.jBox-closeButton { cursor: pointer; position: absolute}
.jBox-closeButton svg {position: absolute; top: 50%; right: 50%}
.jBox-closeButton path {-webkit-transition: fill .2s; transition: fill .2s}
.jBox-closeButton path {fill: #aaa}
.jBox-closeButton:hover path {fill: #888}
.jBox-closeButton:active path {fill: #666}
/* Close button in overlay */
#jBox-overlay .jBox-closeButton {top: 0; right: 0; width: 40px; height: 40px}
#jBox-overlay .jBox-closeButton svg {width: 20px; height: 20px; margin-top: -10px; margin-right: -10px}
#jBox-overlay .jBox-closeButton path {fill: #d2d4d6}
#jBox-overlay .jBox-closeButton:hover path {fill: #fff}
#jBox-overlay .jBox-closeButton:active path {fill: #b2b4b6}
/* Close button in title */
.jBox-closeButton-title .jBox-closeButton {top: 0; right: 0; bottom: 0; width: 40px}
.jBox-closeButton-title .jBox-closeButton svg {width: 12px; height: 12px; margin-top: -6px; margin-right: -6px}
/* Close button in box */
.jBox-closeButton-box .jBox-closeButton {top: -8px; right: -10px; width: 24px; height: 24px; background: #fff; border-radius: 50%}
.jBox-closeButton-box .jBox-closeButton svg {width: 10px; height: 10px; margin-top: -5px; margin-right: -5px}
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {background: #f4f5f6}
.jBox-closeButton-box:before {content: ''; position: absolute; top: -8px; right: -10px; width: 24px; height: 24px; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.jBox-pointerPosition-top.jBox-closeButton-box:before {top: 4px}
.jBox-pointerPosition-right.jBox-closeButton-box:before {right: 2px}
/* Overlay */
#jBox-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background-color: rgba(0, 0, 0, .6)}
/* Block scrolling */
body[class^="jBox-blockScroll-"], body[class*=" jBox-blockScroll-"] {overflow: hidden}
/* Draggable */
.jBox-draggable {cursor: move}
/* Spinner */
@keyframes jBoxLoading { to {transform: rotate(360deg)} }
@-webkit-keyframes jBoxLoading { to {-webkit-transform: rotate(360deg)} }
.jBox-loading .jBox-content {min-height: 32px; min-width: 38px; opacity: 0}
.jBox-spinner {position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px}
.jBox-spinner:before {content: 'Loading…'; display: block; width: 20px; height: 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box}
.jBox-spinner:not(:required):before {content: ''; border-radius: 50%; border: 2px solid rgba(0, 0, 0, .3); border-top-color: rgba(0, 0, 0, .6); animation: jBoxLoading .6s linear infinite; -webkit-animation: jBoxLoading .6s linear infinite}
/* IE8 fixes */
.jBox-IE8.jBox-Tooltip .jBox-container,
.jBox-IE8.jBox-Mouse .jBox-container {border: 1px solid #aaa}
.jBox-IE8 .jBox-pointer:after {display: none}
.jBox-IE8 .jBox-pointer {border: 0; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNq01l0OwyAIAGAlvY+n8ZJ6Gk/EqqkNtf7ApCQ+LM34iuCmRUQzihjj6FH+kjWL8N4/Ph9GHpiTnC9SwDbhLGyvspSScc71KkOa/HpuuRhIK+psE2pjONouCQg7kBSEXUgC2tHo52mTTBpnaEATWlaYK6MrhIAaceWpOcsCrYp6FV4H/90zTWjUQ/gSevVQq0ecHqoOxWpYoO7p5O9ku2fnVtp7QAik2rsK3fnpWfjynJWpbw+1BkghurrYDjiCptg/4AxaYhJwBbEwDsiB2NgM5EIirAdKIDFGQSmU1+NaIPjJYt2I25vxT4ABAMhWvtle2YvmAAAAAElFTkSuQmCC)}
.jBox-IE8 .jBox-pointer-top { background-position: center top}
.jBox-IE8 .jBox-pointer-bottom { background-position: center bottom}
.jBox-IE8 .jBox-pointer-left { background-position: left center}
.jBox-IE8 .jBox-pointer-right { background-position: right center}
.jBox-IE8.jBox-Modal .jBox-container {border: 3px solid #aaa}
/* No SVG support fixes */
.jBox-nosvg .jBox-closeButton:before {font-family: Verdana, sans-serif; content: 'x'; text-align: center; font-size: 18px; color: #888}

/*
@media all and (min-width: 1000px) and (max-width: 1200px) {
    body {min-width: 990px}
    .wrap {width: 990px}
    .header_logo {left: 20px}
    .header_lang {right: 20px}
    .main_awards .wrap {width: 990px !important}
    .news_item.square {margin-left: 80px; display: none}
    .news_item.square:nth-child(1),
    .news_item.square:nth-child(2),
    .news_item.square:nth-child(3) {display: inline-block}
    .footer_logo {left: 20px}
    .footer_logo:hover {left: 20px}
    .crumbs h1 {margin-right: 10px}
    .awards {margin: -17px -20px 0 -15px}
    .award {width: 445px}
    .news {width: 964px; overflow: hidden}
}

@media all and (max-width: 999px) {
    .header {height: auto; position: fixed; left: 0; right: 0; top: 0; z-index: 10000}
    .header .wrap {transition: top .3s, height .3s; height: 70px; top: 0; overflow: hidden}
    .header.compact .wrap {height: 0; top: -70px}
    .header + * {margin-top: 120px}
    .header_logo {top: 5px; left: 0; margin: 12px 0 10px 5%; position: relative; float: left}
    .header_lang {top: 4px; right: 0; margin: 12px 3% 10px 0; position: relative; float: right}
    .header_menu {border-top: 1px solid rgba(255,255,255,.5); position: relative; clear: both}
    .header_menu, .header_menu .menu_item, .header_menu .menu_item > a {height: 50px !important; line-height: 50px !important}
    .header_menu .menu_item {padding: 0 !important}
    .header_menu .menu_item > a {padding: 0 10px !important; text-transform: uppercase; font-size: 14px}
    .header_menu .menu_item.has_submenu > a {pointer-events: none}
    .header_menu .submenu a {border-top: 1px dashed rgba(255,255,255,.3) !important; display: block; height: 50px; line-height: 50px}
    .header_menu .submenu a:first-child {border-top: 0 !important}
    .header_menu .submenu.games a {margin: 0; width: auto; display: block}

    .about p {line-height: 150%}

    .news_item.wide.big {width: 100%}
    .news_item.wide .news_image {margin: 0 auto 15px; width: 262px; height: 262px; float: none}
    .news_item.wide .news_image img,
    .news_item.wide.big .news_image img {margin: 0 auto; width: 262px; height: 262px}
    .news_item.wide .news_content {margin: 15px 0 0 0}
    .news_item.square {float: none; margin: 0 auto 30px !important}
    .news_item.wide.big .news_content {margin-left: 0}

    .pages a {padding: 0 15px}
    .pages a[href] {padding: 0 10px; display: none}
    .pages a[href].mobile {display: inline-block}

    html,body,.wrap {min-width: 100%; width: 100%; max-width: 100%}
    .main_awards {display: none}
    .news {width: 100%; overflow: hidden}
    .footer .copyright {padding: 80px 0 20px}
    .footer .copyright span {display: block}
    .footer_contacts {width: auto; left: 0; top: 0}
    .footer_logo, .footer_menu {display: none}

    .text h2, .text p, .text ul {width: auto}
    .crumbs .wrap {padding: 0}
    .crumbs h1 {display: none}
    .crumbs nav a {width: 100%; margin: 0 0 1px 0}

    .partner img {margin: 0 0 20px; float: none}
    .partner_content {margin-left: 0}

    .images_block .image {width: 100%}
    .images_block .image img {width: 100%}
    .awards {margin: -17px -15px 0 -15px}
    .award {width: 100%; margin-right: 0; padding: 20px 15px; box-sizing: border-box}
    .award_image {width: 100%; margin: 0 0 15px; text-align: center}
    .award_image img {margin: 0 auto}

    .header_menu .submenu.games a, .header_menu .submenu.games a img {height: 102px !important}

    .header_menu .menu_item.open .submenu.games {display: block; opacity: 0; pointer-events: none}
    .header_menu .menu_item.open:hover .submenu.games {display: block; opacity: 1; pointer-events: auto}

    .form input[type="text"],
    .form input[type="email"],
    .form textarea {width: 100%; float: none}
    .form label span {padding: 0 0 15px; margin-left: 0}
    .form .button {margin-bottom: 15px; width: 100%; display: block; float: none}

    .slider {display: none}

    .small_market_links a {width: 35px; height: 35px; display: inline-block; background-size: 350px 35px; background-image: url(../images/socs_small.jpg)}
    .small_market_links .gp {background-position: 0 0}
    .small_market_links .st {background-position: -35px 0}
    .small_market_links .ap {background-position: -70px 0}
    .small_market_links .vk {background-position: -105px 0}
    .small_market_links .fb {background-position: -140px 0}
    .small_market_links .ok {background-position: -175px 0}
    .small_market_links .pc {background-position: -210px 0}
    .small_market_links .br {background-position: -245px 0}
    .small_market_links .pg {background-position: -280px 0}
    .small_market_links .mw {background-position: -315px 0}
    .game_image .small_market_links {position: absolute; right: 0; bottom: -5px;}
}
*/

/* Screenshot Scroll */
.screenshots_scroll {width: 100%; height: 186px; overflow: auto}
.screenshots_scroll a {display: block; float: left}
.screenshots_scroll a img {max-height: 160px; border-radius: 10px; margin: 0 12px 0 0}
.screenshots_scroll a[href] img {opacity: .8; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s}
.screenshots_scroll a[href]:hover img {opacity: 1}
.screenshots_wrap {height: 186px}
.scroll-pane {width: 100%; height: 186px; overflow: auto; overflow-y: hidden}
.horizontal-only {height: auto; max-height: 186px}
.jspTrack {background: #d0d5d9}
.jspDrag {background: #62b5ff}
.jspVerticalBar {display: none}
.game_link {position: absolute; right: 0; bottom: 0;}
.game_link a {margin-bottom: 7px;  font-size: 13px;color: #c2c2c2; top: 0;}
.game_image {margin: 0 -15px 40px -15px; position: relative}
.game_image img {width: 100%; display: block}
.game_image .small_market_links {position: absolute; right: 0; bottom: -10px;}
.game_image .small_market_links a {margin: 0; display: block; float: left; border-radius: 0}

/* forms error */
.form ul.errorlist {margin: -5px 0 10px 0; padding: 0; font-size: 10px; color: #ff0000; line-height: 100%;}
.form ul.errorlist li {list-style-type: none;}
.form ul.errorlist li:before {content: '';}
.g-recaptcha {margin-bottom: 10px;}

.en_image {display: block; margin: 0 auto; max-width: 900px; width: 100%;}

.text_404 {position: relative}
.text_404 p {position: absolute; text-align: left; font-size: 24px; color: #4c4c4c; top: 530px; line-height: 120%}
.text_404 p a {color: #007be8}