@font-face { font-family: 'PrestigeEliteStd'; src: url(../fonts/PrestigeEliteStd-Bd.otf); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font-family: 'Open Sans', sans-serif; background: #402f35; font-size: 13px; width: 100%; color: #33312f; line-height: 18px; } a, button { color: #5a8acb; transition: all 0.5s ease; text-decoration: none !important; } a:hover, button:hover { filter: brightness(110%); } input { outline: none; } ::-webkit-input-placeholder { color: #434b51; } ::-moz-placeholder { color: #434b51; } /* Firefox 19+ */ :-moz-placeholder { color: #434b51; } /* Firefox 18- */ :-ms-input-placeholder { color: #434b51; } .clear { clear: both; } .wrapper { width: 1000px; margin: 0 auto; position: relative; } .body-top { background: url(../images/muonline.webp) center top no-repeat; } .body-bottom { background: url(../images/bottom.webp) center bottom no-repeat; min-height: 1000px; } .top-panel { height: 50px; line-height: 50px; width: 100%; background: #2f2124; -webkit-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.75); } .panel-block { width: 1000px; margin: 0 auto; } .soc-panel { display: inline-block; } .soc-panel a { color: #fff; text-decoration: none; margin-right: 12px; } .soc-panel a img { margin-bottom: -2px; margin-right: 2px; } .soc-panel a:hover { filter: brightness(70%); } .soc-panel .fb img { width: 8px; } .soc-panel .tw img { width: 17px; } .clicked-block { display: inline-block; color: #fff0dd; text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); } .clicked-block span { color: #80be37; } .clicked-block img { border-left: 1px solid #46343c; padding: 0px 0px 2px 22px; margin: 0px 7px -4px 8px; } .block-login { float: right; } .block-login a:hover { filter: brightness(110%); } .block-login-button { text-transform: uppercase; font-size: 10px; text-decoration: none; font-weight: 600; color: #fff !important; border-radius: 30px; margin-left: 6px; } .login-button { border: 2px solid #412f33; padding: 7px 15px; } .login-button img { margin-right: 9px; margin-bottom: -1px; } .reg-button { background: #f2813b; background: linear-gradient(to top, #d55140, #ff973d); padding: 9px 15px; } .reg-button img { margin-right: 5px; margin-bottom: -1px; width: 12px; } .overlay { top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; visibility: hidden; background-color: rgba(64, 45, 49, 0.9); opacity: 0; position: fixed; cursor: default; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .overlay:target { visibility: visible; opacity: 1; } .overlay:target + .popup, .overlay:target + .popup2{ top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup { top: 0; right: 0; left: 50%; z-index: 10000; margin: 0 auto; width: 414px; margin-left: -1px; position: fixed; background-color: #FFFFFF; -webkit-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); -o-transform: translate(-50%, -150%); transform: translate(-50%, -150%); -webkit-transition: transform 0.6s ease-out; -moz-transition: transform 0.6s ease-out; -ms-transition: transform 0.6s ease-out; -o-transition: transform 0.6s ease-out; transition: transform 0.6s ease-out; } .popup2 { top: 0; right: 0; left: 50%; z-index: 10000; margin: 0 auto; width: 614px; margin-left: -1px; position: fixed; background-color: #FFFFFF; -webkit-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); -o-transform: translate(-50%, -150%); transform: translate(-50%, -150%); -webkit-transition: transform 0.6s ease-out; -moz-transition: transform 0.6s ease-out; -ms-transition: transform 0.6s ease-out; -o-transition: transform 0.6s ease-out; transition: transform 0.6s ease-out; } .close { background: #f7893d url(../images/close-modal.png) center center no-repeat; border-radius: 50%; padding: 12px; right: 12px; top: 14px; -webkit-box-shadow: 5px 5px 25px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 5px 25px -4px rgba(0, 0, 0, 0.75); box-shadow: 5px 5px 25px -4px rgba(0, 0, 0, 0.75); position: absolute; -webkit-transition: background-color ease 0.7s; -moz-transition: background-color ease 0.7s; -ms-transition: background-color ease 0.7s; -o-transition: background-color ease 0.7s; transition: background-color ease 0.7s; } .popup-title { background: url(../images/popup-title.jpg) no-repeat; line-height: 54px; height: 54px; text-align: center; color: #fff; font-weight: 600; text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); } .popup-title2 { background: url(../images/popup-title.jpg) repeat-x; line-height: 54px; height: 54px; width:100%; text-align: center; color: #fff; font-weight: 600; text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); } .popup-content { padding: 50px 50px; line-height: 20px; font-size: 13px; } .popup-content p { font-size: 24px; } .popup-content .field { font-weight: 600; } .popup-content input { margin-top: 7px; margin-bottom: 12px; background: #f0ede7; border: 1px solid #d9d4cb; padding: 14px; width: 280px; } .popup-content input:hover { border: 1px solid #93756d; } .reg-popup-button { text-align: center; font-weight: 600; margin-top: 20px; } .reg-popup-button button { text-transform: uppercase; color: #fff; background: #abc85c; background: linear-gradient(to top, #89b453, #c9da69); border: none; cursor: pointer; padding: 14px 36px; border-radius: 30px; margin-bottom: 20px; -webkit-box-shadow: 0px 8px 35px -7px #8ab756; -moz-box-shadow: 0px 8px 35px -7px #8ab756; box-shadow: 0px 8px 35px -7px #8ab756; } .free-acc { font-size: 13px !important; padding-top: 15px; padding-bottom: 30px; } .login-acc { font-size: 24px; padding-bottom: 30px; } ::-webkit-input-placeholder { color: #91877d; } ::-moz-placeholder { color: #91877d; } /* Firefox 19+ */ :-moz-placeholder { color: #91877d; } /* Firefox 18- */ :-ms-input-placeholder { color: #91877d; } .logo-banner { padding-top: 30px; } .banner-header { float: right; } .banner-header a { display: block; width: 468px; height: 60px; background: url(../images/banner-logo.png) no-repeat; } .logo a { width: 322px; height: 89px; display: block; background: url(../images/logo.png) no-repeat; margin-left: -23px; } .menu { background: url(../images/menu-bg.jpg) no-repeat; height: 100px; text-align: center; } .menu li { display: inline-block; background: url(../images/menu-border.jpg) right no-repeat; } .menu li a { display: block; padding: 25px 31px 0px 31px; height: 75px; line-height: 100px; text-decoration: none; font-size: 14px; color: #fff; font-weight: 500; text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); } .menu li:hover { background: url(../images/menu-hover-bg.png) repeat-x; border-bottom: 2px solid #cd4439; height: 98px; line-height: 98px; -webkit-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.75); } .about { width: 120.6px; } .addnew { padding: 0px 0px !important; width: 134.6px; height: 98px; background: url(../images/addnew.jpg) no-repeat !important; } .morigin{ border-right: none !important; } .home a { background: url(../images/menu-home-icon.png) top 15px center no-repeat; } .registraion a { background: url(../images/menu-reg-icon.png) top 15px center no-repeat; } .faq a { background: url(../images/menu-faq-icon.png) top 15px center no-repeat; } .statistics a { background: url(../images/menu-statistics-icon.png) top 15px center no-repeat; } .facebook a { background: url(../images/menu-facebook-icon.png) top 15px center no-repeat; } .contact a { background: url(../images/menu-contacts-icon.png) top 15px center no-repeat; } .about a { background: url(../images/menu-about-icon.png) top 15px center no-repeat; } .addnew a { background: url(../images/menu-add-icon.png) top 15px center no-repeat; } .morigin a { background: url(../images/logomuorigin.png) top 15px center no-repeat; } .content { background: #fcfbfa; min-height: 1000px; } .online-text { background: #f0ede7; padding: 40px; } .online-text h1 { font-weight: 800; font-size: 24px; color: #33312f; margin-bottom: 10px; } .online-text h2 { font-size: 18px; color: #33312f; margin-bottom: 10px; } .ads { line-height: 55px; } .promote-button { float: right; } .promote-button a { font-size: 10px; text-transform: uppercase; color: #fff; background: #abc85c; background: linear-gradient(to top, #89b453, #c9da69); padding: 8px 14px; border-radius: 30px; margin-right: 23px; -webkit-box-shadow: 0px 8px 35px -7px #8ab756; -moz-box-shadow: 0px 8px 35px -7px #8ab756; box-shadow: 0px 8px 35px -7px #8ab756; } .promote-button img { margin-bottom: -2px; margin-right: 3px; } .ads-top-category { color: #33312f; font-weight: 600; background: url(../images/middle-ads-icon.png) left no-repeat; padding-left: 35px; margin-left: 25px; float: left; margin-right: 30px; font-size: 14px; } .pro-money { font-size: 10px; text-transform: uppercase; color: #6e6a65; padding-top: 2px; } .pro-money span { color: #ff3b2c; } .a-server { background: #f0ede7 url(../images/big-ads-icon.png) 50px center no-repeat; display: flex; align-items: center; justify-content: flex-end; /*padding: 14px 0px 12px 0px;*/ } .a-server:not(:last-child) { border-bottom:1px solid #D9D4CB; } .a-server-banner{ display: block; width: 468px; height: 60px; } .a-server-banner a { background: #f0ede7 url(../images/a-banner.png) no-repeat; display: block; width: 468px; height: 60px; } .a-server-center { border-bottom: 1px solid #e6e2da; border-top: 1px solid #e6e2da; } .server-a { width: 350px; margin-right: 20px; margin-left: 30px; font-weight: 600; } .content-block { display: flex; align-items: stretch; justify-content: flex-start; flex-direction: row; } .left-content-block { width: 240px; background: #e6e2da; height: auto; padding-bottom: 40px; } .spoiler-title { cursor: pointer; font-size: 14px; font-weight: 600; color: #33312f; padding-left: 25px; z-index: 3; } .spoiler-body { display: none; padding: 18px 0px; } .spoiler-body a { color: #33312f; } .spoiler-body li:hover a { color: #fff; } .closed { background: #d9d4cb url(../images/open.png) right no-repeat; line-height: 54px; transition: all 1s ease; color: #fff !important; text-shadow: 4px 3px 8px rgba(255, 255, 255, 0.2); } .opened { background: #d9d4cb url(../images/closed.png) right no-repeat; line-height: 54px; transition: all 1s ease; } .spoiler-body input[type=radio], input[type=checkbox] { display: none; } .spoiler-body label { display: block; cursor: pointer; position: relative; padding-left: 20px; } .spoiler-body input[type=checkbox]:checked + label:before { content: ""; text-align: center; width: 14px; height: 14px; background: #f0ebe5 url(../images/checkboox.png) center no-repeat; border: 1px solid #d9d4cb; border-radius: 3px; } .spoiler-body label:before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background: #f0ebe5; border: 1px solid #d9d4cb; border-radius: 3px; } .all-top-spoiler { padding: 2px 24px 20px 24px !important; } .spoiler-body li { padding: 7px 24px; transition: all 0.5s ease; } .spoiler-body li:hover { background: #d35248; color: #fff; box-shadow: 0px 7px 12px 0px rgba(211, 82, 72, 0.59); } .all-top-spoiler:before, .all-type:before { content: ""; border-bottom: 1px solid #d9d4cb; position: absolute; width: 188px; margin-top: 30px; } .all-top-spoiler:hover { background: none !important; color: #33312f !important; box-shadow: none !important; } .spoiler-type { padding: 18px 24px; } .spoiler-type label { display: inline-block; margin-right: 4px; margin-bottom: 10px; } .all-type { padding-bottom: 20px; } .spoiler-media { text-align: center; padding: 20px 0px 20px 0px; } .full-content-block { background: #f0ede7; width: 100%; height: auto; min-height: 1300px; padding-bottom: 40px; } .right-content-block { background: #f0ede7; width: 760px; } .block-filter { background: #fcfbfa; padding: 11px 21px 1px 17px; font-size: 14px; font-weight: 600; } .block-filter button { float: right; border: 2px solid #d9d4cb; border-radius: 30px; background: #ffffff url(../images/close-filter-icon.png) 9px center no-repeat; font-size: 10px; color: #6e6a65; padding: 6px 11px 6px 24px; cursor: pointer; margin-top: 1px; outline: none; } .block-filter button:hover { border: 2px solid #adaba8; color: #000; } .block-filter span { text-transform: uppercase; color: #6e6a65; font-size: 10px; font-weight: normal; display: inline-block; position: relative; background: #f0ede7; border-radius: 30px; padding: 5px 32px 5px 14px; margin-right: 5px; margin-bottom: 10px; -webkit-box-shadow: inset 0px 5px 47px -10px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 5px 47px -10px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 5px 47px -10px rgba(0, 0, 0, 0.2); } .block-filter a { background: #ffffff url(../images/close-filter-icon.png) center center no-repeat; border-radius: 50%; padding: 10px; right: 4px; top: 4px; position: absolute; -webkit-box-shadow: 5px 5px 25px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 5px 5px 25px -4px rgba(0, 0, 0, 0.75); box-shadow: 5px 5px 25px -4px rgba(0, 0, 0, 0.75); } .block-filter a:hover { background: #d35248 url(../images/close-filter-hover-icon.png) center center no-repeat; -webkit-box-shadow: 5px 5px 25px -4px rgba(211, 82, 72, 0.6); -moz-box-shadow: 5px 5px 25px -4px rgba(211, 82, 72, 0.6); box-shadow: 5px 5px 25px -4px rgba(211, 82, 72, 0.6); } .active-filter { margin-right: 12px; display: inline-block; } #contentFrame { margin-left:2px; margin-right: 0px; } .pageTitleWrap{ background-color: #D9D4CB; line-height: 54px; transition: all 1s ease; margin: 0; } .pageTitleWrap p,.pageTitleWrap div{ font-size: 14px; font-weight: 600; color: #33312f; padding-left: 25px; } .write-review { width: 90%; margin: 0 auto; margin-top:10px; margin-right:30px; } .reviews-container { margin-bottom: 30px } .block-servers-main{ padding-bottom: 12px; padding-left:25px; padding-right:25px; } .block-servers{ padding: 12px 25px; } .servers { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; min-height: 170px; background: #fcfbfa; margin-bottom: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 3; } .servers-rank, .server-r { width: 100px; text-align: center; } .servers-content { border-right: 1px solid #e7e4de; border-left: 1px solid #e7e4de; width: 510px; padding: 23px 20px; } .cat{ width: 750px !important; } .servers-rank { padding-top: 50px; font-weight: 600; } .servers-rank span { font-size: 60px; font-family: 'PrestigeEliteStd'; } .servers-rank p { margin-top: 10px; } .server-r { padding-top: 28px; font-weight: 600; } .server-r span { color: #91877d; } .server-r p { font-size: 18px; margin-top: 2px; } .server-votes { margin-bottom: 26px; } .server-reviews { margin-top: 26px; } .server-reviews a{ color: #91877d; } .rating { background: url(../images/rating-bg.png) no-repeat; height: 22px; width: 82px; float: right; } .rating-star { background: url(../images/rating-star-icon.png) repeat-x; width: 0; height: 100%; } .server-name { font-size: 16px; font-weight: 600; } .server-name a{ color: #000; } .cor a { font-size: 13px; color: #5a8acb; text-decoration: underline; background: url(../images/kor.png) left no-repeat; display: block; padding-left: 17px; } .cor a:hover { text-decoration: none; } .servers-rates { margin-top: 14px; } .servers-rates span { color: #fff; padding: 5px 8px; background: #9f8a7e; background: linear-gradient(to bottom, #ad9b88, #8a7170); border-radius: 2px; -webkit-box-shadow: 3px 3px 9px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 9px 1px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 9px 1px rgba(0, 0, 0, 0.2); font-size: 10px; text-transform: uppercase; margin-bottom: 14px; display: inline-block; } .servers-rates-one { background: #ed7f47 !important; background: linear-gradient(to bottom, #fe9b47, #d45548) !important; } .servers-text { font-size: 12px; } .servers-top { background: #fff5e4; webkit-box-shadow: 0px 10px 40px -11px #6e6e6e; -moz-box-shadow: 0px 10px 40px -11px #6e6e6e; box-shadow: 0px 10px 40px -11px #6e6e6e; z-index: 10; } .servers-top .servers-rank { background: #f9ecd2; color: #ff9600; } .servers-top .servers-content { border-right: 1px solid #ffe4cf; border-left: 1px solid #f9edd3; } .servers-top .top-banner a { background: url(../images/top-banner.png) no-repeat; display: block; width: 468px; height: 60px; margin-top: 18px; margin-bottom: 18px; } .navigation { text-align: center; margin-top: 25px; margin-bottom: 10px; } .navigation a { text-decoration: none; color: #91877d; font-size: 13px; display: inline-block; width: 32px; height: 32px; line-height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 100%; font-weight: 600; } .navigation a:hover { border: 1px solid #da7970; border-radius: 50%; color: #000; } .navigation .active { border: 1px solid #da7970; border-radius: 50%; color: #000; -webkit-box-shadow: 0px 0px 5px 0px rgba(212, 86, 76, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(212, 86, 76, 0.3); box-shadow: 0px 0px 5px 0px rgba(212, 86, 76, 0.3); } .nav-back { margin-right: 10px; } .nav-back a { border: none; } .nav-back a:before { content: "<"; position: absolute; margin-left: -12px; } .nav-back a:hover { border: none; } .nav-next { margin-left: 10px; } .nav-next a { border: none; } .nav-next a:after { content: ">"; position: absolute; margin-left: 5px; } .nav-next a:hover { border: none; } .footer { padding-top: 45px; padding-bottom: 50px; } .footer ul { text-align: center; } .footer ul li { display: inline-block; padding: 0px 35px; position: relative; border-right: 1px solid #81666e; } .footer ul li a { color: #bea8af; font-size: 13px; } .footer ul li a:hover { text-decoration: underline; } .footer ul li:last-child { border: none; } .copyright { text-align: center; color: #bea8af; font-size: 12px; width: 200px; margin: 0 auto; margin-top: 70px; position: relative; } .copyright:before { content: ""; width: 37px; height: 2px; position: absolute; background: #d35248; left: 50%; margin-left: -19px; margin-top: -27px; } #toTop { background: url(../images/totop.png) right no-repeat; height: 60px; width: 100px; padding-top: 20px; position: absolute; cursor: pointer; display: none; color: #e6e2da; font-weight: 600; font-size: 13px; bottom: 250px; left: -75px; } @media (min-width: 641px) { .banner-header-mobile, .footer-soc, .top-panel-mobile, .soc-panel-footer, .rank-mobile-block { display: none; } } @media (max-width: 640px) { .left-content-block, .top-panel, .banner-header, .menu, .ads, .block-filter button, .servers-rank, .server-r, .ads-block-p, .footer-menu { display: none !important; } body { font-size: 16px; line-height: 1.3; } .top-panel-mobile { position: fixed; height: 92px; background: #000; width: 580px; background: url(../images/title-mobile.jpg) no-repeat; padding: 0px 30px; z-index: 12; display: flex; justify-content: space-between; align-items: center; } .top-panel-mobile:after { content: ""; background: url(../images/header-border.png) repeat-y; width: 2px; height: 100%; position: absolute; left: 90px; top: 0; opacity: 0.2; } .top-panel-mobile span a { color: #fff; font-size: 26px; } .top-panel-mobile .home-a { padding-left: 120px; } .top-panel-mobile .add-new { background: url(../images/addnew-mobile.jpg) no-repeat; display: block; height: 92px; line-height: 92px; width: 200px; text-align: center; margin-right: -30px; } .top-panel-mobile .add-new img { margin-bottom: -19px; } .wrapper { width: 640px; padding-top: 92px; } .panel-block { width: 640px; } .right-content-block { width: 640px; } .logo a { margin-left: 0px; margin: 0 auto; } .body-top, .body-bottom { background: none; } .header { height: 145px; background: url(../images/header-mobile.jpg) top no-repeat; } .logo-banner { padding-bottom: 25px; } .block-servers { padding: 12px 12px; } .servers-content { width: 100%; padding: 25px 30px; } #toTop { opacity: 0 !important; display: none !important; } .server-name { margin-bottom: 5px; font-size: 28px; line-height: 1.1; } .server-name .country { float: left; } .server-name .country img { width: 24px; } .server-name p { margin-left: 34px; } .servers-text { font-size: 16px; line-height: 1.3; } .rating { background-size: 100%; height: 23px; width: 144px; } .rating-star { background-size: 30px; } .cor { margin-bottom: 20px; } .cor a { font-size: 16px; background-size: 18px; padding-left: 26px; } .servers-rates span { font-size: 22px; } .servers-top .top-banner a { background: url(../images/top-banner-mobile.jpg) no-repeat; width: 560px; height: 110px; margin: 0 auto; } .navigation { margin-top: 35px; margin-bottom: 25px; } .navigation a { font-size: 24px; padding: 5px 14px; width: auto; height: auto; line-height: inherit; } .nav-back a:before { margin-left: -20px; } .nav-next a:after { margin-left: 10px; } .servers-top { box-shadow: 0px 20px 90px -11px rgba(0, 0, 0, 0.3); } .block-filter { font-size: 26px; padding: 30px 50px 20px 50px; } .block-filter span { font-size: 20px; padding: 10px 55px 10px 14px; } .block-filter a { padding: 18px; background-size: 40%; } .copyright { width: auto; margin-top: 50px; } .copyright:before { width: 70px; margin-left: -35px; } .soc-panel { display: block; text-align: center; } .hidden-menu { display: block; position: fixed; list-style: none; margin: 0; box-sizing: border-box; width: 640px; background: rgba(0, 0, 0, 0.7); top: 0; height: 100vh; left: -640px; transition: left 0.7s; z-index: 2; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .hidden-menu .mobile-block-b { width: 540px; background: #e6e2da; height: 92vh; padding: 50px 0px; display: block; position: fixed; left: -640px; transition: left 0.7s; overflow-y: scroll; font-size: 26px; } .hidden-menu-ticker { display: none; } .btn-menu { color: #fff; position: absolute; top: 33px; cursor: pointer; transition: left 0.7s; z-index: 3; width: 36px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .btn-menu span { display: block; height: 5px; background-color: #fff; margin: 5px 0 0; transition: all .1s linear .23s; position: relative; } .btn-menu span.first { margin-top: 0; width: 28px; } .btn-menu span.third { width: 28px; } .hidden-menu-ticker:checked ~ .btn-menu { left: 550px; position: absolute; top: 10px; padding: 30px; height: 100vh; } .hidden-menu-ticker:checked ~ .hidden-menu .mobile-block-b { left: 0; } .hidden-menu-ticker:checked ~ .hidden-menu { left: 0; opacity: 1; } .hidden-menu-ticker:checked ~ .btn-menu span.first { -webkit-transform: rotate(45deg); top: 10px; } .hidden-menu-ticker:checked ~ .btn-menu span.second { opacity: 0; } .hidden-menu-ticker:checked ~ .btn-menu span.third { -webkit-transform: rotate(-45deg); top: -10px; } .block-login { float: none; } .block-login .block-login-button { font-size: 28px; display: block; text-align: center; margin: 0px 50px 30px 50px; position: relative; } .block-login .block-login-button img { position: absolute; left: 40px; margin-top: 2px; } .reg-button { box-shadow: 0px 4px 15px 0px rgba(214, 87, 72, 0.5); padding: 14px 15px; } .reg-button img { margin-bottom: -3px; width: auto; } .login-button { border: 5px solid #d6ccc7; color: #91877d; padding: 9px 15px; } .login-button img { margin-bottom: -3px; } .spoiler-title-m { font-size: 28px; color: #33312f; font-weight: bold; padding: 45px 50px; background-color: #d9d4cb; } .spoiler-body label { padding-left: 50px; } .spoiler-body label:before { width: 30px; height: 30px; } .spoiler-body li { padding: 20px 50px; } .all-top-spoiler { padding: 20px 0px !important; border-bottom: 1px solid #d9d4cb; margin: 0px 50px; } .all-top-spoiler label:before { width: 30px; height: 30px; } .all-top-spoiler:before { display: none; } .spoiler-body input[type=checkbox]:checked + label:before { width: 30px; height: 30px; } .spoiler-type { padding: 35px 50px 15px 50px; border-bottom: 1px solid #d9d4cb; } .spoiler-type label { margin-bottom: 20px; } .all-type { border-bottom: 1px solid #d9d4cb; margin-bottom: 25px; } .clicked-block { color: #33312f; text-shadow: none; padding: 40px 50px 20px 100px; } .clicked-block img { border-left: none; padding: 0px; margin: 0px; position: absolute; margin-left: -45px; } .online-text h1 { font-size: 36px; } .navigation .active { border: 3px solid #da7970; } .popup { width: 640px; left: 0px; height: 100vh; } .popup-title { background: url(../images/title-mobile.jpg) no-repeat; height: 92px; line-height: 92px; font-size: 24px; } .close { width: 50px; height: 54px; top: 20px; } .popup-content { padding: 80px 80px; font-size: 22px; } .popup-content input { width: 440px; padding: 20px 15px; font-size: 22px; } .popup-content p { font-size: 40px; padding-bottom: 20px; } .free-acc { font-size: 22px !important; } .field { margin-bottom: 5px; } .reg-popup-button { margin-top: 40px; } .reg-popup-button button { font-size: 24px; } .login-acc { padding-bottom: 40px !important; } .modal_window { width: 640px; top: 0px !important; } .close-r { width: 49px; height: 53px; top: 40px; } .footer { background: url(../images/footer-mobile-bg.jpg) top no-repeat; } .servers { flex-wrap: wrap; } .servers .rank-mobile { color: #33312f; } .servers-top .rank-mobile { color: #ff9600; } .servers .rank-mobile-block { border-bottom: 1px solid #e6e3dd; } .servers-top .rank-mobile-block { border-bottom: 1px solid #ffe4cf; } .rank-mobile-block { display: flex; justify-content: space-between; width: 100%; font-size: 30px; padding: 20px 30px; } .rank-mobile-block .rank-mobile { display: flex; align-items: center; } .rank-mobile-block .rank-mobile span { font-size: 48px; margin-right: 10px; } .rank-mobile-block .votes-mobile { color: #91877d; display: flex; align-items: center; } .rank-mobile-block .votes-mobile span { color: #33312f; margin-right: 10px; } .rank-mobile-block .v-n { margin-left: 40px; } .servers-content .top-banner { display: none; } } .f16 .flag { display: inline-block; height: 16px; width: 16px; vertical-align: text-top; line-height: 16px; background: url(../images/flags.png) no-repeat; margin-top:5px; } .f16 ._African_Union { background-position: 0 -16px; } .f16 ._Arab_League { background-position: 0 -32px; } .f16 ._ASEAN { background-position: 0 -48px; } .f16 ._CARICOM { background-position: 0 -64px; } .f16 ._CIS { background-position: 0 -80px; } .f16 ._Commonwealth { background-position: 0 -96px; } .f16 ._England { background-position: 0 -112px; } .f16 ._European_Union, .f16 .eu { background-position: 0 -128px; } .f16 ._Islamic_Conference { background-position: 0 -144px; } .f16 ._Kosovo { background-position: 0 -160px; } .f16 ._NATO { background-position: 0 -176px; } .f16 ._Northern_Cyprus { background-position: 0 -192px; } .f16 ._Northern_Ireland { background-position: 0 -208px; } .f16 ._Olimpic_Movement { background-position: 0 -224px; } .f16 ._OPEC { background-position: 0 -240px; } .f16 ._Red_Cross { background-position: 0 -256px; } .f16 ._Scotland { background-position: 0 -272px; } .f16 ._Somaliland { background-position: 0 -288px; } .f16 ._Tibet { background-position: 0 -304px; } .f16 ._United_Nations { background-position: 0 -320px; } .f16 ._Wales { background-position: 0 -336px; } .f16 .ad { background-position: 0 -352px; } .f16 .ae { background-position: 0 -368px; } .f16 .af { background-position: 0 -384px; } .f16 .ag { background-position: 0 -400px; } .f16 .ai { background-position: 0 -416px; } .f16 .al { background-position: 0 -432px; } .f16 .am { background-position: 0 -448px; } .f16 .ao { background-position: 0 -464px; } .f16 .aq { background-position: 0 -480px; } .f16 .ar { background-position: 0 -496px; } .f16 .as { background-position: 0 -512px; } .f16 .at { background-position: 0 -528px; } .f16 .au { background-position: 0 -544px; } .f16 .aw { background-position: 0 -560px; } .f16 .ax { background-position: 0 -576px; } .f16 .az { background-position: 0 -592px; } .f16 .ba { background-position: 0 -608px; } .f16 .bb { background-position: 0 -624px; } .f16 .bd { background-position: 0 -640px; } .f16 .be { background-position: 0 -656px; } .f16 .bf { background-position: 0 -672px; } .f16 .bg { background-position: 0 -688px; } .f16 .bh { background-position: 0 -704px; } .f16 .bi { background-position: 0 -720px; } .f16 .bj { background-position: 0 -736px; } .f16 .bm { background-position: 0 -752px; } .f16 .bn { background-position: 0 -768px; } .f16 .bo { background-position: 0 -784px; } .f16 .br { background-position: 0 -800px; } .f16 .bs { background-position: 0 -816px; } .f16 .bt { background-position: 0 -832px; } .f16 .bw { background-position: 0 -848px; } .f16 .by { background-position: 0 -864px; } .f16 .bz { background-position: 0 -880px; } .f16 .ca { background-position: 0 -896px; } .f16 .cg { background-position: 0 -912px; } .f16 .cf { background-position: 0 -928px; } .f16 .cd { background-position: 0 -944px; } .f16 .ch { background-position: 0 -960px; } .f16 .ci { background-position: 0 -976px; } .f16 .ck { background-position: 0 -992px; } .f16 .cl { background-position: 0 -1008px; } .f16 .cm { background-position: 0 -1024px; } .f16 .cn { background-position: 0 -1040px; } .f16 .co { background-position: 0 -1056px; } .f16 .cr { background-position: 0 -1072px; } .f16 .cu { background-position: 0 -1088px; } .f16 .cv { background-position: 0 -1104px; } .f16 .cy { background-position: 0 -1120px; } .f16 .cz { background-position: 0 -1136px; } .f16 .de { background-position: 0 -1152px; } .f16 .dj { background-position: 0 -1168px; } .f16 .dk { background-position: 0 -1184px; } .f16 .dm { background-position: 0 -1200px; } .f16 .do { background-position: 0 -1216px; } .f16 .dz { background-position: 0 -1232px; } .f16 .ec { background-position: 0 -1248px; } .f16 .ee { background-position: 0 -1264px; } .f16 .eg { background-position: 0 -1280px; } .f16 .eh { background-position: 0 -1296px; } .f16 .er { background-position: 0 -1312px; } .f16 .es { background-position: 0 -1328px; } .f16 .et { background-position: 0 -1344px; } .f16 .fi { background-position: 0 -1360px; } .f16 .fj { background-position: 0 -1376px; } .f16 .fm { background-position: 0 -1392px; } .f16 .fo { background-position: 0 -1408px; } .f16 .fr { background-position: 0 -1424px; } .f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt { background-position: 0 -1424px; } .f16 .ga { background-position: 0 -1440px; } .f16 .gb { background-position: 0 -1456px; } .f16 .sh { background-position: 0 -1456px; } .f16 .gd { background-position: 0 -1472px; } .f16 .ge { background-position: 0 -1488px; } .f16 .gg { background-position: 0 -1504px; } .f16 .gh { background-position: 0 -1520px; } .f16 .gi { background-position: 0 -1536px; } .f16 .gl { background-position: 0 -1552px; } .f16 .gm { background-position: 0 -1568px; } .f16 .gn { background-position: 0 -1584px; } .f16 .gp { background-position: 0 -1600px; } .f16 .gq { background-position: 0 -1616px; } .f16 .gr { background-position: 0 -1632px; } .f16 .gt { background-position: 0 -1648px; } .f16 .gu { background-position: 0 -1664px; } .f16 .gw { background-position: 0 -1680px; } .f16 .gy { background-position: 0 -1696px; } .f16 .hk { background-position: 0 -1712px; } .f16 .hn { background-position: 0 -1728px; } .f16 .hr { background-position: 0 -1744px; } .f16 .ht { background-position: 0 -1760px; } .f16 .hu { background-position: 0 -1776px; } .f16 .id { background-position: 0 -1792px; } .f16 .mc { background-position: 0 -1792px; } .f16 .ie { background-position: 0 -1808px; } .f16 .il { background-position: 0 -1824px; } .f16 .im { background-position: 0 -1840px; } .f16 .in { background-position: 0 -1856px; } .f16 .iq { background-position: 0 -1872px; } .f16 .ir { background-position: 0 -1888px; } .f16 .is { background-position: 0 -1904px; } .f16 .it { background-position: 0 -1920px; } .f16 .je { background-position: 0 -1936px; } .f16 .jm { background-position: 0 -1952px; } .f16 .jo { background-position: 0 -1968px; } .f16 .jp { background-position: 0 -1984px; } .f16 .ke { background-position: 0 -2000px; } .f16 .kg { background-position: 0 -2016px; } .f16 .kh { background-position: 0 -2032px; } .f16 .ki { background-position: 0 -2048px; } .f16 .km { background-position: 0 -2064px; } .f16 .kn { background-position: 0 -2080px; } .f16 .kp { background-position: 0 -2096px; } .f16 .kr { background-position: 0 -2112px; } .f16 .kw { background-position: 0 -2128px; } .f16 .ky { background-position: 0 -2144px; } .f16 .kz { background-position: 0 -2160px; } .f16 .la { background-position: 0 -2176px; } .f16 .lb { background-position: 0 -2192px; } .f16 .lc { background-position: 0 -2208px; } .f16 .li { background-position: 0 -2224px; } .f16 .lk { background-position: 0 -2240px; } .f16 .lr { background-position: 0 -2256px; } .f16 .ls { background-position: 0 -2272px; } .f16 .lt { background-position: 0 -2288px; } .f16 .lu { background-position: 0 -2304px; } .f16 .lv { background-position: 0 -2320px; } .f16 .ly { background-position: 0 -2336px; } .f16 .ma { background-position: 0 -2352px; } .f16 .md { background-position: 0 -2368px; } .f16 .me { background-position: 0 -2384px; } .f16 .mg { background-position: 0 -2400px; } .f16 .mh { background-position: 0 -2416px; } .f16 .mk { background-position: 0 -2432px; } .f16 .ml { background-position: 0 -2448px; } .f16 .mm { background-position: 0 -2464px; } .f16 .mn { background-position: 0 -2480px; } .f16 .mo { background-position: 0 -2496px; } .f16 .mq { background-position: 0 -2512px; } .f16 .mr { background-position: 0 -2528px; } .f16 .ms { background-position: 0 -2544px; } .f16 .mt { background-position: 0 -2560px; } .f16 .mu { background-position: 0 -2576px; } .f16 .mv { background-position: 0 -2592px; } .f16 .mw { background-position: 0 -2608px; } .f16 .mx { background-position: 0 -2624px; } .f16 .my { background-position: 0 -2640px; } .f16 .mz { background-position: 0 -2656px; } .f16 .na { background-position: 0 -2672px; } .f16 .nc { background-position: 0 -2688px; } .f16 .ne { background-position: 0 -2704px; } .f16 .ng { background-position: 0 -2720px; } .f16 .ni { background-position: 0 -2736px; } .f16 .nl { background-position: 0 -2752px; } .f16 .bq { background-position: 0 -2752px; } .f16 .no { background-position: 0 -2768px; } .f16 .bv, .f16 .nq, .f16 .sj { background-position: 0 -2768px; } .f16 .np { background-position: 0 -2784px; } .f16 .nr { background-position: 0 -2800px; } .f16 .nz { background-position: 0 -2816px; } .f16 .om { background-position: 0 -2832px; } .f16 .pa { background-position: 0 -2848px; } .f16 .pe { background-position: 0 -2864px; } .f16 .pf { background-position: 0 -2880px; } .f16 .pg { background-position: 0 -2896px; } .f16 .ph { background-position: 0 -2912px; } .f16 .pk { background-position: 0 -2928px; } .f16 .pl { background-position: 0 -2944px; } .f16 .pr { background-position: 0 -2960px; } .f16 .ps { background-position: 0 -2976px; } .f16 .pt { background-position: 0 -2992px; } .f16 .pw { background-position: 0 -3008px; } .f16 .py { background-position: 0 -3024px; } .f16 .qa { background-position: 0 -3040px; } .f16 .re { background-position: 0 -3056px; } .f16 .ro { background-position: 0 -3072px; } .f16 .rs { background-position: 0 -3088px; } .f16 .ru { background-position: 0 -3104px; } .f16 .rw { background-position: 0 -3120px; } .f16 .sa { background-position: 0 -3136px; } .f16 .sb { background-position: 0 -3152px; } .f16 .sc { background-position: 0 -3168px; } .f16 .sd { background-position: 0 -3184px; } .f16 .se { background-position: 0 -3200px; } .f16 .sg { background-position: 0 -3216px; } .f16 .si { background-position: 0 -3232px; } .f16 .sk { background-position: 0 -3248px; } .f16 .sl { background-position: 0 -3264px; } .f16 .sm { background-position: 0 -3280px; } .f16 .sn { background-position: 0 -3296px; } .f16 .so { background-position: 0 -3312px; } .f16 .sr { background-position: 0 -3328px; } .f16 .st { background-position: 0 -3344px; } .f16 .sv { background-position: 0 -3360px; } .f16 .sy { background-position: 0 -3376px; } .f16 .sz { background-position: 0 -3392px; } .f16 .tc { background-position: 0 -3408px; } .f16 .td { background-position: 0 -3424px; } .f16 .tg { background-position: 0 -3440px; } .f16 .th { background-position: 0 -3456px; } .f16 .tj { background-position: 0 -3472px; } .f16 .tl { background-position: 0 -3488px; } .f16 .tm { background-position: 0 -3504px; } .f16 .tn { background-position: 0 -3520px; } .f16 .to { background-position: 0 -3536px; } .f16 .tr { background-position: 0 -3552px; } .f16 .tt { background-position: 0 -3568px; } .f16 .tv { background-position: 0 -3584px; } .f16 .tw { background-position: 0 -3600px; } .f16 .tz { background-position: 0 -3616px; } .f16 .ua { background-position: 0 -3632px; } .f16 .ug { background-position: 0 -3648px; } .f16 .us { background-position: 0 -3664px; } .f16 .uy { background-position: 0 -3680px; } .f16 .uz { background-position: 0 -3696px; } .f16 .va { background-position: 0 -3712px; } .f16 .vc { background-position: 0 -3728px; } .f16 .ve { background-position: 0 -3744px; } .f16 .vg { background-position: 0 -3760px; } .f16 .vi { background-position: 0 -3776px; } .f16 .vn { background-position: 0 -3792px; } .f16 .vu { background-position: 0 -3808px; } .f16 .ws { background-position: 0 -3824px; } .f16 .ye { background-position: 0 -3840px; } .f16 .za { background-position: 0 -3856px; } .f16 .zm { background-position: 0 -3872px; } .f16 .zw { background-position: 0 -3888px; } .f16 .sx { background-position: 0 -3904px; } .f16 .cw { background-position: 0 -3920px; } .f16 .ss { background-position: 0 -3936px; } .f16 .nu { background-position: 0 -3952px; } .active { opacity: 1; filter: alpha(opacity=100); } .cd-faq-items ol, .cd-faq-items ul { list-style: none; margin-left: -32px; } .cd-faq-items blockquote, .cd-faq-items q { quotes: none; } .cd-faq-items blockquote:before, .cd-faq-items blockquote:after, .cd-faq-items q:before, .cd-faq-items q:after { content: ''; content: none; } .cd-faq-items table { border-collapse: collapse; border-spacing: 0; } .cd-faq { width: 100%; margin: 0 auto; /* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); */ } .cd-faq:after { content: ""; display: table; clear: both; } .cd-faq a { color: #333148; text-decoration: none; } .cd-faq-items { /* width: 100%; */ -webkit-overflow-scrolling: touch; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; /* padding: 5px 40px 5px 0px; */ } .cd-faq-group { display: block; /* width: 100%; */ margin-top: 5px; } .cd-faq-group .cd-faq-title { background: transparent; box-shadow: none; margin: 1em 0; } .no-touch .cd-faq-group .cd-faq-title:hover { box-shadow: none; } .cd-faq-group .cd-faq-title h2 { text-transform: uppercase; font-size: 12px; font-size: 0.75rem; font-weight: 700; color: #bbbbc7; } .no-js .cd-faq-group { display: block; } @media only screen and (min-width: 768px) { .cd-faq-group > li { background: #ffffff; margin-bottom: 6px; border: 1px solid #f1f1f1; width: 730px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .no-touch .cd-faq-group > li:hover { /* box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3); */ } .cd-faq-group .cd-faq-title { margin: 2em 0 1em; } .cd-faq-group:first-child .cd-faq-title { margin-top: 0; } } .cd-faq-trigger { position: relative; display: block; margin: 1.6em 0 .4em; line-height: 1.2; } .cd-faq-trigger { font-size: 15px; font-weight: 300; margin: 0; padding: 16px 68px 16px 16px; } .cd-faq-trigger::before, .cd-faq-trigger::after { /* arrow icon on the right */ position: absolute; right: 24px; top: 50%; height: 2px; width: 13px; background: #cfdca0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .cd-faq-trigger::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 32px; } .cd-faq-trigger::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .content-visible .cd-faq-trigger::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .content-visible .cd-faq-trigger::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-faq-content p { font-size: 14px; font-size: 0.875rem; line-height: 1.4; color: #6c7d8e; } .cd-faq-content { display: none; padding: 0 24px 30px; } .cd-faq-content p { line-height: 1.6; } .no-js .cd-faq-content { display: block; } .new-block.last { float: right; margin-right: 0 } .new-block { float: left; width: 49%; margin: 0 5px 20px 0; } .new-block .head-news { position: relative; } .new-block .head-news .nickname.blue { margin-top: 8px; display: inline-block } .new-block .head-news .date { color: #979797 } .new-block .head-news .avatar { background: #e7e7e7; box-shadow: 0 1px 1px #b9b9b9; display: inline-block; margin: 0 5px 10px 0; float: left; padding: 5px } .new-block .content-new { background: #ffffff; border: 1px solid #f1f1f1; /* box-shadow: 0 0 2px #ffffff; */ padding: 10px; position: relative; ___height: 80px; } .new-block .content-new:after { border-bottom: 8px solid #f1f1f1; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; display: inline-block; left: 50px; position: absolute; top: -8px; } .news .block { float: left; width: 32%; position: relative; padding: 20px 10px 20px 0 } .news .block div { margin-bottom: 15px } .news .block .one-new { padding: 0 10px 0 37px; min-height: 35px } .news .block .one-new .date { position: absolute; left: -4px; right: 0; background: url("../images/new-bg.png"); width: 39px; height: 31px; text-align: center; line-height: 11px; padding-top: 9px; font-weight: bold; color: #fff } .news .two-blocks { width: 48% } .news .last { padding-right: 0 } .screen { margin-bottom: 20px } .link-site { margin-bottom: 10px; display: block } .stars { width: 78px; height: 14px; float: right; margin: 3px 90px 0 0; background: url("../images/stars.png") 0 0 no-repeat } .stars2 { width: 78px; height: 14px; margin: 0 auto; background: url("../images/stars.png") 0 0 no-repeat; text-align: center; } .stars-1 { background-position: 0 0 } .stars-2 { background-position: 0 -15px } .stars-3 { background-position: 0 -30px } .stars-4 { background-position: 0 -45px } .stars-5 { background-position: 0 -60px } .stars-0 { background-position: 0 -75px } .evaluation .picture-star { display: inline-block; height: 13px; width: 78px; position: relative; margin-right: 10px; top: 2px; background: url("../images/stars.png") 0 0 no-repeat } .evaluation .picture-star.stars-1 { background-position: 0 0 } .evaluation .picture-star.stars-2 { background-position: 0 -15px } .evaluation .picture-star.stars-3 { background-position: 0 -30px } .evaluation .picture-star.stars-4 { background-position: 0 -45px } .evaluation .picture-star.stars-5 { background-position: 0 -60px } .evaluation .picture-star.stars-0 { background-position: 0 -75px } .evaluation .picture-star .verified { background: url("../images/sprite1.png") no-repeat scroll 0 -106px transparent; display: inline-block; margin-left: 10px; padding-left: 20px } .simple-clipping-text { display: block; overflow: hidden; text-overflow: ellipsis } .simple-clipping-text table td { height: 18px; vertical-align: top } .big-star { width: 130px; display: inline-block; height: 20px; background: url("../images/big_stars.png") 0 0 no-repeat; } .big-star.big-star-1 { background-position: 50% -103px } .big-star.big-star-2 { background-position: 50% -77px } .big-star.big-star-3 { background-position: 50% -51px } .big-star.big-star-4 { background-position: 50% -25px } .big-star.big-star-5 { background-position: 50% 0 } .big-star.big-star-0 { background-position: 50% -129px } .news-unit, .comments-unit, .reviews-unit { __float: left; clear: both; margin-bottom: 10px; margin-top: 10px; __border-bottom: 1px solid #132A28; __border-top: 1px dashed #000; margin-left: 10px; margin-right: 10px; } .reviews-unit .title, .reviews-unit .date, .reviews-unit .content, .reviews-unit .employment, .reviews-unit .salary, .reviews-unit .city, .reviews-unit .category { float: left; clear: both; width: 100%; padding: 5px } .news-unit .spam, .comments-unit .spam, .reviews-unit .spam { float: left; clear: both; width: 100%; padding: 5px; text-align: right } .reviews-unit .screenshot { float: left; clear: both; width: 100%; padding: 5px } .reviews-unit .quality { float: left; clear: both; width: 100%; padding: 5px } .reviews-unit .quality .admin, .reviews-unit .quality .support, .reviews-unit .quality .server_quality { padding: 5px } .reviews-unit .reviews-answer { float: left; clear: both; width: 100%; padding: 5px; padding-left: 25px; margin: 0px 0px 10px 20px } .reviews-answer.well, .answer-user, .new_comment { width: 580px; float: right } .reviews-answer.well form, .answer-user form, .new_comment form { margin-bottom: 0 } .reviews-answer.well form textarea, .answer-user form textarea, .new_comment form textarea { width: 570px } .answer-user, .new_comment { border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px } .answer-user { border: solid 1px #ccc; border-radius: 0; padding: 10px; width: 600px } .reviews-unit .title { display: inline-block; width: 50px; margin-right: 10px; float: left } .reviews-unit .title .avatar { padding: 5px; display: inline-block; box-shadow: 0 1px 2px #b9b9b9 } .reviews-unit .ok { float: right; display: inline-block; color: #74ae43; font-weight: bold; padding-left: 20px; margin-left: 5px; background: url("../images/sprite1.png") 0 -197px no-repeat } .reviews-unit .message-block, .reviews-unit .my-review { float: left; width: 610px } .reviews-unit .message-block .content, .reviews-unit .my-review .content { margin-bottom: 20px; padding: 0 } .reviews-unit .message-block .date, .reviews-unit .my-review .date { display: inline-block } .reviews-unit .message-block .name, .reviews-unit .my-review .name { color: #19a0c0; font-weight: bold; margin-bottom: 10px; display: inline-block } .reviews-unit .message-block .evaluation, .reviews-unit .my-review .evaluation { padding: 5px 0; border-color: gray; border-width: 1px 0 1px 0; border-style: solid; margin-bottom: 10px } .reviews-unit .my-review { width: 100% } .reviews-unit .review-rating { padding-left: 60px; display: block; margin-bottom: 20px } .reviews-unit .review-rating .commit, .reviews-unit .review-rating .used { display: inline-block } .reviews-unit .review-rating .used { float: left } .used { display: inline-block } .reviews-unit .review-rating .commit { float: left; background: url("../images/sprite1.png") 0 -151px no-repeat; padding-left: 20px } .reviews-unit .review-rating .review-rating-votes { float: right; margin-bottom: 20px } .reviews-unit .review-rating .ratings { float: right } .reviews-unit .review-rating .ratings .thumbs-down, .reviews-unit .review-rating .ratings .thumbs-up { display: inline-block; padding-left: 20px; background: url("../images/voting2.png") -21px 0 no-repeat; margin-left: 10px; font-weight: bold; color: #74ae43 } .reviews-unit .review-rating .ratings .thumbs-down { background: url("../images/sprite1.png") 0 -221px no-repeat; color: #d44028 } .fright { float: right } .share-buttons{list-style:none;padding:0;margin:0}ul.share-buttons li{display:inline}ul.share-buttons li a img{width:25px;height:25px} .help-block {display:block;margin-top:5px;margin-bottom:10px;color:#737373}