/* --основное--*/ #bottomInfoBar {display:none;} body {background:#f5f5f5; margin: 0px; padding: 0px; color: #333; font: 17px/1.5 Helvetica,Arial,sans-serif; text-align:left; -webkit-text-size-adjust: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } img,form {border:0;margin:0;} img {outline: none!important;} a,input {outline:none;} a {text-decoration:none;} a:hover {text-decoration:underline;} h1 {font: 22px Helvetica; color: #000;} h2 {font: 22px Helvetica; color: #000;} h3 {font: 22px Helvetica; color: #000;} h4, h5, h6 {font: 18px Helvetica;} h1,h2, h3, h4, h5, h6 {font-weight:normal;margin:0px 0;padding:0;} .clr, .cb {clear:both;} .dn {display:none;} .right_a, .right {float: right;} .left_a, .left {float: left;} .center {text-align:center;} a:link {text-decoration:none; color:#1265BA;} a:visited {text-decoration:none; color:#1265BA;} a:hover {text-decoration:underline; color:#DC4300;} a:active {text-decoration:underline; color:#1265BA;} .d_no, .d_no:hover, .d_no:visited {text-decoration:none!important;} hr {height:1px;border:none;background:#ddd;} label {cursor:pointer;cursor:hand} textarea {resize: vertical; padding:5px; overflow:auto!important;} .x-sh, .xw-hdr-text {display:none!important;} .xw-tl, .xw-tr, .xw-tc, .xw-ml, .xw-mr, .xw-bl, .xw-br, .xw-bc, .xw-blank, .myWinCont, .xw-mc, .xw-body {border:0px !important; background:#FFF !important;} .myBtnCenter {border:1px solid #ccc!important; font-weight:bold;} .myBtnLeft, .myBtnRight {border:0px solid #bbb!important; background:#FFF !important;} .xw-plain {border:1px solid #666 !important; background:#FFF !important; padding:2px!important; border-radius: 5px;} .myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt {font: 14px/1.5 Arial!important;} dl {margin: 0px;} /* --добавление--*/ .bbQuoteName {display:none;} .quoteMessage { color: #666; text-align:left; border-color: #DC4300!important; border-width: 0px 0px 0px 5px!important; max-height: 100%!important; padding: 10px 0px 10px 40px;} #iM39 {vertical-align: top;} #iM38 span[id*="iCode"] {padding: 0px; margin: 0px;} /* --каркас--*/ .wrapper {margin:0 auto;} #casing {padding:0px 0px 40px; max-width: 1200px; margin: auto auto; background:#fff; border: 1px solid #bbb;} #header {background:#000; height:43px; position: fixed; width: 100%; z-index: 10; top: 0px;} #content {float:left; background:#fff;} .sidebar_block {margin: 0 0 40px; float:left; max-width: 100%; min-width:300px; text-align: center;} .sidebar_block div {margin-left: auto; margin-right: auto;} .position_sticky {position: sticky; top: 80px; margin: 0px 0px 33px;} #bottom {max-width: 1202px; margin: auto;} footer {background:#000; margin: 0px; padding: 0px;} header {margin: 0px; padding: 0px;} .up_banner_line {background: #fcf2dd; text-align: center; font: 12px Arial; color: #000!important; padding: 2px; position: fixed; top: 42px; width: 100%; z-index: 10;} .up_banner {width:100%; height:100%; margin: 43px 0px 0px; background: #f5f5f5; overflow:hidden; display:none; z-index: 1;} .up_banner img {width: 100%;} @media screen and (max-width: 768px) {#casing {padding:0px;} .up_banner {display:block;}} @media screen and (min-width: 769px) {.up_banner_line {display:block;}} .oTitle {border-bottom: 3px solid #000;padding: 5px 3px 5px; font: bold 12px Helvetica,Arial;color: #000;margin: 0px 0px 15px; text-transform: uppercase;text-align: center;-webkit-text-size-adjust: none;height: auto!important;} /* --menu--*/ .up_panel_logo {background: url(/img/up_panel/app-s32.png) no-repeat 20% 50% #000; width: 80px; height: 42px; display: block; position: absolute; left:0; top:0; background-size: 80%; } nav {max-width:1202px; margin: 0px auto; position:relative;} .scrollUp {position:absolute; padding: 9px 10px 8px; top:0px;left:75px;display:none;color:#fff;font-size:17px; opacity: 0.7;} .scrollUp:hover {cursor: pointer; opacity: 1;} nav ul, nav li, nav a {margin: 0; padding: 0; font-size:14px;} .toggleMenu {display: none; height: 43px; position: absolute; padding: 0px 20px; top: 0px; color: #fff!important; font: 40px Arial; text-decoration:none!important; background: url(/img/icons/menu.png) center center no-repeat; background-size: 55%;} .nav {list-style: none; *zoom: 1; background:#000; margin-left: 110px;} .nav:before,.nav:after { content: " "; display: table; } .nav:after {clear: both;} .nav ul {list-style: none;} .nav a {padding: 10px 16px 11px; color:#bbb;} .nav li {position: relative;} .nav > li {float: left; margin-top:1px;} .nav > li > a {display: block;} .nav li ul {position: absolute;left: -9999px;} .nav > li.hover > ul {left: 0;} .nav li li.hover ul { left: 100%; top: 0;} .nav li li a {display: block;background: #111; position: relative;z-index:100; border-top: 1px solid #ddd; min-width: 175px;} .nav li li li a {background:#222;z-index:200;border-top: 1px solid #ddd;} .nav a:hover {background:#333; color: #fff; text-decoration:none!important;} .nav_important a {color:#9dc448;} .lisearch {float:right!important; margin-right:100px; background: url('/img/icons/search.png') no-repeat center center;} .lisearch a {height:21px;} .lisearch a:hover {background: url('/img/icons/search.png') no-repeat center center #333!important;} #u_cell_in {cursor: pointer; position: absolute; right: 0px; top: 0; min-width: 60px; text-align: right; padding: 5px;} #u_cell_in img {width:28px; height:28px; border-radius: 30px; border: 2px solid #eee;} #u_cell_in .u_cell_menu {display:none; position:absolute; z-index:200; background:#fff; border: solid #ccc; border-width: 0px 1px 1px; width: 250px; height: auto; top: 43px; right: 0px; padding: 0px 0px 10px; overflow: hidden; margin:0px;} #u_cell_in:hover .u_cell_menu {display:block;} #u_cell_in:hover img {border: 2px solid #DC4300;} .u_cell_menu a {text-align: center; font: 14px Helvetica, Arial; display: block; padding:3px 15px 7px; color: #666!important; text-decoration:none!important;} .u_cell_menu a:hover {color: #DC4300!important;} .u_cell_name {text-align: center; font: bold 18px Helvetica, Arial; display: block; padding:10px 15px;} .u_cell_but {border-radius:2px; cursor:pointer; background: #9dc448; padding: 5px 20px; font: 14px/33px Arial; color:#fff!important; text-decoration:none!important; height:50px;} .u_cell_but:hover {background: #499CF1;} .u_cell_score {display:block; background: #f5f5f5; padding: 10px 2px; margin: 0px 0px 10px;} .u_cell_grade {float:left; color: #fff;} .u_cell_grade .user_score_grade {text-align:right; padding: 7px 10px;} .u_cell_grade .user_score_number, .u_cell_grade .user_score_text {display:none;} @media screen and (min-width: 767px) and (max-width: 1242px) {.u_cell_but{margin-right:10px;}} @media screen and (max-width: 996px) { .up_panel_logo {position: static; margin: auto;} .active {display: block;} .nav {margin-left: 0px; display:none;} .scrollUp {left: 40px; top: 1px;} .nav > li {float: none; border-top: 1px solid #444;} .nav ul {display: block; width: 100%;} .nav > li.hover > ul , .nav li li.hover ul {position: static;} .nav a {display:block; padding: 10px 0px 10px 40px; width: auto; font-size: 12px;} .nav li li a {border-top: 1px solid #444; padding-left: 80px;} .nav li li li a {border-top: 1px solid #444; padding-left: 120px;} .lisearch {float:none!important; width:100%; background: url('/img/icons/search.png') no-repeat 40px center;} .lisearch a:hover {background: url('/img/icons/search.png') no-repeat 40px center #333!important;} #u_cell_in img {margin: 0px 5px;} .u_cell_but {margin-right:5px; background:none!important; font-size: 12px; padding: 5px 0px;} } #_uwndTop1, #simplemodal-container { top: 70px!important;} /* --bottom--*/ #bot-box {font: 12px/1.5 Helvetica,Arial,sans-serif;} .bot-box {float:left; padding:20px 40px 40px; color:#fff; margin:10px 0px;} .bot-box:first-child {padding: 35px 0px; width: 220px;} .bot-box:nth-child(2) {float:right; text-align:right; border: solid #DC4300; border-width: 0px 2px 0px 0px;} .about {color: #fff!important; font-weight:bold; margin-bottom:2px; display:block;} .about:hover {color: #DC4300!important;} .social_but {padding: 0px 0px 8px;} .s_vkontakte {background: url('/img/content_img/social_icon/vk.png') no-repeat center center;} .s_vkontakte:hover {background-color: #597da3;} .s_twitter {background: url('/img/content_img/social_icon/tw.png') no-repeat center center;} .s_twitter:hover {background-color: #00acee;} .s_rss {background: url('/img/content_img/social_icon/rss.png') no-repeat center center;} .s_rss:hover {background-color: #ff6600;} .s_facebook {background: url('/img/content_img/social_icon/fb.png') no-repeat center center;} .s_facebook:hover {background-color: #3B5998;} .s_telegram {background: url('/img/content_img/social_icon/tg.png') no-repeat center center;} .s_telegram:hover {background-color: #0088cc;} .social_text {font: bold 10px/1.0 Helvetica; color: #fff; text-transform: uppercase; text-align: center;} a.sbb, .sbb a {display:inline-block;text-decoration: none; margin: 3px; width: 30px; height: 30px; border: 2px solid #aaa; background-color: #444; border-radius: 32px;} a.sbb:hover, .sbb a:hover {border: 2px solid #fff; transition: all .5s;} .powered_by {text-align: right; font: 12px Helvetica,Arial,sans-serif!important; color: #999; position: relative; top: -45px; right: 42px; max-width: 1202px; margin: 0 auto;} .powered_by a {color:#fff!important;} /* --контент новостей--*/ .Title, .title_dir {padding: 35px 40px 0px; text-align:left; font: 32px/1.5 Helvetica,Arial; color:#000; text-decoration: none!important;} .title_dir {text-align: center;} .title_P0 {padding: 0px;} .content_bar {text-align:left; font:17px/1.8 Helvetica,Arial; color:#666; position: relative; padding: 20px 0px; border-top: 1px solid #d5d5d5; z-index: 0; min-height: 10px;} .content_bar span, .mMess_bar span {padding: 0px 10px;} .content_bar_cat {float:left; z-index: 1;} .comments {padding: 0px 0px 0px 25px!important; background: url('http://app-s.ru//img/icons/comm.png') no-repeat left; position: absolute; right: 0px;} .com_hide {color: #666!important; font: 14px Arial; display:block; padding: 25px 0px 10px; text-align:center; border: solid #eee; border-width: 1px 0px 0px;} .com_m {right: 5px;} .views {padding: 0px 0px 0px 25px!important; background: url('http://app-s.ru//img/icons/view.png') no-repeat left; position: absolute; right: 57px;} .vie_m {right: 60px;} .moder {position: absolute; opacity:0.8; right: 20px; top: 30px; z-index: 10;} .top_text {position: absolute; top: -150px; left: 5px; background-color: rgba(255, 255, 255, 0.8); color: #000; padding: 0px 10px;} .content_bar_cat a {color: #fff;} .content_up_bar {text-align:left; font:17px/1.8 Helvetica,Arial; color:#666; position: relative; padding: 5px 50px 5px 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 30px 40px 0px;} .content_up_bar a {color: #fff;} .content_up_bar span {padding: 0px 5px;} .cat_an {border: 1px solid #fa4b2a; background: #fa4b2a;} .cat_an:hover {background:#fa4b2a!important;} .cat_jail {border: 1px solid #000; background: #444;} .cat_jail:hover {background:#000!important;} .cat_free {border: 1px solid #005853; background: #008078;} .cat_free:hover {background:#005853!important;} .cat_preview {border: 1px solid #238DCD; background: #59A3D0;} .cat_preview:hover {background:#238DCD!important; } .cat_release {border: 1px solid #00910D; background: #6BB22A;} .cat_release:hover {background:#00910D!important; } .cat_review {border: 1px solid #5D2ADA; background: #7A49F0;} .cat_review:hover {background:#5D2ADA!important;} .cat_other {border: 1px solid #FF7E00; background: #ffb400;} .cat_other:hover {background:#FF7E00!important; } .lw {color: #fff!important; padding: 2px 7px; margin-right: 7px; border-radius: 2px; white-space: nowrap;} .lw:hover {color: #fff!important; text-decoration: none;} .news_img img {width: 100%; margin: 0px 0px 20px;} .uSocial_bar {height: 40px; width: 160px; margin: 0px auto;} .content_up_bar .uSocial-Share {display: inline!important;} .content_up_bar .uSocial-Share div {margin: 0px 0px -5px;} .news_desc {margin: 10px 0px 25px; font: 20px/1.5 Helvetica; color:#000;} .uSocial_top {margin: 20px auto 0px;font: bold 12px/2.0 Arial; color: #666; text-align: center;} .text {padding: 10px 0px; text-align: justify; font: 17px/1.5 Helvetica,Arial,sans-serif;} .text img, .text iframe {width: 100%; max-width: 100%;} .text ul {list-style-type:none; margin: 20px 0px 30px; color: #000;} .text ul li, .text ol li {padding: 4px 0px;} .text ul li:before {color: #d85117; content: "•"; margin-left: -17px; padding-right: 10px; font: 14px/1.5 Verdana;} .text .video_iframe {height: 0; position: relative; padding-bottom: 56.25%; display: inline-block; width: 100%;} .text .video_iframe iframe, .text .video_iframe object {position: absolute; left: 0; top: 0px; width: 100%; height: 100%;} .text h2, .text h3, .text h4, .text h6 {margin: 35px 0px 10px;} .text .two-img {display: inline-block; width: 49%; text-align: center;} .text .two-img img {width: auto; max-width: 100%;} .text .single-img {width: 100%; text-align: center;} .ima {width:150px; height: 150px; float:left; margin:3px 20px 10px -2px !important; padding: 3px;} .im_full {overflow: hidden; text-align:center; margin:25px 0px; padding: 10px 0px; dispay:block;} .im_full img {dispay:block;} .im_full a:hover {cursor: url('/img/icons/img_zoom.png'), auto; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);} .text img[align="left"]{float:left; margin:5px 25px 5px 0px !important; width: auto;} .text img[align="right"]{float:right; margin:5px 0px 5px 25px !important; width: auto;} .text div[align="center"] img {width:auto; max-width: 100%;} .ul_news {float:none!important;} .grayscale {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} /* инф новостей */ .news_inf_b {padding: 0px 1px; box-sizing: border-box; position:relative; width: 296px; float:left; display:block; text-align:left; color: #fff!important; text-decoration:none!important; margin: -1px 0px; font: bold 14px/1.4 Helvetica;} .news_inf_b:hover {-webkit-filter: contrast(140%);} .news_inf_b img {width: 100%; border:0;} .news_inf_b {width:25%; border: 0px;} .news_inf_b span {padding: 0px 10px; display: block; text-decoration: none; text-shadow: 2px 2px 2px black, 0em 1em 1em black; position: absolute; bottom: 25px; text-align:right;} @media only screen and (max-width: 1000px) {.news_inf_b {width:50%;} .news_inf_b {font: bold 13px/1.4 Helvetica;}} @media only screen and (max-width: 400px) {.news_inf_b {width:100%;}} /* инф статей/раздел */ .publ_cell {margin: 0px 0px 60px; display:block; text-decoration:none!important;} .publ_cell:hover h3 {color: #DC4300!important;} .publ_cell .text {padding: 20px 0px 20px 140px; color: #000;} .publ_cell img {float:left; width: 100px; height: 100px; margin: 0px 40px 0px 0px} @media screen and (max-width: 550px) {.publ_cell .text {padding: 40px 0px 20px 0px;} .publ_cell h3 {min-height: 75px;}} .publ_cell_inf {display:block; text-decoration:none!important; width: 50%; font-size: 12px; float:left; color: #000!important; padding: 5px; box-sizing: border-box; margin: 0px 0px 20px; height: 180px; overflow:hidden;} .publ_cell_inf img {border-radius: 70px; height: 70px; width: 70px; border: 2px solid #ccc; padding: 2px; float:left; margin: 0px 20px 0px 0px;} .publ_inf_title {font-size: 18px; min-height: 70px; display:block; margin: 0px 0px 20px;} .publ_cell_inf:hover .publ_inf_title {color: #DC4300!important;} @media screen and (max-width: 750px) {.publ_cell_inf {width:100%;}} /* юзер ньюс */ .user_news_cell {width: 100%; height:80px; display: block; position:relative; margin: 0px 0px 15px; font: bold 12px/18px Arial; text-decoration:none!important; color: #000!important;} .user_news_cell:hover {color: #DC4300!important;} .user_news_img {float:left; width: 135px; padding: 2px 5px 0px 0px;} .user_news_title {display:block;} .user_news_bar {display: block; padding: 10px 0px 0px; font-weight:normal;} .user_news_bar span {position:relative; left: 10px;} .addBut {margin: 0px 0px 10px; border-radius: 2px!important; cursor:pointer;text-decoration:none!important; display:block; box-sizing: border-box; text-align:center; color:#000!important; border: 1px solid #666; background: none; padding: 8px 38px!important;} .addBut:hover {background:#DC4300!important; color: #fff!important;} /* input и прочее */ input[type=submit], input[type=reset], input[type=button] {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;} input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {background: #222; color: #fff;} input:focus, textarea:focus {outline: none; box-shadow:inset 0px 0px 1px 1px #222;} input[type=text], input[type=password] {cursor:text;} input[type=submit] [type=radio] {vertical-align: middle;} input, select {padding: 3px; vertical-align: middle; border:1px solid #bbb!important; background: #f9f9f9; font: 14px Helvetica,Arial; color: #000;} input {cursor: pointer;} input[id*="fln"] {position:relative;} input[type=file]:before {content: "Выбрать jpg-изображение";width:260px; padding: 5px; top: 0px; left: 0px; display: inline-block; border: 1px solid #aaa; background: #fff; color: #999; cursor: pointer; visibility:visible; position: absolute; text-align: center;} input[type=file] {border-width: 0px!important; margin: 10px 0px 0px; } .add_img {min-width: 28px; display: inline-block; font-size: 0px; display:block; margin: 40px auto 0px; max-width: 300px; text-align:center; } .added { font-size: 12px;} .iPhotoPrev {max-width:85px!important;} textarea {} #subcomment {font: 17px Arial; padding: 10px;} .myWinCont fieldset {border: 0px!important;} select {padding:0px;} .com-order-block {display:none;} #page-preloader {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 100500;} #page-preloader .spinner {position: absolute; left: 50%; top: 30%; font: 32px Arial; color: #999;} /* ad */ .ad_sence_300250 {height:250px!important;} @media only screen and (max-width: 980px) {.ad_sence_300250 {height: auto!important;}} .google_ad_main {float:right; width: 300px; height: 305px; overflow:hidden; padding: 15px 5px;} .google_ad_center {margin: 0px auto 10px; width: 300px;} .google_ad1 {margin: 10px 0px;} .nn_adv {margin: auto; border: 1px solid #eee; background: #fafafa; padding: 27px 10px;} .nn_adv a {margin: 0px auto; display: block; width: 240px; height: 400px; border: 1px solid #ccc;} .nn_adv a:hover {-webkit-filter: contrast(1.3);filter: contrast(1.3); transition: all 300ms ease 0ms;} .adsense_adapt {width: 300px; height: 250px; display:block; margin: 0px auto;} .adsence_links_block {margin: 20px 0px; overflow: hidden;} .adsense_big_adapt {margin: 40px; padding: 0px;} @media only screen and (max-width: 980px) {.adsense_adapt {width: 100%; height: 100%;}} @media only screen and (max-width: 750px) {.nn_adv {border: 0px; background: none; padding: 0px;}} .yd_up_content {margin: 0px -10px 0px;} .yd_dw_content {margin: 0px -10px 0px;} .yd_margin1 {margin:0px 40px;} .sidebar_yd {margin: 0px auto 10px;} .yd_direct {margin: 0px 0px 0px -10px;} .ya_dir {margin: 20px 0px 0px;} .swchItemA, .swchItem, .swchItemA1, .swchItem1 {color: #222!important; padding: 2px 8px; text-decoration: none!important; border-radius: 2px; -moz-border-radius: 2px; background: #eee; margin: 0px 5px;} .swchItemA:hover, .swchItem:hover, .swchItemA, .swchItemA1, .swchItem1:hover {color: #fff!important; background: #222;} .swchItemDots {margin: 0px 4px;} .page_selector, .catPages1, .pagesBlock2, .pagesBlockuz1 {padding: 20px 0px; display: table; margin: auto;} .codeButtons {padding: 5px; cursor: pointer; border-radius: 2px!important; min-width: 35px;} /* Переключатели страниц---------*/ #pagesBlock1 a:link,#pagesBlock1 a:visited,#pagesBlock1 a:hover, #pagesBlock1 a:active, .pagesBlockuz1 a:link,.pagesBlockuz1 a:visited,.pagesBlockuz1 a:hover, .pagesBlockuz1 a:active, .pagesBlockuz2 a:link,.pagesBlockuz2 a:visited,.pagesBlockuz2 a:hover, .pagesBlockuz2 a:active {margin: 0px 10px; padding: 6px 20px; border-radius: 2px!important;} #pagesBlock1 a, #pagesBlock1 b, #pagesBlock1 .swchItemDots, .pagesBlockuz1 a, .pagesBlockuz1 .swchItemDots, .pagesBlockuz1 b, .pagesBlockuz2 a, .pagesBlockuz2 .swchItemDots, .pagesBlockuz2 b {display:none;} #pagesBlock1 a:last-child, #pagesBlock1 a:first-child, .pagesBlockuz1 a:last-child, .pagesBlockuz1 a:first-child {display:inline!important;} /* комментарии */ .cBlock_dir {padding: 10px; position:relative; min-height:48px; color: #000!important; display:block; text-decoration:none!important; margin: 0px auto; max-width: 900px;} .cBlock_dir:hover {background: #f5f5f5;} .cBlock1, .cBlock2, .cBlockB {padding: 25px 0px 10px 3px; position:relative; min-height:60px; border-top: 1px solid#eee; margin: 15px 0px;} .cBlock_new {} .comment_mobile {margin: 20px 0px 40px;} #com_hide1, #com_hide2 {display:none;} .com_reg {font: bold 14px/2.3 Arial; float: right; color: #999!important; text-decoration:none!important;} .com_reg:hover {color: #DC4300!important;} .wAvtor {display:none;} .vc_entery {position:absolute; right:0px; bottom:0px; font: 14px Arial;} .vc_top {text-align:left; padding: 0px 0px 0px 55px;} .vc_name {font: 17px/1.5 Arial; height: 45px; position:relative;} .vc_name_user {color:#666!important;} .vc_name a {color: #000;} .vc_time {color:#999; display:block; font-size: 12px;} .vc_grade {font: 14px Arial; color: #999; padding: 0px 3px;} .com_edit {color: #999; position:absolute; right:72px; top:-1px; opacity: 0.6;} .bad {color:#FC6D6D; margin-right:3px;} .good {color:#4D97E4; margin-right:3px;} .none {color: #999; margin-right:3px;} .com_rate {display:inline-block; font: bold 13px/2 Comic Sans MS; float:right;} .vcc_otvet {padding: 10px; background: #f5f5f5; margin: 40px 0px 0px 75px;} .vcc_otvet strong {color:#DC4300;} .vc_center {overflow: hidden; margin: 10px 0px 0px; width: auto;} .vc_center img {max-width: 100%;} .com_textarea {color:#666; width:100%; padding: 15px 20px; background: #f8f8f8; box-sizing: border-box; font: 16px/1.5 Arial;} .coment_avatar {position:absolute!important; top: 0px; left: 0px; border: 2px solid #ddd; padding: 2px; width:30px; height:30px; border-radius: 35px;} .coment_avatar_apps {border-color: #9dc448;} a.coment_avatar:hover {border: 2px solid #DC4300;} .coment_avatar img {width:30px; height:30px; border-radius: 30px;} .uComForm {position:relative; margin:10px 40px!important; clear: both;} .commError {text-align:right; font: bold 14px/3 Arial!important;} .comm_panel, .comm_panel2 {margin:4px 0px 10px; height: 32px;} .comName {background: #f8f8f8; font:16px Arial; color:#666; text-align:left; width:144px; height:24px; padding-left:20px; margin: 0px 0px 10px;} .securityCode {border:1px solid ddd; background: #f8f8f8; height:23px; color: #666;} .comBut, .manFlSbm {box-sizing: border-box; height: 32px; border-radius: 2px!important; cursor:pointer; border:none!important; background: #222!important; padding: 7px 10px!important; font:16px Arial; color:#fff!important; min-width:180px; float:right;} .comBut:hover, .manFlSbm:hover {background:#DC4300!important;} #nwM57 {border-top: 1px solid #ccc; padding: 25px 0px 0px;} .manFlSbm {margin-left:50px;} .manFl {font: 14px Arial;} .ucf-options {float:left!important;} .uf-with-tooltip {z-index: 500;} .captcha-answer {height:32px!important; border: 1px solid #ccc!important; border-radius: 2px; width:85px!important; color:#666; font: normal 16px Arial!important; text-align: left!important; padding: 5px 20px!important;} .captcha-renew {display:none;} #captcha-question-site-user-reg {float:right;} .captcha-block {overflow: hidden; width: auto!important;} .captcha-block div {width: auto!important;} .captcha-question {margin: 0px; -webkit-filter: grayscale(100%); opacity: 0.7; height: 32px;} .rc-anchor-checkbox-label {font-size:20px!important; } #com_hide2 {overflow: hidden;height: 32px; width: 169px; border: 1px solid #bbb;} #com_hide2 .recaptcha-wrapper {top: -20px; left: -1px;} .sort_menu {background: #fcf2dd; margin: 0px -40px; padding: 20px 40px;} .filters {width: 100%; max-width: 670px; margin: 0px auto 40px;} .filters select {border-radius:3px; display:inline-block; width: 332px; padding: 7px 1px; text-decoration:none!important; color: #666; margin: 0px;} .best_sort {color: #fff; margin: 0px auto; padding: 0px 0px 0px 3px; max-width: 668px; white-space: nowrap;} .sortBlock23 a, .dir1_link {border: 1px solid #bbb; border-radius:3px; display:inline-block; width: 200px; padding: 7px 8px 7px 2px; text-decoration:none!important; color: #666; margin: 0px; text-align:center; font: 15px Arial;} .sortBlock23 a:hover, .dir1_link:hover {background: #f5f5f5; color: #333;} .sortBlock23 span {color: #000; font-weight: bold; position:relative; right: 15px; margin-right: -8px;} .best_descr {margin: 0px 0px 20px;} .best_block {width: 33.33%; float:left; box-sizing: border-box; padding: 1px; vertical-align: top; display: inline-block;} .best_block100 {width: 99.9999%!important;} .best_block a {text-decoration: none!important;} .best_block .catDescr {box-sizing: border-box; padding: 0px 10px;} .cb3 {clear:both;} @media screen and (max-width: 1100px) {.cb2 {clear:both;} .cb3 {clear:none;} .best_block {width: 50%; float:left;}} @media screen and (max-width: 550px) {.best_block {width: 100%; float:none; padding: 1px 0px;} .catDescr {padding: 0px;}} .best_block h3 {transition: all 0.2s; font: bold 20px Helvetica; padding: 50px 10px 0; color: #fff; text-shadow: 0px 0px 2px black, 0 0 1em black; background: no-repeat center center; display: block; text-decoration: none; box-sizing: border-box; text-align: center; position: relative; height: 250px; background-size: 100%;} .best_block100 h3 {background-size: auto!important; height:180px;} .best_block h3:hover {background-repeat: repeat-y; text-shadow: 1px 1px 2px black, 0 0 2em black; color: #eee; -webkit-filter: contrast(150%);} .dir1_menu {text-align:center;} .dir_descr {padding: 20px 0px; margin: 0px 0px -20px; text-align: center;} .dir_remark {margin: 10px 40px; text-align: center; font-size: 12px;} .dir1_link {margin: 5px; color: #000!important;} @media only screen and (max-width: 715px) {.dir1_link {width: 97%; box-sizing: border-box;}} .image-wrapper {overflow: hidden;overflow-x: scroll; white-space:nowrap; width: 100%!important; -webkit-overflow-scrolling: touch;} .image-wrapper .lockup {display: inline-block; vertical-align: top; margin-right:2px;} .image-wrapper .lockup:last-child {margin-right: 0px;} .image-wrapper img {width:auto;} @media only screen and (max-width: 768px) { .filters select {display:block; width: 100%; margin: 0px 0px 10px;} .best_sort {max-width:100%;} .best_sort a {display:block; width: 100%; margin: -30px 0px 10px; box-sizing: border-box;} .best_sort {margin: 40px 0px 0px; padding: 0px 0px 0px 0px;} .sortBlock23 span {margin: -40px 0px 0px 0px; float: right;} } /* переключатель ленты */ .All, .Android, .iOS {transition: visibility 0.3s, opacity 0.3s, height 0.3s;} .platform_switcher {font: 16px Arial; color: #666; border-bottom: 1px solid #ccc; padding: 0px 0px 20px; margin: 10px 0px 20px; text-align: center;} .platform_switcher input {margin: -4px 10px 0px;} .platform_switcher label {margin-left:-12px; padding-left:10px;} .c_menu {position: relative; display: block; top: 1px; left:-2px;} .com_list {color: #555; font:11px Verdana; position:relative;} .com_list:hover {background: #f5f5f5;} .com_list a {display:block; padding: 5px;} .com_list_stars {position:absolute; right: 60px; font: bold 9px Arial,Helvetica; text-align:center;} .com_list_stars span {position:absolute; top:0px; left: 0px; width: 60px; height: 10px; padding: 3px 0px 0px;} .com_list_rep span {position: absolute; top: 4px; right: 80px;} .com_list_rep_b {color: #DC4300;} .com_list_rep_0 {color: #999;} .com_list_rep_1 {color: #999;} .com_list_rep_2 {color: #666;} .com_list_rep_3 {color: #222;} .com_list_rep_4 {color: #000;} .rank_00 {background: url('/img/user_img/rank/0s.gif') no-repeat center;} .rank_01 {background: url('/img/user_img/rank/1s.gif') no-repeat center;} .rank_02 {background: url('/img/user_img/rank/2s.gif') no-repeat center;} .rank_03 {background: url('/img/user_img/rank/3s.gif') no-repeat center;} .rank_04 {background: url('/img/user_img/rank/4s.gif') no-repeat center;} .rank_05 {background: url('/img/user_img/rank/5s.gif') no-repeat center;} .rank_06 {background: url('/img/user_img/rank/6s.gif') no-repeat center;} .rank_07 {background: url('/img/user_img/rank/7s.gif') no-repeat center;} .rank_08 {background: url('/img/user_img/rank/8s.gif') no-repeat center;} .rank_09 {background: url('/img/user_img/rank/9s.gif') no-repeat center;} .rank_10 {background: url('/img/user_img/rank/10s.gif') no-repeat center;} .rank_f0 {background: url('/img/user_img/rank/0s.gif') no-repeat center;} .rank_f1 {background: url('/img/user_img/rank_f/1sb.png') no-repeat center;} .rank_f2 {background: url('/img/user_img/rank_f/2sb.png') no-repeat center;} .rank_f3 {background: url('/img/user_img/rank_f/3sb.png') no-repeat center;} .rank_f4 {background: url('/img/user_img/rank_f/4sb.png') no-repeat center;} .rank_f5 {background: url('/img/user_img/rank_f/5sb.png') no-repeat center;} .rank_f6 {background: url('/img/user_img/rank_f/6sb.png') no-repeat center;} .rank_f7 {background: url('/img/user_img/rank_f/7sb.png') no-repeat center;} .rank_f8 {background: url('/img/user_img/rank_f/8sb.png') no-repeat center;} .rank_f9 {background: url('/img/user_img/rank_f/9sb.png') no-repeat center;} .rank_f10 {background: url('/img/user_img/rank_f/10sb.png') no-repeat center;} .codeMessage {margin:10px 0px; border:1px solid #ddd !important; padding:10px; font:12px Arial; color:#000; background:#f8f8f8; border-radius: 2px;} .quote {color: #000; margin-top: 12px; padding: 1px 20px; border-left: 20px solid #ddd; background: #f5f5f5;} .nC_eMessage {display:block; line-height: 1.5; font-family:Helvetica,Arial;font-size:12px;padding: 10px; text-align:justify;} /* ----review----------*/ .im, .preview, .im_small {float:left; margin:3px 35px 15px -2px; width:150px; height: 150px; -webkit-box-shadow: 1px 1px 3px 1px #e5e5e5;-moz-box-shadow: 1px 1px 3px 1px #eee; box-shadow: 1px 1px 3px 1px #eee; padding: 2px;} .im img, .preview img, .im_small img {max-width: 150px; max-height:150px;} .review_text {display:block; font: 18px/1.5 Arial; min-width: 320px; max-width: 360px; width: 100%; margin: 0px auto 20px; text-align:center;} .review_rate {transition: all .1s; display:block; position:relative; width:140px; height:140px; border-radius:100px; border: 2px solid #ddd; margin: 0px auto 20px; text-align: center; vertical-align: middle; font: 56px/100px Arial; color: #fff;} .review_rate_text {position:absolute; bottom: 35px; right:0px; width:100%; text-align:center; font: 16px Arial; color: #fff;} .review_rate_on_img {display: block; width: 100%; height:100%; text-align: center; z-index: 4; opacity: 0.8; color: #000; position: absolute; top: 10%; transition: all .3s} .review_rate_on_img:hover {opacity: 0.99;} .rate_0 {background: #DC4300;} .rate_1 {background: #dc9800;} .rate_15 {background: #ff9900;} .rate_2 {background: #b39500;} .rate_25 {background: #b0b300;} .rate_3 {background: #95ae20;} .rate_35 {background: #499CF1;} .rate_4 {background: #5386C9;} .rate_45 {background: #404496;} .rate_5 {background: #333;} .upcoming {display:block; text-decoration:none; padding: 0px 0px 5px; font-size:12px; font-family:Helvetica,Arial;} .upcoming:hover {text-decoration:none;} .upcoming_cell { display:block; min-height: 150px; text-align: justify; position:relative; font: 12px Helvetica,Arial; width: 161px; color: #000!important; float:left;} .upcoming_name {height: 35px; text-align: left; line-height: 1.0; font-weight:bold; width:140px; background: #fff; opacity: 0.7; font-size:12px; font-family:Helvetica,Arial; color:#000; position:absolute; display:block; padding:2px 5px; top: 0px; left: 0px;} /* ----переработанная плашка приложения----------*/ .app_cell, .app_store_cell, .app_store_cell_n {border-bottom: 1px solid #eee; position:relative; text-decoration:none!important; padding:5px 0px; display:block; min-height:90px; max-width: 900px; margin: 0px auto 20px; overflow: hidden;} .app_cell .text {padding: 20px 0px;} .app_cell_icon, .app_store_imgcell {position:absolute; left: 0px; top: 6px; width:65px; height: 65px; overflow:hidden; border: 1px solid #ddd; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} .app_cell_icon img, .app_store_imgcell img {width:65px; height: 65px;} .app_cell_title, .app_store_title {margin: 0px 0px 0px 90px; font: bold 14px/18px Helvetica, Arial; color: #000; max-width:400px; width: auto; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display:block; padding-right: 105px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} .app_cell_info, .app_store_spoiler, .app_store_appsrating, .app_store_userrating, .app_store_o3, .app_store_o2, .app_store_npd, .app_store_o2best {margin-left: 90px; font: 12px/1.5 Helvetica, Arial; color: #000; max-width:400px; width: auto; overflow: hidden; padding-right: 105px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display:block;} a.app_cell_info {font-weight:bold; color: #666!important;} .app_store_appsrating span, .app_store_o2 span, .app_store_o2best span {width: 58px; float: left; height: 16px;} .app_store_userrating ul {float:left; top: 2px; left: -2px;} .app_store_o2 {display:none;} .app_cell_link, .app_store_o4, .app_best_link {min-height: 16px; background: #f1f0f8; color: #007aff!important; text-align:left; width:175px; display:block; font: bold 12px Arial; padding: 7px 5px 5px 10px; border:1px solid #f1f0f8; border-radius: 15px; position: absolute; right: 0px; top: 27px;} .app_cell_link:hover, .app_store_o4:hover,.app_best_link:hover {color: #19ab20!important; border-color: #19ab20;} .app_best_link_ipad {width: 142px; right: 33px;} .app_store_device {position:absolute; right: 10px; top: 35px; opacity:0.6;} .app_best_desc {padding-top: 20px;} .app_store_spoiler, .top_spoiler {color: #333!important;} .app_store_spoiler:hover, .top_spoiler:hover {color: #DC4300!important;} .top_spoiler {top: 55px; left: 85px; text-transform: capitalize;} .splCont, .spl {display:none; padding:10px 0px;} .app_store_summary, .top_summary {display: block; padding: 10px 0px 0px;} .app_store_scren {margin: 10px 0px; overflow: hidden; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;} .app_store_scren img {padding: 0px 1px 1px 0px; max-width: 100%; width: auto;} .top_name b {color: #DC4300;} .top_right {text-align:right; color: #666; display:block; font: bold 12px Helvetica,Arial; padding: 5px 0px;} .app_store_new {color: #007aff;} .app_store_p_d {color: #19ab20;} .app_store_upd {color: #FD8547;} .app_inf_cell {float:none; min-width: 300px; max-width: 400px; border: 0px;} .app_inf_cell {min-height: 108px;} .sidebar_button {display:block; font: Arial 14px; color: #999!important; background: #f5f5f5; padding: 3px 0px; text-decoration: none!important; margin: 0px 2px 4px;} .sidebar_button_margin {margin: 61px 2px 4px;} .sidebar_button:hover {background:#eee; color: #333!important;} .owl-carousel {min-width: 300px; max-width: 400px;} .owl-carousel-item {min-width: 300px; max-width: 400px; width: 100%; display: inline-block!important;} @media only screen and (max-width: 980px) {.owl-theme .owl-dots .owl-dot span {width: 25px; height: 25px;}} /* ---попробуй перевари это----------*/ .app_inf_cell {width: 300px; float:left; margin: 5px 0px!important;} .app_inf_cell:hover .app_inf_title, .app_inf_cell:hover .app_inf_genre {color: #DC4300!important;} .app_inf_img .app_store_imgcell, .app_inf_img .app_store_imgcell img { width: 70px!important; height: 70px!important;} .app_store_title_m {font: lighter 18px Helvetica, Arial; overflow:hidden; white-space:nowrap; position:absolute; top: 10px; left: 90px;} .app_store_cell_m {overflow: hidden; float:left; color: #1265BA; text-align:left; position:relative; text-decoration:none; padding: 8px; display:block; line-height:1.5; width:204px;} .app_store_cell_m:hover {text-decoration:none; opacity: 0.8;} .app_store_o1_m {font: 14px Helvetica, Arial; color: #1265BA; padding: 7px; position:absolute; top: 50px; left: 85px;} .asc_m {position:absolute; top: 35px; left: 85px;} .str {font-size:14px; font-weight:bold;} .appstore_cell_sb {color: #1265BA; text-align:left; position:relative; text-decoration:none; display:block; height:55px; line-height:1.6; margin: 0px 0px 20px 3px; font-size: 12px!important;} .appstore_cell_sb:hover {background: #f5f5f5;} .appstore_sb_title {font: bold 12px Helvetica, Arial; white-space:nowrap; margin-left: -5px; color: #000; text-transform: uppercase;} .appstore_cell_sb:hover p, .appstore_cell_sb:hover .appstore_sb_title {color: #DC4300!important;} .appstore_sb_imgcell span {outline: 0px; border: 0px; position:relative;} .appstore_sb_imgcell img {float: left; overflow: hidden; width: 50px!important; height: 50px!important; border: 2px solid #eee; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-right: 10px; } .appstore_sb_imgcell .app_store_imgcell {border-radius: 0px;} .appstore_sb_new {color: #007aff; font: bold 12px Helvetica, Arial;} .appstore_sb_p_d {color: #439631; font: bold 12px Helvetica, Arial;} .appstore_sb_upd {color: #FD8547; font: bold 12px Helvetica, Arial;} .appstore_sb_bst {color: #333; font: bold 12px Helvetica, Arial;} .appstore_sb_o3 {display:block; font: 12px Helvetica, Arial; color: #aaa; position:absolute; bottom: 0px; left:64px;} .rel_sb {position:relative; padding-left: 5px;} .appstore_sb_price {color: #333; position:absolute; font: 12px Arial; bottom: 1px; left:64px; margin: 0px;} .iphone_m {background: url('/img/content_img/iPhone_m.png') no-repeat right; width: 16px; height: 16px; float:right;} .ipad_m {background: url('/img/content_img/iPad_m.png') no-repeat right; width: 16px; height: 16px; float:right;} .play_m {background: url('/img/content_img/play.png') no-repeat right; width: 16px; height: 16px; float:right;} .iPhoneiPad {position:absolute; right: 3px; bottom: 18px;} .news_end_inf {} .news_end_inf a {color:#000;} .news_end_inf a:hover {color:#DC4300;} .s1 {color: #a0c64c!important;} .s2 {color: #fff!important;} .s3 {color: #fff!important;} .nav_informer {} .nav_informer_cell {position:relative; text-shadow: 0px 0px 2px black, 0 0 1em black; transition: all 0.2s; height: 400px; overflow:hidden; display: block; width: 33.33333%; box-sizing: border-box; padding: 1px; float:left; font: bold 20px Helvetica;} .nav_informer_cell:hover {background-repeat: repeat-y; text-shadow: 1px 1px 1px black, 0 0 1em black; color: #eee; -webkit-filter: contrast(140%);} .nav_informer_cell_rate {} .nav_informer_cell a {background: no-repeat center center; display: block; text-decoration: none; box-sizing: border-box; padding: 0px 15px; text-align: center; position:relative; height: 100%;} .nav_informer_cell .p1, .nav_informer_cell .p2, .nav_informer_cell .p3 {padding: 35px 10px 0; color: #fff; background: no-repeat center center; display: block; text-decoration: none; box-sizing: border-box; text-align: center; position: relative; background-size: 100%; min-height: 135px;} @media only screen and (max-width: 900px) {.nav_informer_cell {height: 300px; width: 50%; font: bold 16px Helvetica;}} @media only screen and (max-width: 490px) {.nav_informer_cell {width: 100%; height: 180px; float: none;} .nav_informer_cell .p1, .nav_informer_cell .p2, .nav_informer_cell .p3 {min-height: 0px; padding: 20px 10px 10px;} .nav_informer_cell .review_rate_text {display:none;}} /* Standard 1200px */ .wrapper {width:100%;} #content {width: 100%; margin-right: -340px;} #content section {padding: 40px; margin-right: 340px; text-align: justify;} #main_page {padding: 40px; text-align: justify;} .wide_bar {padding: 15px 40px 0px;} .bottom_bar {margin: 100px 0px 50px;} .bottom_block {width: 50%; float:left;} .bottom_block .appstore_cell_sb {margin-right: 40px;} #sidebar {width:300px; padding: 40px 40px 0px 0px; float:right; } .bot-box {width:340px;} @media only screen and (max-width: 1202px) {#casing {border-width: 1px 0px 0px;} #bottom {max-width: 1202px; margin: 0px;}} @media only screen and (max-width: 980px) { #sidebar {width: auto; max-width: 980px; min-height: auto!important; float: none; margin: 0px auto; padding: 20px 40px;} .sidebar_block {float:none; width:100%; margin: 0 auto 40px; padding:40px 0 0; display: inline-block;} .bot-box {float:none;width:605px; margin: 0 auto 40px; padding:40px 0 0;} .comment_mobile {background: #fcf2dd; margin: 0px -40px 40px; padding: 10px 40px 10px; height: auto;} .comName, .com_textarea, .captcha-answer {background: #fff;} } /* iPad Smaller than 959px */ @media only screen and (min-width: 768px) and (max-width: 980px) { .wrapper {width:100%;} #content {float:none;width:auto;background:none; margin:0;} #content section {margin:0;} #cont-top,#cont-bot {background:none;padding:0;} .bot-box {float:none; width:605px;margin:0 auto;padding:40px 0 0;} .bot-box:nth-child(2) {float:none; text-align:center; border: solid #DC4300; border-width: 0px 0px 2px 0px; padding:40px 40px; width: 420px;} .powered_by {position:relative; top: -37px; right: inherit; text-align: center; font: 12px Helvetica,Arial,sans-serif!important;} } /* iPhone (portrait) */ @media only screen and (max-width: 767px) { .wrapper {width:100%;} #content, #main_page, .wide_bar {float:none; width:auto; margin:0px; padding: 10px; overflow:hidden;} .bottom_block {width: 100%; float:none;} .bottom_block .appstore_cell_sb {margin-right: 0px;} #sidebar {padding: 10px;} #content section {margin:0; padding: 0!important;} .comment_mobile {padding: 10px; margin: 0px -10px 40px;} #addPhtFrm .manTd1 {width: 30%!important;} .bot-box {float:none; width:310px; margin:0 auto; padding:40px 0 0;} .bot-box:nth-child(2) {float:none; text-align:center; border: solid #DC4300; border-width: 0px 0px 2px 0px; padding:40px 40px; width: 220px;} #bottom {padding-top:25px;} .Title, .title_dir {font: 22px/1.5 Helvetica,Arial; padding: 15px 10px 0px; text-align:center;} .content_up_bar {margin: 10px 10px 0px;} .platform_switcher_titile {display:block; margin: 0px 0px 10px;} .powered_by {position:relative; top: -30px; right: inherit; text-align: center;} .app_cell_icon, .app_store_imgcell {width:58px; height: 58px; border-radius: 10px;} .app_cell_icon img, .app_store_imgcell img {width:58px; height: 58px;} .app_cell_link, .app_store_o4, .app_best_link {width: 100px; padding: 4px 2px; text-align:center; font: bold 12px/16px Arial; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; top: 22px;} .app_store_device {display: none;} .app_cell_info, .app_store_spoiler, .app_store_appsrating, .app_store_userrating, .app_store_o3, .app_store_o2, .app_store_npd, .app_store_o2best {margin-left: 70px; font: 12px/1.33 Helvetica, Arial; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display:block;} .app_cell_title, .app_store_title {margin: 0px 0px 0px 70px;} .app_cell_info span, .app_store_o3 span {display:none;} .app_store_appsrating span, .app_store_userrating span {display:block;} .app_store_userrating ul {margin-right: 5px; top: 1px;} .app_store_appsrating span, .app_store_o2 span, .app_store_o2best span {height: 14px;} .iphone_m {background-size: 90%; width: 13px;} .ipad_m {background-size: 90%; width: 13px;} .app_best_link_ipad {width:70px; right: 22px;} .app_best_link_ipad span {display:none;} body, .text, textarea {font-size: 15px!important;} .content_up_bar, .community_bar {font: 12px/2 Arial;} .content_up_bar .uSocial-Share div {margin: 0px 0px -4px;} .content_up_bar .ico_uscl {width: 18px!important; height: 18px!important; line-height: 18px!important; font-size: 12px!important;} .news_desc {font-size: 18px;} } @media only screen and (max-width: 600px) { .content_bar_cat {float:none;} .comBut, .manFlSbm {padding: 7px 10px !important; min-width:150px!important;} } @media only screen and (max-width: 410px) { .app_store_userrating {display:none;} .app_store_appsrating span {padding: 1px 0px!important; text-transform: capitalize; float:none;} } /* надо вникать, надо или нет------*/ #casing #mchatBtn,#casing .allUsersBtn,#casing .uSearchFlSbm {padding-left:0!important;padding-right:0!important;font-size:10px!important;} #doSmbBt,.u-combobut {display:none;} #casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;} #casing .u-combolist {padding:5px 3px;background:#fff;border:1px solid #ddd;font-size:12px!important;color:#999!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;} #content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;} #content .xw-mc {background:#fff;border:1px solid #ddd;margin:0;font-size:12px!important;color:#999!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #uNetRegF table {text-align:left;} #uNetRegF table table {clear:both;} #uNetRegF table table td {padding:5px 0 0 0;} .manTable td input#id_file_add {max-width:none;} div[id^="imblock"] > span:first-child {width: 23px;display: inline-block;} span[id^=iCode] {display: block;padding-left: 30px;} #invoice_sum2 {margin: 2px 45px 2px 0 !important;} #invoice_sum1 {margin-left: 0; !important;} #thread_search_field {margin-top: 0!important;width: 150px!important;} #forum_filter {vertical-align: middle;line-height: 30px;} .gTableTop #subscribe {margin-top: -10px;} .add-goods #order-but-recalc {position: absolute;top: 5px;right: 0;} #order-add-but {display: block;margin-top:7px!important;} .add-goods {position: relative;} .add-goods-siblings {vertical-align: top; line-height: 30px;} .about_sb {} .about_sb img {padding: 4px; border: 1px solid #ccc; width: 140px;} .about_ad {width: 240px; height: 400px; border: 1px solid #ddd; background: #FFF; position:relative; left: 30px;} .about_ad span {font: 14px Helvetica Arial; color: #999; position:absolute; top: 195px; left: 35px;} .add {position:relative; background: #333; width: 1024px; margin-bottom: -2px;} .add span {position: absolute; left: 10px; top: 35px; color: #fff; text-align: center; width: 130px;} .add i {position: absolute; right: 10px; top: 35px; color: #fff; text-align: center; width: 130px; font-style: normal;} .b_block { min-height:100px; margin: 0px 0px 30px; font: 14px Arial;} .b_block img {width: 60px; height:60px; float: left; margin: 2px 15px 0px 0px; border: 2px solid #ddd; border-radius: 5px;} .b_name {color: #DC4300; font-weight: bold;} .b_text {color:#000; text-align:justify; padding: 0px 0px 30px 0px; min-height: 110px;} .b_4 {color: #1265BA; font-weight: bold;} .b_block span {width: 150px; display: block; float: left; color: #666; font-weight: normal;} /* надо вникать, как переделывать------*/ .dir_link {background: #fff; color: #1265BA!important; text-align:left; font: 14px Arial; padding: 5px; border:1px solid #a7c8dd; border-radius: 3px;} .dir_link:hover, .dir_link:active {color: #DC4300!important; border: 1px solid #DC4300;} .oTitle_gg {background: #f1f1f1; padding: 6px 5px 5px; text-align:left; font: 13px Helvetica,Arial; color:#000; margin:35px 0px 15px; text-transform: uppercase; -webkit-text-size-adjust: none; height: auto!important;} .oTitle_gg a {color: #1265BA!important; float:right;} .oTitle_g {padding: 6px 5px 5px; text-align:left; font: 18px Helvetica,Arial; color:#000; margin:40px 0px 15px; -webkit-text-size-adjust: none; height: auto!important;} .imgH {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90);} .imgH:hover {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100);} .Hide_04, .Hide_04 a {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40);} .Hide_04:hover, .Hide_04 a:hover {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);} .Hide_05, .Hide_05 a {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);} .cMessage {display:block; font: 12px Helvetica,Arial;padding:5px; text-align:justify; color:#000; word-wrap: break-word;} .cMessage i {font: 13px/1.5 Helvetica,Arial; color:#777;} .cMessage:hover {background: #f5f5f5;} .cMessage img {display:none;} .cMe_user {font-weight:bold; color: #DC4300;} .cMessage:hover .cMe_user {color: #ff0000;} .comDate {display:block; padding: 1px 5px 10px 40px; font: 13px Helvetica; color:#777; float:right;} .im_320_l, .im_320_r {width:300px; overflow: hidden; color:#777; font: 12px/1.6 Verdana; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:right; padding: 5px; dispay:block; background: #fff; -webkit-box-shadow: 1px 1px 3px 1px #eee;-moz-box-shadow: 1px 1px 3px 1px #eee; box-shadow: 1px 1px 3px 1px #eee; border: 1px solid #eee;} .im_320_l img, .im_320_r img {dispay:block; width:300px;} .im_320_l {margin: 5px 10px 15px 0px; float: left;} .im_320_r {margin: 5px 0px 15px 10px; float: right;} .iTunes_link {color: #333!important; text-decoration:none!important; text-align:center; padding: 4px 2px; display:block; border: solid #ddd; border-width: 1px 0px; margin-top: -1px; background:#f5f5f5; font-weight:bold;} .iTunes_link:hover, .iTunes_link:active {color:#DC4300!important; background:#f1f1f1;} #bdM62 {width: auto;} .board_menu {background: #fcf2dd; margin: 0px -40px 0px; padding: 40px; line-height: 2; text-align:center;} .board_menu a {color: #fff!important;} .board_menu_na {padding: 2px 7px; margin-right: 7px; border-radius: 2px; white-space: nowrap; background: #f5f5f5; border: 1px solid #999; color: #999;} .board_desc {padding: 20px 0px; text-align: center;} .board_device_h3 {border-bottom: 1px solid #e9e9e9; padding: 10px 0px;} .board_device_cell_prv {position:relative; margin: 50px 0px 50px; padding: 0px 0px 50px; border-bottom: 1px solid #ddd;} .board_device_title_prv {text-align: left; font: 22px/1.5 Helvetica,Arial; margin: 0px 0px 20px;} .board_device_up_cell_prv {width: 100%; margin-right: -340px; float:left;} .board_device_desc_prv {text-align: justify; margin-right: 340px;} .board_device_img_cell_prv {float:right; width: 300px;} .board_device_tech_p4 {padding: 10px 0px; clear: both; width: 100%; font-size: 15px; background:#fff!important;} .board_device_link {padding: 10px 25px 10px 0px;} .board_device_moder {position: absolute;right: 0px; top: 10px;} .explanation {font: 14px Arial; padding: 20px 0px; color: #999;} @media only screen and (max-width: 1000px) { .board_device_cell_prv {border: 0px;} .board_device_img_cell_prv {position: absolute; top: 70px; width: 100%;} .board_device_up_cell_prv {margin: 0px;} .board_device_desc_prv {margin: 0px;} .board_device_h3 {text-align:center; margin: 0px 0px 450px;} } .board_device_cell {position:relative; margin: 0px 0px 50px; padding: 10px 0px;} .board_device_title {text-align: center;} .board_device_up_cell {width: 100%; margin-right: -440px; float:left;} .board_device_desc {text-align: justify; margin-right: 440px;} .board_device_img_cell {float:right; width: 400px;} .board_device_img_cell .board_device_icon {line-height: normal;} .board_device_ul_photo {display:none;} .board_device_icon {line-height: 400px; text-align:center;} .board_device_icon img {max-width: 400px; max-height: 400px; margin: auto; vertical-align: middle;} .board_device_imgs {text-align: center; margin: 40px 0px;} .board_device_imgs img {height:auto; border: 1px solid #ddd; padding: 5px; margin: 5px;} .board_device_imgs img:hover {background: #f1f1f1; border-color: #aaa;} .board_th_title {font: 28px Arial; margin: 40px 0px;} .board_sub_title {font: 22px Arial; margin: 40px 0px 0px; padding: 0px 0px 10px; border-bottom: 1px solid #e9e9e9;} .board_device_tech {clear: both; width: 100%; border-bottom: 1px solid #e9e9e9; font-size: 15px; text-align: left;} .board_device_tech:after {display: block;clear: both; content: '';} .gray_bg {background: #f5f5f5;} .board_device_v_name {float:left; display:block; height: 100%; padding: 4px; width: 200px; box-sizing: border-box; margin-right: 30px; font-weight: bold;} .board_device_value {display:block; height: 100%; padding: 4px; margin: 0px; box-sizing: border-box; margin-left: 225px;} @media only screen and (max-width: 900px) { .board_device_ul_photo {display:block; display: list-item;} .board_device_up_cell {float:none;} .board_device_desc {width:100%; min-height: auto; margin: 0px 0px 40px;} .board_device_img_cell {float:none; margin: 40px auto; width:100%;} .board_th_title {font: 22px Arial; text-align: center; margin: 40px 0px 20px;} } @media only screen and (max-width: 480px) { .board_device_v_name {width: 100%; float: none; color: #000;} .board_device_value {width: 100%; padding: 5px; margin: 0px; color: #555;} } .nn_block {float:left; width:33.3%; padding: 0px 10px; color:#000; box-sizing: border-box; height: 465px; overflow:hidden; margin: 0px 0px 40px; position:relative;} .nn_cat {font-size: 12px!important;} .nn_cat a {font: bold 10px Arial; text-transform: uppercase; color: #fff;} .nn_img_cont {height: 0; position: relative; padding-bottom: 56.25%; display: inline-block; width: 100%; overflow:hidden; margin: 5px 0px;} .nn_img {position: absolute; left: 0; top: 0px; width: 100%; height: 100%;} .nn_img_old .nn_img {display:block; width: auto; height: auto; margin: auto; position: relative; background: #f5f5f5; max-width: 100%;} .nn_title {color: #000; font: bold 18px/1.5 Arial; text-align:left;} .nn_title:hover {color:#DC4300;} .nn_block a {text-decoration:none!important;} .nn_bar {} .nn_mes div {margin: 0px!important; padding: 5px 0px 0px; font: 15px/1.5 Helvetica !important;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} @media only screen and (min-width: 750px) and (max-width: 1125px) { .nn_block {width:50%; height: 503px;} } @media only screen and (max-width: 750px) { .nn_block {width:100%; height: auto; margin: 0px 0px 50px; padding: 0px;} } .community_bar {border-bottom: 1px solid #bbb;} .community_bar ul {padding: 0px 40px; margin: 0px; background:#fcf2dd; font: bold 14px/1.5 Arial;} .community_bar ul li {display: inline-block; border-bottom: 2px solid #fcf2dd; margin-right:2px;} .community_bar ul li a {display:block; text-decoration:none!important; color: #000; padding: 15px 10px 12px;} .community_bar ul li a:hover {color: #DC4300;} .community_bar ul li:hover {border-bottom: 2px solid #DC4300!important;} .community_addbutton {float:right; background: #fff; border-bottom: 2px solid #fff!important;} .community_cat_in {color: #DC4300; padding: 15px 10px 12px; border-bottom: 2px solid #DC4300!important;} .community_user_heading {font: 20px Arial; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 20px 0px 20px 60px; color: #666; margin: 0px 0px 20px;} .community_user_ol {font-size: 20px;} .community_user_ol li {padding: 0px 0px 0px 20px;} .community_user_ol li:hover {background:#f5f5f5;} .community_user {display:block; font: 20px/60px Arial; padding: 20px 0px; color: #000!important; text-decoration:none!important;} .community_user:hover, .community_user:target {color:#DC4300!important;} .community_user_avatar {position:absolute; border-radius: 30px; width: 50px; height: 50px; padding: 2px; border: 2px solid #DC4300; left: 0px;} .community_user_name {position:relative; width: 35%; float: left; padding-left: 75px; box-sizing: border-box;} .community_user_grade {width: 18%; display: inline-block; text-align:center; box-sizing: border-box; position:relative;} .community_user_grade span {position: absolute; top: 30%; left: 0px; height: 30px; width: 30px;} .community_user_blog {width: 14%; display: inline-block; text-align:center; box-sizing: border-box;} .community_user_rank {width: 15%; display: inline-block; text-align:center; box-sizing: border-box;} .community_user_rep {width: 15%; display: inline-block; text-align:center; box-sizing: border-box;} .community_user_name span {} .community_user_heading span {text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;} @media only screen and (max-width: 940px) { .community_user_heading, .community_user, .community_user_ol {font: 16px Arial;} .community_user_avatar { width: 25px; height: 25px; top: 2px;} } @media only screen and (max-width: 650px) { .community_user_heading, .community_user {font: 12px/42px Arial; padding: 0px 0px 0px 5px;} .community_user_heading { padding: 0px 0px 0px 45px;} .help_unanswered_bar {padding: 0px;} .community_user_name {width: 30%; padding-left: 40px;} .community_user_ol li {padding:0px; font-size: 12px;} } @media only screen and (max-width: 450px) { .community_user_avatar {display:none;} .community_user_name {padding-left:0px;} } .discuss_block {transition: all 0.2s; text-decoration: none!important; width:100%; height: 300px; border-bottom: 1px solid #fff; overflow:hidden; text-align:center; position:relative; display:block;} .discuss_block:hover {-webkit-filter: contrast(130%);} .discuss_title {z-index: 2; color: #fff; font: bold 20px/1.2 Arial; padding: 5px 10px 0px; position: relative;} .discuss_desc {z-index: 2; color: #000; position: relative; margin: 5px auto; font: 12px/1.5 Arial; max-width: 245px;} .discuss_img {z-index: 2; display:inline-block; margin: 10px auto; position: relative; background:#fff; width: 78px; height: 78px; border-radius: 20px;} .discuss_img img {width: 65px; height: 65px; border-radius: 15px; border: 4px solid #9dc448; padding:3px;} .discuss_bg {width: 100%; height: 100%; z-index: 0; background-size: cover; background-position: center; opacity: 0.7; -moz-filter: blur(30px); filter: blur(30px); -webkit-filter: blur(30px); position: absolute; top: 0;left: 0;} .discuss_rating {z-index: 2;} .discuss_rating span {height: 10px; display: block; margin: 0px auto;} .discuss_block:nth-child(2), .discuss_block:nth-child(3) {height: 70px;} .discuss_block:nth-child(2) .discuss_title, .discuss_block:nth-child(3) .discuss_title {font: bold 14px Arial!important; padding: 20px 10px 5px 70px; text-align:left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000;} .discuss_block:nth-child(2) .discuss_desc, .discuss_block:nth-child(3) .discuss_desc {display:none;} .discuss_block:nth-child(2) .discuss_img, .discuss_block:nth-child(3) .discuss_img {position: absolute; left: 10px; top: 0px; background: none; width:50px; height:50px;} .discuss_block:nth-child(2) .discuss_bg, .discuss_block:nth-child(3) .discuss_bg { -moz-filter: blur(80px); filter: blur(80px); -webkit-filter: blur(80px);} .discuss_block:nth-child(2) .discuss_rating, .discuss_block:nth-child(3) .discuss_rating {width: 78px; float: left; margin-left: 60px;} .discuss_block:nth-child(2) .discuss_img img, .discuss_block:nth-child(3) .discuss_img img {padding: 0px; border: none; width:50px; height:50px; border-radius: 5px;} .discuss_block:nth-child(1) .discuss_title:before {content: "Сегодня обсуждаем"; display:block; font: bold 12px/1.5 Arial; color: #000; margin: 10px auto;} .discuss_block:nth-child(1):after {content: "Ранее в рубрике"; display:block; font: bold 12px/1.5 Arial; color: #000; position: absolute; bottom: 0px; background: #fff; width: 100%; padding: 4px 0px;} @media only screen and (max-width: 600px){ .discuss_block:nth-child(2), .discuss_block:nth-child(3) {width:50%; float:left;} } .blog_bar {margin: -35px -40px 0px;} .blog_bar h2 {font: 30px/1.5 Helvetica,Arial;} .blog_bar h2:hover {color:#DC4300;} .blog_bar a {text-decoration:none!important;} .blog_user {position: relative; transition: all 0.1s; filter: grayscale(20%);} .blog_user a {text-decoration: none!important;} .blog_user:hover {filter: grayscale(0%);} .blog_user_avatar {width: 31px; height: 31px; border-radius: 5px 30px 30px 5px; border: 3px solid #ef713b; position: absolute; top: -11px; left: 0px; padding: 2px; background: #fff;} .blog-cat_users {background: #ef713b; margin-left: 8px; padding: 11px 10px 11px 30px!important;} .blog_text {padding-top: 0px;} .blog_text img {width: auto; max-width:100%;} .blog_text > p:first-child {margin-top: 0px;} @media only screen and (max-width: 767px){ .blog_user_avatar {width: 26px; height: 26px;} } @media only screen and (max-width: 910px){ .community_bar ul {padding: 0px; overflow: hidden; overflow-x: scroll; white-space: nowrap;; -webkit-overflow-scrolling: touch; -webkit-box-shadow: inset -25px 0px 50px 0px #fff; -moz-box-shadow: inset -25px 0px 50px 0px #fff;box-shadow: inset -25px 0px 50px 0px #fff;} .community_addbutton {float:none;} } .main_user_news_cell {} .main_user_news_img {} .main_user_news_title {} .main_user_news_bar {} .grade_01 {} .uRelatedEntries {margin: 0px; padding:0px!important; font: 18px/2 Arial;} .uRelatedEntries a {display:block; text-decoration:none!important; color:#000!important;} .uRelatedEntries li {list-style-type: none;} .uRelatedEntries li:hover {background: #f5f5f5;} .uRelatedEntries_red a {color: #DC4300!important;} #simplemodal-container {background:#fff; border-radius:5px; border: 2px solid #ddd;} #simplemodal-overlay {cursor:wait; background:#000; position: fixed; width: 2000px!important; height: 2000px!important;} #simplemodal-container a.modalCloseImg {margin: auto; top:-11px; right:-11px; width:23px; height:23px; z-index:2!important; display:inline; cursor:pointer; position:absolute; background:url(/img/login_form/close.png) no-repeat;} #simplemodal-container a.modalCloseImg:hover {background-position:0 -23px!important;} .basic_content {display:none;} .cv_title {text-align: left; width:305px; padding-bottom: 30px; margin: 20px 20px 0px 20px; border-radius:5px 5px 0px 0px; border-bottom: 1px solid #ddd; font: bold 14px Arial; text-shadow: 1px 1px 1px #fff; color:#555;} .c_vxod {float:left; width:305px; margin: 20px;} .c_vxod, .c_vxod input {font:16px Arial;} .vxod_error {float:left; width:100%; color:#DC4300; margin-bottom: 10px; text-align:center; font-weight: bold;} .vxod_name {width:50px; height:15px!important; padding: 7px 20px 7px 0px; color:#7b7b7b; text-shadow: 1px 1px 1px #FFF; font-weight: bold; } .vxod_pole {outline: none; width: 260px!important; height: 30px !important; margin: 0px 0px 10px 0px; border: 1px solid #ddd!important; padding: 7px 10px 7px 35px!important; border-radius: 5px; color: #777!important; font-weight: bold!important; } .vxod_pole:focus {box-shadow:inset 0px 0px 3px #ccc!important;} .vp_login {background:#fff url(/img/login_form/pole_login.png) no-repeat left!important;} .vp_password {background:#fff url(/img/login_form/pole_password.png) no-repeat left!important;} .vp_login:focus {background:#fff url(/img/login_form/pole_login.png) no-repeat left!important;} .vp_password:focus {background:#fff url(/img/login_form/pole_password.png) no-repeat left!important;} .vxod_sec_code {margin-top: 20px;} .vxod_sec_code .recaptcha-wrapper.compact {height: 40px!important; width:135px!important;} .vxod_sec_code .g-recaptcha {margin-top: -20px!important;} .vxod_comBut {text-align:center; width:100%; margin-top: 20px;} .vxod_zapomnit {font:14px Arial; width:100%; margin-top: 5px;} .vxod_zapomnit input {float:left; margin: 1px 10px 0px 0px;} .cv_title a, .vxod_zapomnit a {font:bold 14px Arial;} .help_block {position:relative;} .help_cell {font: 20px/1.5 Arial; padding: 20px 5px 20px; margin: 0px 0px 20px; position:relative; display:block; text-decoration:none!important;} .help_cell:hover {background: #f5f5f5;} .help_title {display:block;} .help_answer {max-width: 300px; position: relative; display:block; color:#333!important;} .help_cell_informer {font: 15px/1.5 Arial; padding: 5px; text-align: left;} .help_unanswered_bar {text-align: center;} .help_unanswered_bar span {min-width: 48%; display: inline-block; width: auto;} .main_user_news_cell {max-width: 780px; width: 100%; display: block; position:relative; text-decoration:none!important; color: #000!important;} .main_user_news_cell_inf .main_user_news_title, .main_user_news_cell_inf .main_user_news_bar {margin: 0px;} .main_user_news_img {width: 100%; padding: 20px 0px 60px;} .main_user_news_ava {position: absolute;border-radius: 30px; width: 50px; height: 50px; padding: 2px; border: 2px solid #DC4300; left: 3px; top: 3px;} .main_user_news_title {font: 22px/1.5 Arial; display:block; margin-left: 80px;} .main_user_news_bar {display: block; padding: 10px 0px 0px; font-weight:normal; margin-left: 80px; font: 14px/1.5 Arial; position: relative;} .main_user_news_bar span {margin-right: 20px; position:relative;} .community_post {padding:10px; border: 1px solid #ddd; position:relative; position:relative; margin: 0px 0px 40px;} .community_post:hover {border: 1px solid #000000;} .community_post_edit {color: #fff!important; padding: 3px 10px; border-radius: 5px; background: #9dc448; text-decoration:none!important; margin-left: 15px; position: relative; z-index: 50;} .community_post_edit:hover {background: #499CF1;} .community_bottom_bar {background: #f8f8f8; border-top: 1px solid #ddd; margin: 0px -10px -10px; padding: 10px;} .community_bottom_bar .comments {position:relative; border-right: 1px solid #ddd; margin: 0px 5px; padding-right: 15px!important;} .community_bottom_bar .views {position:relative; margin: 0px 5px; padding-right: 15px!important;} .community_bottom_bar .like {position:relative; margin: 0px 5px; padding-right: 0px 10px 0px 20px!important;} .community_post_link_area {position: absolute; left: 0;top: 0; right: 0; bottom: 0;} .community_text img, .community_text table, .community_post iframe {width: auto; max-width: 100%; display: block;} .postinprofile .entDots {display: inline-block;} .likeplus {transition: all .2s; border-right: 1px solid #ddd; position: relative; z-index: 10; background:url('http://app-s.ru/img/icons/like.png') left center no-repeat; background-size: auto 100%; height:19px; cursor:pointer; padding:0px!important;} .likeplus_hover {transition: all .2s; border-right: 1px solid #ddd; position: relative; z-index: 10; background:url('http://app-s.ru/img/icons/like_h.png') left center no-repeat; background-size: auto 100%; height:19px; cursor:pointer;} .likeplus span, .likeplus_hover span {padding: 0px 14px 0px 28px; width:52px;} .likeplus:active, .likeplus_hover:active {background-size: auto 110%;} .tick_cell {z-index: 10; position: absolute; bottom: 31px; left: 330px;} .tick_cell_v {bottom: 22px;} .tick span, .tick_hover span, .tickx, .tick2, .tick_p {height: 30px; padding:0px 15px !important;} .tick {transition: all .2s; position: relative; z-index: 10; background:url('http://app-s.ru/img/icons/tick.svg') left center no-repeat; background-size: auto 100%; cursor:pointer;} .tick_hover {transition: all .2s; position: relative; z-index: 10; background:url('http://app-s.ru/img/icons/tick_h.svg') left center no-repeat; background-size: auto 100%; cursor:pointer;} .tick:active, .tick_hover:active {background-size: auto 110%;} @media only screen and (max-width: 700px) { .main_user_news_title {font: 18px/1.5 Arial;} } /* профиль------*/ .profil_cell {position: relative; padding: 60px 0px; overflow: hidden; margin: -40px -40px 0px; text-align:center;} .profil_top {position: relative; z-index: 1;} .profil_top_ava {text-align: center;} .profil_top_ava img {border: 4px solid #f5f5f5; border-radius: 150px; padding: 4px;} .profil_top_name {text-align: center; font: 32px Arial; padding: 20px 0px 0px;} .profil_top_title {color: #000; text-align: center; font: bold 12px Arial; padding: 11px 0px 15px;} .profil_top_sign {text-align: center; font: 12px Arial; color: #666;} .profil_top_bg {position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-position: center; opacity: 0.4; -moz-filter: blur(50px); filter: blur(50px);-webkit-filter: blur(50px);} .user_score_cell {padding: 20px 0px;} .user_score_cell .user_score_grade a {color:#333;} .user_score_grade {padding: 5px 0px 20px; display:block; text-align: center; font: 18px Arial;} .user_score_grade a {display: inline-block; font: 18px Arial; color:#fff; text-decoration: none!important; padding: 0px 0px 0px 5px;} .user_score_grade a:hover {color:#DC4300!important;} .user_score_number {font: 14px Arial; text-align: center;} .user_score_number span {background-size: auto 90%; padding: 0px 20px;} .user_score_publ {background: url('http://app-s.ru/img/icons/publ.svg') no-repeat center left;} .user_score_com {background: url('http://app-s.ru/img/icons/com.svg') no-repeat center left;} .user_score_rep {background: url('http://app-s.ru/img/icons/star.svg') no-repeat top left; padding: 0px 0px 0px 20px!important;} .user_setting { right: 40px; top: 40px; height: 18px; width: 18px; border: 1px solid #d9dedf; position: relative; border-radius: 100%; background: #fff url(/.s/src/moder_panel/moder-sm.png) no-repeat -20px -20px!important; position: absolute; z-index: 10; cursor: pointer;} .user_vk {position:absolute; left: 40px; top: 40px; z-index: 2;} .user_info_cut {display:block; text-align:center; color: #333!important; font: 18px Arial;} .user_info_title {overflow: hidden; max-width: 650px; font: 18px/1.5 Arial; text-align:center; padding: 5px; margin: 20px auto 5px;} .user_info_title:before,.user_info_title:after {content: "";display: inline-block;vertical-align: middle;width: 100%; height: 2px; background: #eee; position: relative;} .user_info_title:before { margin-left: -100%; left: -14px;} .user_info_title:after {margin-right: -100%; right: -14px;} .user_info_value {max-width: 650px; font: 18px/1.5 Arial; padding: 2px; margin: 0px auto;} .user_info_value:hover {background: #f5f5f5;} .user_info_value span {float:right;} .user_community_posts {margin: 0px auto; max-width: 780px;} .user_community_posts_2page {text-align:center; display:block; margin: 0px auto; box-sizing: border-box; height: 32px; border-radius: 2px!important; cursor: pointer; border: none!important; background: #222; padding: 7px 10px!important; font: 16px Arial; color: #fff!important; width: 250px; text-decoration:none!important;} .user_community_posts_2page:hover {background: #DC4300;} @media only screen and (max-width: 500px) { .user_info_value span {float:none; margin: 0px 0px 7px; display:block;} } .community_main_page_fichering {} .middle_bar_bottom {display: block; font: 16px Arial; color: #fff!important; background: #dc4300; padding: 5px 0px; text-decoration: none!important; margin: 0px 0px 20px; transition: all 0.3s; text-align:center;} .middle_bar_bottom:hover {color: #fff!important; background: #000;} .middle_bar_bottom2 {display: block; font: 16px Arial; color: #666!important; background: #f5f5f5; padding: 10px 0px; text-decoration: none!important; margin: 10px 0px 40px; text-align:center;} .middle_bar_bottom2:hover {color: #333!important; background: #eee;}