/**
 * 1. Reset
 * 2. Main
 *      2.1. Headings
 *      2.2. Alerts
 *      2.3. Buttons
 *      2.4. Forms
 *          2.4.1. Tall
 *          2.4.2. Wide
 *          2.4.3. Light
 *          2.4.4. Basic
 *      2.5. Scroller
 *      2.99. Other
 * 3. Header
 *      3.1. Navbar
 *          3.1.1. Main nav
 *          3.1.2. Logo
 *      3.2. Topbar
 *          3.2.1. Categories dropdown
 *          3.2.2. Search
 *          3.2.3. Ask button
 * 4. Main block
 *		4.1. Sidebar
 * 			4.1.1. Sub nav
 *		4.2. Content block
 *          4.2.1. Login on pages
 *      4.3. Notice bar
 *      4.4. Ask box
 *      4.5. Favorite
 *      4.6. Rating
 *      4.7. Widgets
 *      4.7.1. Activity count widgets
 *      4.8. Pagination
 *      4.9. Breadcrumbs
 * 5. Footer
 * 6. Pages
 *      6.2. Tags
 * 7. Questions
 *      7.1. Questions list
 *      7.2. Questions detail
 *        7.2.1. Count
 *      7.3. RBA
 *      7.5. Voating
 *      7.6. Related questions
 * 8. Answers
 *      8.1. Count
 * 9. Comments
 * 10. Users
 *      10.1. Users top
 *      10.2. Profile
 * 98. Hacks
 * 99. Media query
 */
/**
 * 1. Reset
 */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic');

html,
body {
    height: 100%;
}

html {
    padding: 0;
    height: 100%;
}

body {
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100%;
}

body, td, input, textarea, select {
    font: 14px/1.5 'PT sans', sans-serif;
}

.clear {
    clear: both;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

form, fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

input {
    outline: none;
}

input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

table {
    border-collapse: collapse
}

p {
    margin-top: 0;
}

blockquote p {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

li {
    line-height: 20px;
}

/**
 * 2. Main
 */

a {
    text-decoration: none;
    color: #3E96F8;
}

a:hover, a:active {
    text-decoration: none;
}

input[type="text"], input[type="password"], textarea, select, checkbox, radio {
    border: 2px solid #D8DCDE;
    padding: 5px;
    color: #404246;
    border-radius: 8px;
    line-height: normal;
    -webkit-transition: border-color .25s ease-out;
    transition: border-color .25s ease-out;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    line-height: normal;
    border-color: #3E96F8;
    outline: none;
}

input[type="submit"] {
    cursor: pointer;
}

select {
    background: #fff;
    height: 33px;
    cursor: pointer;
}

blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

#wrapper {
    min-height: 100%;
    position: relative;
    z-index: 2000;
    height: 100%;
    height: auto !important;
    margin-bottom: -244px;
}

#main {
    padding: 30px 0 244px;
}

.container {
    width: 960px;
    margin: 0 auto;
    min-width: 275px;
    overflow: hidden;
}

#main .container {
    display: flex;
    flex-direction: row;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    margin-bottom: 30px;
}

.for-mobile {
    display: none !important;
}

.pull-right {
    float: right;
}

.fancybox-wrap {
    z-index: 9999;
}

.fancybox-image {
    max-height: 100%;
}

#fancybox-overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 8888;
}

.fancybox-inner {
    overflow: hidden;
}

/**
 * 2.1. Headings
 */

h1, h2, h3 {
    font-family: 'PT Sans', sans-serif;
    margin: 0;
}

h1 {
    line-height: 26px;
}

h3 {
    margin: 0 0 10px 0;
    color: #111;
}

/**
 * 2.2. Alerts
 */

.alert {
    padding: 13px 35px 13px 15px;
    margin-bottom: 20px;
    border: 2px solid #efac48;
    border-radius: 10px;
    font-size: 14px;
}

.alert-danger, .alert-error {
    border-color: #e5392f;
}

.alert h4 {
    margin: 0;
    font-size: 14px;
    color: #efac48;
}

.alert-danger h4, .alert-error h4 {
    color: #e5392f;
}

.qa-error {
    background-color: rgba(62, 150, 248, 0.3);
    margin: 15px auto 15px;
    font-size: 16px;
    padding: 8px 15px;
    border-radius: 8px;
    text-transform: uppercase;
    text-align: center;
}

.qa-error a {
    color: #3E96F8;
}

/**
 * 2.3. Buttons
 */

.btn {
    font-size: 14px;
    padding: 5px 18px 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 10px;
    letter-spacing: .05em;
    text-decoration: none;
    transition: all .15s ease-out;
}

.btn-bordered {
    box-sizing: border-box;
    border: 2px solid #1AAF5D;
    color: #1AAF5D;
    background-color: transparent;
}

.btn-bordered:hover {
    background-color: #1AAF5D;
    color: #fff;
}

/**
 * 2.4. Forms
 */

.qa-form-table-boxed {
    border: 1px solid black;
    margin-bottom: 1em;
}

/**
 * 2.4.1. Tall
 */

.qa-form-tall-table {
    width: 100%;
    border-collapse: collapse;
}

.qa-form-tall-spacer {
    line-height: 1px;
    font-size: 1px;
    padding: 0;
}

.qa-form-tall-ok {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 6px;
    border-radius: 3px;
}

.qa-form-tall-label {
    font-size: 14px;
    padding: 8px 8px 2px 8px;
}

.qa-form-tall-data {
    width: 480px;
    padding-bottom: 25px;
}

.qa-part-form .qa-form-tall-data {
    padding-bottom: 10px;
}

.qa-form-tall-data > ul {
    margin-top: 0;
}

.qa-form-tall-text,
.qa-form-tall-number {
    padding: 3px;
}

.qa-form-tall-text {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qa-form-tall-number {
    width: 48px;
    background: #fff;
}

.qa-form-tall-checkbox {
    float: left;
    margin-right: 4px;
}

.qa-form-tall-image {
    text-align: center;
}

.qa-form-tall-image img {
}

.qa-form-tall-suffix {
    font-weight: 400;
    font-size: 10px;
}

.qa-form-tall-error {
    color: #c00;
    font-size: 14px;
    margin-top: 6px;
    display: inline-block;
}

.qa-form-tall-note {
    margin-top: 6px;
}

.qa-form-tall-button,
.qa-form-tall-table input[type="button"],
.qa-form-wide-button,
.qa-form-basic-button {
    letter-spacing: .1em;
    font-size: 14px;
    color: #FFF;
    line-height: 33px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    height: 33px;
    vertical-align: middle;
    -webkit-transition: background .15s ease-out;
    transition: background .15s ease-out;
    border: none;
    border-radius: 8px;
}

.qa-form-wide-button-account {
    margin-top: 10px;
}

.qa-form-tall-button-cancel,
.qa-form-tall-button-reset,
.qa-form-wide-button-reset,
.qa-form-wide-button-setbonus,
.qa-form-wide-button-block {
    background: #3E96F8;
}

.qa-form-tall-button-cancel:hover,
.qa-form-tall-button-reset:hover,
.qa-form-wide-button-reset:hover,
.qa-form-wide-button-setbonus:hover,
.qa-form-wide-button-block:hover {
    background: #1783E3;
}

.qa-form-tall-button-ask,
.qa-form-tall-button-comment,
.qa-form-tall-button-answer,
.qa-form-wide-button-save,
.qa-form-wide-button-saverecalc,
.qa-form-tall-button-save,
.qa-form-wide-button-account,
.qa-form-tall-button-post,
.qa-form-wide-button-edit,
.qa-form-tall-button-send,
.qa-form-wide-button-send,
.qa-form-tall-button-close,
.qa-form-wide-button-close {
    background: #09C47E;
}

.qa-form-tall-button-ask {
    width: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.qa-form-tall-button-ask:hover,
.qa-form-tall-button-comment:hover,
.qa-form-tall-button-answer:hover,
.qa-form-wide-button-save:hover,
.qa-form-wide-button-saverecalc:hover,
.qa-form-tall-button-save:hover,
.qa-form-wide-button-account:hover,
.qa-form-tall-button-post:hover,
.qa-form-wide-button-edit:hover,
.qa-form-tall-button-send:hover,
.qa-form-wide-button-send:hover,
.qa-form-tall-button-close:hover,
.qa-form-wide-button-close:hover {
    background: #00B06A;
}

/**
 * 2.4.2 Wide
 */

.qa-form-wide-table {
    border-collapse: collapse;
    width: 100%;
}

.qa-form-wide-spacer {
    line-height: 1px;
    font-size: 1px;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

.qa-form-wide-ok {
    color: #090;
    font-size: 18px;
    text-align: center;
    padding: 6px;
}

.qa-form-wide-label {
    border-bottom: 1px solid #f4f4f4;
    color: #444;
    font-size: 14px;
    white-space: nowrap;
    padding: 10px;
}

.qa-form-wide-data {
    border-bottom: 1px solid #f4f4f4;
    padding: 6px 10px;
}

.qa-form-wide-text {
    background: #fff;
    width: 320px;
}

.qa-form-wide-data input {
    background: #fff;
}

.qa-form-wide-number {
    width: 48px;
    vertical-align: middle;
}

.qa-form-wide-error {
    display: inline-block;
    color: #c00;
    font-size: 11px;
    margin-left: 6px;
}

.qa-form-wide-note {
    font-size: 10px;
    margin-left: 4px;
    color: #666;
}

.qa-form-wide-buttons {
    padding: 15px 0 15px 8px;
}

.qa-form-wide-prefix {
    font-size: 14px;
}

/**
 * 2.4.3. Light
 */

.qa-form-light-button {
    background: none;
    color: #9b9da2;
    border: 0;
    height: 20px;
    cursor: pointer;
    margin-right: 6px;
    font-size: 13px;
    text-align: left;
    padding: 0 0 0 22px;
    background: url('images/form-icons.png') no-repeat 0 0;
}

.qa-form-light-button:hover {
    color: #383e47;
}

.qa-form-light-button-edit,
.qa-form-light-button-retagcat {
    background-position: 0 -153px;
}

.qa-form-light-button-edit:hover,
.qa-form-light-button-retagcat:hover {
    background-position: 0 -179px;
}

.qa-form-light-button-flag {
    background: url(images/mark.png) no-repeat 0 3px;
}

.qa-form-light-button-flag:hover {
    background-position: 0 -28px;
    color: #3E96F8;
}

.qa-form-light-button-unflag,
.qa-form-light-button-clearflags {
    background: url(images/unmark.png) no-repeat 4px, 50%;
    padding-right: 18px;
}

.qa-form-light-button-hide {
    background-position: 0 -205px;
}

.qa-form-light-button-hide:hover {
    background-position: 0 -231px;
}

.qa-form-light-button-follow {
    background: url(images/follow-icon.png) no-repeat left center;
    padding-left: 18px;
}

.qa-form-light-button-comment {
    background-position: 0 -75px;
}

.qa-form-light-button-comment:hover {
    background-position: 0 -49px;
}

.qa-form-light-button-answer {
    background-position: 0 -128px;
    color: #09c47e;
}

.qa-form-light-button-answer:hover {
    background-position: 0 -102px;
    color: #3e96f8;
}

.qa-form-light-button-reshow {
    background: url(images/reshow-icon.png) no-repeat left center;
    padding-left: 18px;
}

.qa-form-light-button-claim {
    background: url(images/claim-icon.png) no-repeat left center;
    padding-left: 18px;
}

.qa-form-light-button-delete {
    background: url(images/delete-icon.png) no-repeat left center;
    padding-left: 18px;
}

.qa-form-light-button-approve {
    background: url(images/approve-icon.png) no-repeat left center;
    padding-left: 18px;
}

.qa-form-light-button-reject {
    background: url(images/reject-icon.png) no-repeat left center;
    padding-left: 18px;
}

.qa-form-light-button-close {
    background-position: 0 -24px;
}

.qa-form-light-button-close:hover {
    background-position: 0 2px;
}

.qa-form-light-button-reopen {
    background: url(images/reopen-icon.png) no-repeat left center;
    padding-left: 18px;
}

/**
 * 2.4.4. Basic
 */

.qa-form-basic-button {
    vertical-align: middle;
    margin: 4px 4px 8px 0;
}

/**
 * 2.5. Scroller
 */

#totop.visible {
    visibility: visible;
    opacity: 1;
}

#totop {
    position: fixed;
    bottom: 70px;
    left: 20px;
    display: block;
    width: 41px;
    height: 43px;
    background: url("images/top.png") no-repeat center center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s 0s ease-out;
    transition: all 0.25s 0s ease-out;
    z-index: 9999;
}

#totop:hover {
    background-image: url("images/toph.png");
}

/**
 * 2.99. Other
 */

.text-replace {
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
}

.qa-q-view-follows {
    background: #eee;
    padding: 2px 5px;
}

.qa-q-view-follows-link {
    color: #3B5998 !important;
}

.fb_iframe_widget span {
    margin-top: -3px;
}

.qa-nav-main-clear,
.qa-nav-sub-clear,
.qa-q-item-clear,
.qa-q-view-clear,
.qa-a-item-clear,
.qa-c-item-clear,
.qa-v-item-clear,
.qa-footer-clear,
.qa-page-links-clear {
    clear: both;
}

a.cke_button {
    padding: 6px 7px !important;
}

.qa-form-tall-label input[name="necessity-site"], span.necessity-site-label {
    position: relative;
    top: -10px;
}

div[itemprop="text"] pre {
    white-space: pre-wrap;
    overflow: hidden;
}

div[itemprop="text"] pre > code {
    display: inline-block;
}

.qa-waiting {
    background: url(images/spinner-icon-14x14.gif) no-repeat center;
    width: 14px;
    height: 14px;
    display: inline-block;
    font-size: 0;
    margin: 0px 8px 0px 4px;
    vertical-align: middle;
}

.qa-a-selection .qa-waiting {
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
}

/**
 * 3. Header
 */

/**
 * 3.1. Navbar
 */

.navbar {
    position: relative;
    -webkit-font-smoothing: antialiased;
    font: 14px / 1.6 'PT Sans', sans-serif;
    z-index: 200;
}

.navbar-inner {
    background: #01040c;
    line-height: 50px;
    font-size: 0;
    border-radius: 0;
    min-height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    background-repeat: repeat-x;
}

.navbar .pushy {
    float: right;
    text-align: right;
}

/**
 * 3.1.1. Logo
 */

.header-logo {
    display: block;
    float: left;
    height: 50px;
    white-space: nowrap;
    font-size: 24px;
    color: #FFF;
}

.header-logo .logo-i {
    display: inline-block;
    width: 37px;
    height: 50px;
    background: url('images/logo.png') no-repeat 50% 49%;
    color: rgba(0, 0, 0, 0);
    margin-right: 10px;
}

.header-logo span {
    position: relative;
    line-height: 50px;
}

/**
 * 3.1.2. Main nav
 */

.qa-nav-main {
    margin: 0;
    position: relative;
    left: 0;
    display: block;
    float: left;
    list-style: none;
}

.qa-nav-main li {
    padding: 0 3px;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    line-height: 20px;
}

.qa-nav-main li a {
    float: none;
    position: relative;
    padding: 16px 10px 14px;
    color: #777777;
    text-shadow: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 12px;
    text-decoration: none;
    display: block;
}

.qa-nav-main li a:hover,
.qa-nav-main li a.qa-nav-main-selected {
    color: #fff;
}

.qa-nav-main li a:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    background-color: #488BFA;
    content: '';
    display: block;
    -webkit-transition: height .15s ease-out;
    transition: height .15s ease-out;
}

.qa-nav-main li a:hover:before,
.qa-nav-main li a.qa-nav-main-selected:before {
    height: 5px !important;
}

.qa-nav-main-custom-4,
.qa-nav-main-custom-2 {
    padding: 0 !important;
    width: 14px !important;
}

.qa-nav-main-custom-4 a,
.qa-nav-main-custom-2 a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/**
 * 3.2. Topbar
 */

.topbar {
    position: relative;
    height: 50px;
}

.topbar-inner {
    background-color: #efeff0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.menu-btn {
    display: none;
}

/**
 * 3.2.1. Categories dropdown
 */

.dropdown-show {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 15px 0 30px;
    width: 250px;
    height: 50px;
    background: url("images/cat.png") no-repeat 0 20px;
    color: #222;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: width .15s ease-out;
    transition: width .15s ease-out;
    float: left;
    -webkit-font-smoothing: antialiased;
}

.dropdown-b {
    min-height: 260px;
    background-color: rgba(56, 62, 71, .97);
    position: absolute;
    padding: 82px 0 0;
    width: 100%;
    z-index: 90;
}

.dropdown-b.dropdown-hidden {
    visibility: hidden;
    bottom: 100%;
}

.dropdown-cat {
    width: 235px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 30px;
    text-align: left;
}

.dropdown-c-name {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 19px;
    padding: 0;
    margin: 0;
    padding-bottom: 8px;
    letter-spacing: .05em;
}

.dropdown-c-name span {
    color: #fff;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
}

.dropdown-c-name img {
    padding-right: 12px;
    vertical-align: top;
}

.dropdown-subcat {
    min-height: 21px;
}

.dropdown-subcat a {
    font-size: 13px;
    color: #b3b3b3;
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
}

.dropdown-subcat a:hover, .dropdown-subcat a.active {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.dropdown-subcat .dropdown-subcat-count {
    color: white;
    margin-left: 5px;
}

.dropdown-b ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.masonry-init {
    display: block !important;
    top: -10000px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/**
 * 3.2.2. Search
 */

.searchForm {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 55px;
    vertical-align: top;
    padding: 0 40px 0 0;
}

.searchForm input[type="text"].queryField {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 55px;
    width: 100%;
    height: 55px;
    border: none;
    border-radius: 0;
    background: rgba(0, 0, 0, .03) url("images/search.png") no-repeat 25px 50%;
    color: #96999e;
    font-style: italic;
}

/**
 * 3.2.3. Ask button
 */

.topbar .btns-b {
    white-space: nowrap;
    padding-top: 10px;
    display: table-cell;
}

.topbar .btns-b .btn + .btn {
    margin-left: 15px;
}

/**
 * 4. Main block
 */

.qa-rss-icon {
    width: 12px !important;
    height: 12px !important;
}

.qa-feed-link {
    font-size: 16px;
    color: #b3b3b3;
    padding-left: 20px;
    background: url(images/rss.png) no-repeat 0 2px;
}

.qa-feed-link:hover {
    color: #3e444c;
    background-position: 0 -25px;
}

/**
 * 4.1. Sidebar
 */

.span4 {
    min-width: 250px;
    max-width: 250px;
    float: left;
    min-height: 1px;
    margin-right: 20px;
}

.well {
    font-size: 16px;
    min-height: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #f5f5f6;
}

.ud-sidebar {
    font-size: 16px;
    padding-bottom: 25px;
}

.ud-sidebar h1,
.qa-related-qs h2 {
    font-size: 26px;
    line-height: 1.2;
    margin: 10px 0;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    text-rendering: optimizelegibility;
    color: #383E47;
    word-break: break-word;
    line-height: 26px;
}

/**
 * 4.1.1. Sub nav
 */

.qa-nav-sub-list {
    margin: 0;
    padding: 0;
}

.qa-nav-sub-list li {
    padding: 8px 0;
    list-style: none;
}

.qa-nav-sub-list a {
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: .05em;
    vertical-align: middle;
    padding: 2px 7px 0;
    color: #383e47;
    font: 16px 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.qa-nav-sub-list a.qa-nav-sub-selected,
.qa-nav-sub-list a:hover {
    color: #1aaf5d;
}

.qa-nav-sub-list a:before {
    background-image: url('images/arr-md-green.png');
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    background-repeat: no-repeat;
    height: 14px;
}

/**
 * 4.2. Content block
 */

.span8 {
    width: 100%;
}

.span8 img {
    max-width: 100%;
    height: auto !important;
}

.span8 h1 {
    font-size: 26px;
    margin: 0 0 10px;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    text-rendering: optimizelegibility;
    color: #383E47;
    word-break: break-word;
    line-height: 26px;
}

/**
 * 4.2.1. Login on pages
 */

.uid-login {
    background: url("images/uid-logo-content.png") no-repeat scroll 0 50%;
    padding-left: 60px;
    color: #444b52;
    display: inline-block;
    outline: 0 none;
    font: 13px/50px "PT sans";
    transition: all .25s ease-out;
}

/**
 * 4.3. Notice bar
 */

.qa-notice {
    background: #FFC73A;
    border-bottom: 3px solid #FFD77A;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding: 8px 32px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.qa-notice-close-button {
    font-family: Arial, Tahoma, Sans-serif;
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    font-weight: 700;
    background: #FFE484;
    cursor: pointer;
    position: absolute;
    padding: 4px 8px;
    line-height: normal;
    display: inline-block;
    border: none;
    top: 7px;
    right: 6px;
    border-radius: 15px;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}

.qa-notice-close-button:hover {
    background: #EAD279;
    color: #000;
}

.uid-login:hover {
    color: #3E96F8;
}

.uid-login span {
    cursor: pointer !important;
    font-size: 22px;
}

/**
 * 4.4. Ask box
 */

.qa-ask-box {
    background: #0087CA;
    border: 1px solid #005782;
    border-radius: 3px;
}

.qa-ask-box .qa-form-tall-label {
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.qa-ask-box tr:hover {
    background: none;
}

.ask-with-border {
    border: 2px solid #1EC989;
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 15px;
}

/**
 * 4.5. Favorite
 */

.qa-favoriting {
    height: 11px;
    display: inline-block;;
    float: right;
}

.qa-favorite-button, .qa-unfavorite-button {
    background: url(images/star.png) no-repeat;
    border: 0;
    height: 11px;
    width: 11px;
    position: relative;
    top: -3px;
}

.qa-favorite-button {
    background-position: 0 0;
}

.qa-favorite-button:hover {
    background-position: 0 -26px;
}

.qa-unfavorite-button {
    background-position: 0 -26px;
}

.qa-unfavorite-button:hover {
    background-position: 0 0;
}

.qa-favoriting .qa-waiting {
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
}

.qa-favorite-image {
    background: url(images/favorite-heart.png) no-repeat;
    background-position: 0 -24px;
    border: 0;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    display: inline-block;
}

.qa-q-favorited .qa-q-item-title a,
.qa-tag-favorited,
.qa-tag-favorited:hover,
.qa-cat-favorited,
.qa-user-favorited,
.qa-nav-cat-favorited,
.qa-browse-cat-favorited {
    background-image: url(images/favorite-icon-15x15.png);
    background-repeat: no-repeat;
}

.qa-cat-parent-favorited {
    background-image: url(images/favorite-light-icon-15x15.png);
    background-repeat: no-repeat;
}

.qa-q-favorited .qa-q-item-title a, .qa-browse-cat-favorited {
    background-position: left center;
    padding-left: 18px;
}

.qa-nav-cat-favorited {
    background-position: 100% 50%;
    padding-right: 15px;
}

.qa-nav-cat-favorited + .qa-nav-cat-note {
    padding-left: 0;
}

.qa-tag-favorited,
.qa-tag-favorited:hover {
    background-position: 2px center;
    padding-left: 19px !important;
}

.qa-cat-favorited,
.qa-cat-parent-favorited,
.qa-user-favorited {
    background-position: left center;
    padding-left: 17px;
}

.qa-template-favorites .qa-q-list-item {
    padding: 0 !important;
}

.favorites--q-list,
.qa-part-ranking-users .qa-top-users-table,
.qa-part-ranking-tags .qa-top-tags-table,
.qa-part-nav-list-categories .qa-browse-cat-list{
    margin: 10px 0 40px
}

/**
 * 4.6. Rating
 */

.rating-control {
    margin: 20px 0 12px;
    list-style: none;
    padding: 0;
}

.rating-control:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
    line-height: 0;
}

.rating-control__item {
    float: left;
    margin: 0;
    line-height: 1.6;
    padding-right: 7px;
}

.rating-control__item:last-child {
    padding-left: 0;
}

.rating-control__link {
    display: block;
    margin: 0;
    width: 24px;
    height: 22px;
    background: url('images/stars.png') 0 0 no-repeat;
    text-indent: -1000em;
    text-decoration: none;
    outline: none;
}

.rating-control__item_active .rating-control__link {
    background-position: 0 -22px;
}

/**
 * 4.7. Widgets
 */

.qa-widget-full {
    clear: both;
    margin: 15px 0;
}

.qa-widget-full-high {
    margin-bottom: 0;
}

.qa-widgets-main-high {
    margin-bottom: 24px;
}

.qa-widget-main-bottom {
    margin-bottom: 0;
}

.qa-widget-side > div {
    padding: 10px 20px 20px;
}

.qa-widget-side > div.qa-related-qs {
    padding: 0;
    word-wrap: break-word;
}

/**
 * 4.7.1. Activity count widgets
 */

.qa-activity-count {
    font-size: 14px;
    color: #666;
    padding: 10px;
}

.qa-activity-count-item {
    margin: 0;
}

.qa-activity-count-data {
    font-size: 24px;
    font-weight: 700;
    color: #0179b5;
}

/**
 * 4.8. Pagination
 */

.qa-page-links {
    font-size: 12px;
    clear: both;
    padding: 40px 0 20px;
    line-height: 60px;
    display: table;
    margin: 0 auto;
}

.qa-page-links-label {
    display: none;
}

.qa-page-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.qa-page-links-item {
    text-align: center;
    float: left;
    display: inline;
}

.qa-page-link, .qa-page-selected, .qa-page-prev, .qa-page-next, .qa-page-ellipsis {
    display: block;
    padding: 1px 6px;
    color: #d7dcde;
    border: 2px solid #D7DCDE;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px 12px;
    height: 48px;
    width: auto;
    min-width: 47px;
    line-height: 44px;
}

.qa-page-link,
.qa-page-selected {
    border-radius: 8px;
    font-size: 18px;
    display: inline-block;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.qa-page-prev, .qa-page-next {
    background: url(images/page-arr.png) no-repeat;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    margin: 0;
    width: 27px;
}

.qa-page-links-item:first-child span,
.qa-page-links-item:first-child a {
    margin-left: 0;
}

.qa-page-prev {
    background-position: 50% 19px;
}

.qa-page-prev:hover {
    background-position: 50% -16px;
}

.qa-page-next {
    background-position: 50% -51px;
}

.qa-page-next:hover {
    background-position: 50% -86px;
}

.qa-page-ellipsis {
    color: #d7dcde;
    border: none;
    width: 27px;
    margin: 0 3px;
}

.qa-page-link:hover,
.qa-page-selected {
    text-decoration: none;
    background-color: #488BFA;
    color: #fff;
    border-color: #488BFA;
}

/**
 * 4.9. Breadcrumbs
 */

.breadcrumb {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    list-style: none;
    font-size: 14px;
    color: #94999E;
}

.breadcrumb > li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #fff;
    *zoom: 1
}

.breadcrumb li:not(:last-child):after {
    content: '>';
    color: #94999E;
    margin-left: 8px;
    margin-right: 8px;
}

.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc
}

.breadcrumb > .active {
    color: #999
}

.breadcrumb a {
    color: #498bfa;
}

.breadcrumb a:hover {
    color: #383E47;
    text-decoration: none;
}

/**
 * 5. Footer
 */

.footer {
    overflow: hidden;
    padding: 50px 0;
    background-color: #383e47;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2001;
}

.pushy-active .footer {
    z-index: 1;
}

.copiright {
    float: left;
    margin-right: 45px;
    color: #96999e;
    font-size: 13px;
}

.footer-logo {
    display: block;
    margin-bottom: 20px;
    width: 105px;
    height: 90px;
    background: url('https://www.ucoz.ru/ucoz/v3/images/logo-f.png') no-repeat 0 0;
}

.footer-navigation {
    display: inline-block;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    width: 175px;
    -webkit-font-smoothing: antialiased;
}

.footer-n-about {
    width: 170px;
}

.footer-n-legal {
    width: 240px;
}

.footer-n-comm {
    width: 154px;
    padding-right: 0;
}

.footer-navigation h3 {
    margin: 0 0 3px 0;
    color: #96999e;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 14px;
}

.footer-n-list {
    margin: 0;
    padding: 0;
}

.footer-n-list a {
    color: #fff;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

.footer-n-list a:hover {
    color: #498bfa;
    text-decoration: none;
}

.footer-navigation li {
    padding: 5px 0;
    list-style: none;
}

.social-buttons { 
	display: flex;
	overflow: hidden;
	margin: 20px 0 0;
	gap: 5px;
}

.social-buttons__button{ 
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;height: 30px;
	border-radius: 8px;
}

.social-buttons .social-buttons__button--tg-news { 
	background: #549BE2;
}

.social-buttons .social-buttons__button--tg-community { 
	border: 1px solid #E6E6E6;
	background-color: transparent;
}

.social-buttons .social-buttons__button--tg-news:hover{ 
	background-color: rgb(84 155 226 / 80%); 
}

.social-buttons .social-buttons__button--tg-community:hover{ 
	border-color:rgb(230 230 230 / 80%); 
}

/**
 * 6. Pages
 */

/**
 * 6.2. Tags
 */

.qa-top-tags-table {
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
}

.qa-top-tags-count {
    background: rgba(62, 150, 248, 0.3);
    color: #444B52;
    padding: 8px 8px 8px 12px;
}

.qa-top-tags-label {
    background: #fff;
    padding: 4px 16px 0 8px;
}

.qa-top-tags-label .qa-tag-link {
    font-weight: 400;
}

.qa-top-tags-spacer {
    padding: 0 4px;
}

/**
 * 7. Questions
 */

.qa-user-link,
a.qa-q-view-what {
    color: #3e96f8;
}

a.qa-q-item-what:hover,
a.qa-q-view-what:hover {
    color: #383E47;
}

.qa-category-link {
    color: #1e5568;
    font-weight: 700;
}

.qa-category-link:hover {
    color: #3E96F8;
    font-weight: 700;
}

.qa-tag-link {
    color: #96999e !important;
    font-size: 14px;
    display: inline-block;
    text-decoration: none !important;
    padding: 2px 8px;
    border: 2px solid #d8dcde;
    border-radius: 8px;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    vertical-align: bottom !important;
}

.qa-related-q-item a {
    margin: 0;
    display: block;
    background: none;
    border: none;
    text-transform: none;
}

.qa-tag-link:hover {
    background: #3e96f8;
    color: #fff !important;
    border-color: #3e96f8;
}

.qa-q-view-tag-item {
    margin: 5px 0;
}

.qa-avatar-link {
    border-radius: 100%;
    display: inline-block;
}

.qa-avatar-image {
    border: 0;
    vertical-align: middle;
    border-radius: 100%;
}

.qa-q-view-avatar .qa-avatar-image,
.qa-a-item-avatar .qa-avatar-image,
.qa-c-item-avatar .qa-avatar-image {
    height: 28px;
    width: 28px;
}

.qa-avatar-link, .qa-avatar-link:hover {
    text-decoration: none;
}

/**
 * 7.1. Question list
 */

.qa-q-list-item {
    padding: 25px 0;
    display: flex;
    flex-direction: row;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

.qa-q-list-item:first-child {
    padding-top: 0;
}

/* zoom for IE, padding for early FF */
.qa-q-item-main {
    display: block;
    float: left;
    padding-left: 6px;
    width: 100%;
}

.qa-q-item-title {
    color: #000;
    font-size: 16px;
    word-break: break-word;
    line-height: 20px;
}

.qa-q-item-title:first-letter {
    text-transform: uppercase;
}

.qa-q-item-title a {
    font-weight: 700;
    line-height: normal;
    color: #2d343d;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}

.qa-q-item-title a:hover {
    color: #3e96f8;
}

.qa-q-item-content {
    font-size: 10px;
    margin-top: 8px;
    max-height: 80px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 4px;
}

.qa-q-item-avatar-meta,
.qa-q-view-avatar-meta,
.qa-a-item-avatar-meta,
.qa-c-item-avatar-meta {
    display: block;
}

.qa-q-item-avatar-meta {
    margin: 10px 0 0;
}

.qa-q-item-avatar {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;

}

.qa-q-item-meta {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #96999e;
}

.qa-q-item-when-data {
    font-weight: 700;
}

.qa-q-item-who-title {
    font-size: 80%;
    font-weight: 700;
    color: #6b0000;
}

.qa-q-item-points-data {
    font-weight: 700;
}

.qa-q-item-flags {
    color: red;
    font-weight: 700;
    padding-left: 4px;
}

.qa-q-item-tags {
    margin-top: 10px;
    float: left;
}

.qa-q-item-tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.qa-q-item-tag-item {
    display: inline;
}

.qa-q-item-buttons {
    clear: both;
    float: left;
    margin: 10px 0;
}

.qa-suggest-next {
    text-align: center;
    font-size: 20px;
    margin: 22px auto 0;

}

.qa-suggest-next .qa-favorite-image {
    background: url(images/star.png) no-repeat;
    background-position: 0 0px;
    border: 0;
    height: 11px;
    width: 11px;
}

.qa-q-list-item .lp-det {
    position: relative;
    top: 12px;
}

.qa-q-list-item .project-views,
.qa-q-list-item .project-comm {
    vertical-align: middle;
    padding-left: 20px;
    background-repeat: no-repeat;
    margin: 0 10px;
    font-weight: 700;
    color: #96999E;
    font: 14px/1.6 'PT Sans', sans-serif;
    background-position: 0 49%
}

.qa-q-list-item .project-views {
    background-image: url('images/eye.png');
}

.qa-q-list-item .project-comm {
    background-image: url('images/comm.png');
}

/**
 * 7.2. Question detail
 */

.qa-q-view {
    position: relative;
    padding-top: 10px;
    padding-bottom: 45px;
    word-break: break-word;
}

.qa-q-view-main {
    padding-left: 10px;
    display: block;
    margin-left: 58px;
    overflow: hidden;
}

.qa-q-view-content {
    margin-bottom: 16px;
}

.qa-q-view-avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.qa-q-view-meta {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #96999E;
}

.qa-q-view-follows {
    font-size: 14px;
    margin-bottom: 12px;
}

.qa-q-view-closed {
    font-size: 14px;
    margin-bottom: 18px;
}

.qa-q-view-closed-content {
    font-weight: 700;
}

.qa-q-view-extra {
    font-size: 14px;
    margin-bottom: 18px;
}

.qa-q-view-extra-content {
    font-weight: 700;
}

.qa-q-view-who-title {
    font-size: 80%;
    font-weight: 700;
    color: #6b0000;
}

.qa-q-view-points-data {
    font-weight: 700;
}

.qa-q-view-flags {
    color: #FF8B61;
    font-weight: 700;
    padding-left: 4px;
}

.qa-q-view-tags {
    clear: both;
    margin-bottom: 12px;
}

.qa-q-view-tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.qa-q-view-tag-item {
    display: inline;
}

.qa-q-view-buttons {
    margin-top: 16px;
}

.qa-q-view-c-list {
    clear: both;
    border-top: 1px solid #ccc;
    margin: 24px 0 0 24px;
}

.qa-q-view-hidden .qa-voting {
    color: #ccc;
}

.qa-q-view-hidden .qa-q-view-content {
    color: #999;
}

.qa-q-view-hidden .qa-q-view-meta {
    color: #ccc;
}

.qa-q-view-hidden .qa-user-link {
    color: #3e96f8;
}

.qa-q-view-hidden .qa-q-view-who-title {
    color: #999;
}

.qa-q-view-hidden .qa-category-link {
    color: #999;
}

.qa-q-view-hidden .qa-tag-link {
    color: #ccc;
    opacity: 0.5;
}

/**
 * 7.2.1. Count
 */

.qa-template-question .qa-view-count {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: -20px;
    margin-right: 0;
    background: transparent;
}

.qa-template-question .qa-view-count-data,
.qa-template-question .qa-view-count-pad {
    font-size: 14px;
    display: inline;
}

.qa-view-count-data {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin-top: 3px;
}

/**
 * 7.3. RBA
 */

.rba-block {
    border: 2px solid #1EC989;
    border-radius: 8px;
    padding: 10px 8px;
    margin-top: 20px;
    background: rgba(30, 201, 137, 0.05);
}

.rba-block-img {
    background: url('images/like.png') no-repeat;
    background-position: 0 -72px;
    border: 0;
    height: 26px;
    width: 26px;
    float: left;
    margin-right: 15px;
    margin-left: 5px;
}

.rba-block-content {
    margin-bottom: 2px;
    margin-top: 2px;
    font-weight: bold;
}

/**
 * 7.5. Voating
 */

.qa-voting {
    background-color: rgba(62, 150, 248, 0.3);
    /*	border:1px solid #c5d6df;*/
    float: left;
    width: 58px;
    height: 58px;
    margin-right: 9px;
    padding: 0;
    border-radius: 9px;
    position: relative;
}

.qa-voting.a-count-zero {
    background: rgba(255, 139, 97, 0.3) !important;
}

.q-with-a-selected {
    background: #d9f5bb !important;
}

.qa-vote-buttons input {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.qa-vote-buttons {
    position: absolute;
    height: 19px;
    width: 6px;
    top: 25px;
    right: 5px;
}

.qa-vote-up-button, .qa-vote-down-button, .qa-vote-one-button {
    text-indent: 9999px;
    opacity: .5;
}

.qa-q-list-vote-disabled .qa-vote-buttons {
    display: none;
}

.qa-vote-up-button, .qa-vote-up-disabled {
    background: url(images/vote-arr.png) no-repeat;
    border: 0;
    font-size: 1px;
    height: 8px;
    width: 7px;
    padding: 0 !important;
}

.qa-vote-up-button {
    background-position: 0 0;
}

.qa-vote-up-disabled,
.qa-vote-down-disabled {
    opacity: .1;
}

.qa-vote-up-button:hover,
.qa-vote-down-button:hover,
.qa-vote-one-button:hover {
    opacity: 1;
}

.qa-vote-down-button, .qa-vote-down-disabled {
    background: url(images/vote-arr.png) no-repeat;
    border: 0;
    font-size: 1px;
    height: 8px;
    width: 7px;
    padding: 0 !important;
}

.qa-vote-down-button {
    background-position: -16px 0;
}

.qa-voted-up-button,
.qa-voted-down-button {
    background: url(images/vote-arr.png);
    border: 0;
    font-size: 1px;
    height: 8px;
    width: 7px;
    padding: 0;
    opacity: 1;
}

.qa-voted-up-button {
    background-position: 0 0;
}

.qa-voted-up-button:hover {

}

.qa-voted-down-button {
    background-position: 0 -11px;
}

.qa-vote-one-button {
    position: absolute;
    left: 0;
    bottom: 50%;
    margin-bottom: -4px;
}

.qa-vote-first-button {
    position: absolute;
    left: 0;
    top: 0;
}

.qa-vote-second-button {
    position: absolute;
    left: 0;
    bottom: 0;
    background-position: 0 -11px;
}

.qa-netvote-count {
    text-align: center;
    display: block;
}

.qa-netvote-count-data {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin-top: 3px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qa-netvote-count-pad {
    font-size: 10px;
    padding-top: 6px;
    display: inline-block;
}

/* separate vote buttons counter */
.qa-upvote-count,
.qa-downvote-count {
    text-align: center;
    display: block;
}

.qa-upvote-count-data,
.qa-downvote-count-data {
    font-size: 18px;
    font-weight: 700;
    display: block;
    line-height: 18px
}

.qa-upvote-count-pad,
.qa-downvote-count-pad {
    font-size: 11px;
    line-height: 11px;
    color: #9DA8AD;
}

.v-list {
    border-collapse: collapse;
    margin: 25px 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.v-list th {
    text-align: center;
    padding: 8px 16px 8px 12px;
    background: #F8F9FA;
    border: 1px solid rgb(237, 237, 237);
}

.v-list td {
    border: 1px solid rgb(237, 237, 237);
}

.v-list .green {
    color: #01B601;
}

.v-list .red {
    color: red;
}

/**
 * 7.6. Related questions
 */

.qa-related-qs {
    font-size: 14px;
}

.qa-related-q-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.qa-related-q-item {
    margin: 0;
    padding: 5px 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #ddd;
}

.qa-related-q-item:first-child {
    border-top: none;
}

.qa-related-q-item:last-child {
    border-bottom: none;
}

/**
 * 8. Answers
 */

.qa-c-form {
    margin-top: 30px;
}

#a_list_title,
.qa-a-form > h2,
.qa-c-form > h2 {
    font-weight: 300;
    /*text-transform: uppercase;*/
    font-size: 33px;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
}

.qa-a-form h2:only-child,
.qa-c-form h2:only-child {
    font-size: 16px;
    margin-bottom: 45px;
}

.qa-a-list-item {
    background: #fff;
    position: relative;
    padding: 30px 10px;
}

.answer-selected {
    border: 2px solid #1EC989;
    border-radius: 8px;
    padding: 30px 8px;
}

.qa-a-item-main {
    padding-left: 10px;
    margin-left: 58px;
    display: block;
    word-break: break-word;
}

/* inline-block for IE */
.qa-a-item-content {
    margin-bottom: 16px;
}

.qa-a-item-avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.qa-a-item-meta {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #96999E;
}

.qa-a-item-who-title {
    font-size: 80%;
    font-weight: 700;
    color: #6b0000;
}

.qa-a-item-points-data {
    font-weight: 700;
}

.qa-a-item-flags {
    color: red;
    font-weight: 700;
    padding-left: 4px;
}

.qa-a-item-buttons {
    margin-top: 16px;
}

.qa-a-item-c-list {
    clear: both;
    margin: 24px 0 0;
}

.qa-a-selection {
    position: absolute;
    left: 12px;
    top: 98px;
    width: 60px;
    text-align: center;
}

.qa-a-select-button {
    background: url(images/like.png) no-repeat;
    border: 0;
    height: 26px;
    width: 26px;
}

.qa-a-select-button {
    background-position: 0 -36px;
}

.qa-a-select-button:hover {
    background-position: 0 0;
}

.qa-a-unselect-button {
    background: url(images/like.png) no-repeat;
    border: 0;
    height: 26px;
    width: 26px;
}

.qa-a-unselect-button {
    background-position: 0 -72px;
}

.qa-a-unselect-button:hover {
    background-position: 0 -36px;
}

.qa-a-selected {
    background: url(images/like.png) no-repeat 0 -72px;
    height: 26px;
    width: 26px;
    margin: 0 auto;
}

.qa-a-selected-text {
    font-size: 10px;
    display: block;
    margin-top: 6px;
    color: #1ec989;
    line-height: 1.3;
}

.qa-a-selection .qa-a-unselect-button:hover + .qa-a-selected-text {
    color: #96999e;
}

/**
 * 9. Comments
 */

.qa-c-list-item {
    background: #fff;
    padding: 8px;
    transition: background-color 2s;

}

.qa-c-list-item.highlight {
    transition: background-color 0s;
    background-color: #C5E0FD !important;
}

.qa-c-list-item:nth-child(odd) {
    background: #fafafa;
}

.qa-c-list-item:last-child {
    border-bottom: none;
}

.qa-c-item-hidden .qa-c-item-content {
    color: #bbb;
}

.qa-c-item-hidden .qa-c-item-link {
    color: #aaf;
}

.qa-c-item-hidden .qa-c-item-what {
    color: #ccc;
}

.qa-c-item-hidden .qa-c-item-meta {
    color: #ccc;
}

.qa-c-item-hidden .qa-c-item-who-title {
    color: #999;
}

.qa-c-item-hidden .qa-user-link {
    color: #999;
}

.qa-c-item-link {
    display: block;
    margin-bottom: 6px;
}

.qa-c-item-expand {
    display: block;
    color: #666;
    font-style: italic;
    margin: 2px 0;
}

.qa-c-item-content {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
}

.qa-c-item-content-whom {
    float: left;
    margin-right: 5px;
}

/* height for IE6 */
.qa-c-item-avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.qa-c-item-meta {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    color: #96999E;
}

.qa-c-item-who-title {
    font-size: 80%;
    font-weight: 700;
    color: #6b0000;
}

.qa-c-item-who-points {
    display: none;
}

.qa-c-item-flags {
    color: red;
    font-weight: 700;
    padding-left: 3px;
}

.qa-c-item-buttons {
    display: block;
    float: right;
}

.qa-c-item-buttons .qa-form-light-button {
    background: none;
    height: auto;
    font-size: 10px;
    padding: 0;
}

/**
 * 10. Users
 */

/**
 * 10.1. Users top
 */

.qa-top-users-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
}

.qa-top-users-label {
    border-right: none;
    text-align: left;
    padding: 8px 16px 8px 12px;
    background: #F8F9FA;
}

.qa-top-users-score {
    background: rgba(62, 150, 248, 0.3);
    padding: 6px 12px;
    color: #444B52;
}

.qa-top-users-spacer {
    padding: 0 4px;
}

/**
 * 10.2. Profile
 */

.qa-template-user .qa-part-form-profile,
.qa-template-user .qa-part-form-activity {
    margin-bottom: 40px;
}

.qa-template-user .qa-part-form-profile table {
    word-break: break-all;
}

.qa-template-user .qa-part-form-activity,
.qa-template-user .qa-part-message-list,
.qa-template-user .qa-part-form-profile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.qa-template-user .qa-part-message-list .qa-form-tall-text,
.qa-template-user .qa-part-form-profile .qa-form-wide-text {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qa-template-user .qa-part-form-activity td .qa-uf-user-points,
.qa-template-user .qa-part-form-activity td .qa-uf-user-q-posts,
.qa-template-user .qa-part-form-activity td .qa-uf-user-a-posts,
.qa-template-user .qa-part-form-activity td .qa-uf-user-c-posts,
.qa-template-user .qa-part-form-activity td .qa-uf-user-q-votes,
.qa-template-user .qa-part-form-activity td .qa-uf-user-a-votes,
.qa-template-user .qa-part-form-activity td .qa-uf-user-upvotes,
.qa-template-user .qa-part-form-activity td .qa-uf-user-downvotes,
.qa-template-user .qa-part-form-activity td .qa-uf-user-upvoteds,
.qa-template-user .qa-part-form-activity td .qa-uf-user-downvoteds {
    font-size: 18px;
    color: #3E96F8;
}

/**
 * 10.2. Message list
 */

.qa-message-item {
    margin: 0;
    padding: 12px;
    border-bottom: 2px dotted #ddd
}

.qa-message-content {
    margin-bottom: 6px;
}

.qa-message-avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.qa-message-meta {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    color: #666;
}

.qa-message-buttons {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-left: 12px;
}

.qa-message-buttons .qa-form-light-button {
    background: none;
    height: auto;
    font-size: 10px;
    padding: 0;
}

/**
 * 98. Hacks
 */

/* WebKit */
.view-stats-form {
    float: left;
}

@-moz-document url-prefix() {
    #main .container {
        overflow-x: hidden;
    }
    .qa-c-form {
        position: relative;
        z-index: 2;
    }
}

/**
 * 99. Media query
 */

@media (max-width: 1120px) {
    #totop {
        display: none !important;
    }
}

@media (max-width: 979px) {
    head {
        content: 'mobile';
    }

    .container {
        padding: 0 10px;
    }

    #wrapper {
        margin-bottom: -59px;
    }

    #main {
        padding-bottom: 60px;
    }

    .dropdown-b {
        text-align: center;
    }

    .masonry-w {
        display: inline-block;
        text-align: left;
    }

    .navbar .container {
        width: auto;
        padding: 0;
    }

    .footer {
        padding: 20px 0;
        z-index: 1998;
    }

    .footer-navigation {
        display: none;
    }

    .copiright {
        float: none;
        margin: 0;
        text-align: center;
    }

    .footer-logo {
        display: none;
    }

    .answer-selected .qa-a-selection{
        top: 30px;
        left: 58px;
    }
    .qa-a-selection{
        top: 50px;
        left: 58px;
    }

    .answer-selected .qa-a-selection{
        top: 30px;
        left: 68px;
    }
    .qa-a-selection{
        top: 45px;
        left: 68px;
    }
    .qa-a-item-main,
    .qa-q-view-main {
        width: 100%;
        padding-top: 15px;
        padding-left: 0;
        margin-left: 0;
        float: left;
    }
    .qa-q-view-main {
       margin-left: 0;
    }
}

@media (min-width: 860px) and (max-width: 979px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 724px;
    }
}

@media (max-width: 859px) {
    .container {
        width: auto;
    }

    .navbar-inner {
        padding-right: 10px;
        padding-left: 10px;
    }

    .pushy {
        position: fixed;
        width: 230px;
        height: 100%;
        top: 0;
        right: -230px;
        z-index: 9999;
        background: #01040C;
        -webkit-overflow-scrolling: touch;
        /* enables momentum scrolling in iOS overflow elements */
    }

    .pushy a {
        display: block;
        text-decoration: none;
    }

    .pushy-open ul.qa-nav-main-list {
        margin-top: 50px;
    }

    .navbar ul.qa-nav-main-list > li {
        float: none;
        width: 100%;
        text-align: right;
    }

    .navbar ul.qa-nav-main-list > li > a:before {
        background-color: #498BFA;
    }

    .pushy a:before {
        display: none !important;
    }

    .pushy-left {
        right: 0;
    }

    .pushy,
    .site-overlay {
        -webkit-transition: right .2s cubic-bezier(.16, .68, .43, .99);
        transition: right .2s cubic-bezier(.16, .68, .43, .99);
    }

    .site-overlay {
        display: none;
    }

    .pushy-active .site-overlay {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9998;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-animation: fade 200ms;
        animation: fade 200ms;
    }

    .menu-btn {
        display: block;
        float: right;
        width: 50px;
        height: 50px;
        cursor: pointer;
        color: #fff;
        background: url('images/menu.png') no-repeat 50% -40px;
        position: relative;
        z-index: 10000;
    }

    .pushy-active .menu-btn {
        position: fixed;
        top: 0;
        right: 10px;
    }

    body.pushy-active {
        overflow-y: hidden;
    }

    .qa-nav-main li a.qa-nav-main-selected {
        color: #777777;
    }

    .menu-btn:hover {
        background-position: 50% 10px;
    }

    .dropdown-show {
        width: auto;
        background-position: center;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: inline-block !important;
        padding-left: 11px !important;
        padding-right: 11px !important;
        margin-right: 15px;
        margin-left: 0 !important;
    }

    .span4 {
        min-width: 100%;
        float: none;
    }

    #main .container {
        display: block;
    }

    #uvTab {
        display: none !important;
    }

    .sidebar-wrapper * {
        display: none;
    }

    .sidebar-wrapper .ud-sidebar,
    .sidebar-wrapper .ud-sidebar * {
        display: block;
    }

    @keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
}

@media (max-width: 700px) {

    table.qa-top-users-table * {
        box-sizing: border-box;
    }

    table.qa-top-users-table {
        display: block;
        box-sizing: border-box;
    }

    table.qa-top-users-table tbody {
        display: block;
    }

    table.qa-top-users-table tbody > tr {
        display: block;
        width: 100%;
    }

    table.qa-top-users-table .qa-top-users-spacer {
        clear: both;
        display: block;
        width: 100%;
        height: 0px;
    }

    table.qa-top-users-table .qa-top-users-label {
        width: 80%;
        display: block;
        float: left;
        height: 50px;
        border-bottom: 1px solid #ccc;
        line-height: 32px;
    }

    table.qa-top-users-table .qa-top-users-score {
        width: 20%;
        display: block;
        float: left;
        height: 50px;
        border-bottom: 1px solid #bfbfbf;
        line-height: 40px;
    }

}

@media (max-width: 500px) {
    .qa-q-list-item {
        display: block;
        padding: 30px 0;
    }

    .qa-q-item-stats {
        margin: 0 auto 10px;
        float: none;
        display: block;
        overflow: hidden;
        width: 58px;
    }

    .qa-q-item-main {
        width: 100%;
        padding-left: 0;
    }

}


.qa-c-form form {
    width: 100%;
}