html > body {
    background: #f2f7f9
}

a:hover {
    text-decoration: none
}

#wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 0 0 0
}

    #wrapper a:focus {
        text-decoration: none;
        color: #0f88be
    }

#welcome {
    margin-bottom: 15px;
    margin-right: -10px
}

#title {
    margin-top: 5px
}

.header-content > .row {
    margin-right: 0
}

.user-login p {
    margin: 0;
    color: #a2a2a3;
    display: inline
}

    .user-login p:hover {
        color: #0f88be
    }

.user-login a:hover {
    text-decoration: none
}

.user-loged-in p {
    margin: 0;
    color: #a2a2a3
}

.user-loged-in img {
    vertical-align: top
}

.welcome-user {
    display: inline-block
}

.sm-welcome p {
    margin: 0;
    color: #a2a2a3
}

.sm-welcome img {
    margin-top: 3px
}

.user-log {
    text-align: right
}

.welcome-ns > div {
    padding: 0
}

.consult {
    background: #eee;
    padding: 10px 15px;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #ccc
}

    .consult .consult-with {
        text-align: center;
        float: right;
        color: #607d8b
    }

.consult-with p {
    margin-top: 10px;
    font-weight: 700;
    font-size: 12px;
    color: #a2a2a3
}

.consult-with a:hover {
    text-decoration: none;
    color: #1189be
}

    .consult-with a:hover p {
        color: #1189be
    }

.consult-with img {
    background: #1189be;
    border-radius: 45px;
    width: 65px;
    height: 65px
}

.consult-with a:hover img {
    background: #f7931e
}

.active-menu {
    background: #f7931e !important
}

.title-sub {
    color: #607d8b
}

    .title-sub h1 {
        font-size: 60px;
        margin: 0
    }

    .title-sub img {
        max-width: 100%;
        margin-bottom: 15px
    }

.consulation-section {
    margin-bottom: 40px
}

.consult-header {
    margin-bottom: 30px
}

    .consult-header h1 {
        color: #0f88be;
        font-size: 26px
    }

.filter {
    padding: 0 0 20px 0;
    margin: 0
}

    .filter li {
        margin-right: 10px;
        padding: 10px;
        border-radius: 5px
    }

    .filter:after {
        display: table;
        content: '';
        clear: both
    }

.search-filters li {
    background: #0f88be;
    float: left;
    list-style-type: none;
    text-decoration: none
}

.search-filters a {
    color: #f2f7f9
}

    .search-filters a:hover {
        text-decoration: none
    }

.search-filters li:hover {
    background: #f7931e
}

.search-filters .active {
    background: #f7931e
}

.consult-post-sec {
    margin-bottom: 10px
}

.inst-logo {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 20px 20px 0;
    background-size: 80px;
    background-repeat: no-repeat;
    border-radius: 50px;
    background-color: #fff;
    background-position: center
}

.consult-posts {
    padding: 5px 0 0 0;
    color: #0f88be;
    font-size: 16px
}

    .consult-posts a {
        color: #0f88be
    }

        .consult-posts a:hover {
            text-decoration: none;
            color: #f7931e
        }

.consult-posts-by p {
    float: left;
    padding: 10px 10px 10px 0;
    font-size: 13px;
    font-weight: 700;
    color: #a2a2a3
}

.consult-posts-link strong:nth-child(2) {
    float: left;
    margin-right: 20px;
    color: #0f88be;
    font-size: 13px
}

.consult-posts-link p:nth-child(3) {
    font-size: 13px;
    margin: 0
}

.consult-posts-link a {
    color: #a2a2a3;
    font-weight: 700
}

.comment-info {
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center
}

    .comment-info p {
        margin: 0;
        width: 41px;
        color: #fff
    }

    .comment-info img {
        border-radius: 0;
        max-width: 30px
    }

.institucion-list {
    margin-bottom: 50px
}

.consult-posts-link a:hover {
    color: #0f88be;
    text-decoration: none
}

.consult-posts-link-title strong {
    font-size: 16px;
    color: #0f88be;
    margin-bottom: 20px
}

.consult-posts-links p {
    color: #0f88be;
    font-weight: 700
}

    .consult-posts-links p:nth-child(2) {
        margin-bottom: 34px
    }

    .consult-posts-links p:nth-child(3) {
        margin-bottom: 14px
    }

.post-link {
    margin: 25px 0
}

.consult-posts-links a {
    color: #f2f7f9;
    background: #0f88be;
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 14px
}

    .consult-posts-links a:hover {
        color: #f7931e;
        text-decoration: none
    }

.discution-header {
    margin-bottom: 10px
}

    .discution-header h1 {
        color: #0f88be;
        font-size: 26px
    }

.discution-post {
    padding: 15px 0 10px 0;
    color: #0f88be;
    font-size: 16px;
    word-break: break-word
}

    .discution-post h1 {
        font-size: 20px;
        margin-top: 0
    }

.discution-posts-by {
    display: table
}

    .discution-posts-by a {
        color: #0f88be
    }

        .discution-posts-by a:hover {
            color: #f7931e
        }

.extract-to {
    margin-top: -10px;
    display: table
}

    .extract-to p {
        float: left;
        padding: 0 10px 10px 0;
        font-size: 13px
    }

    .extract-to a {
        color: #0f88be
    }

        .extract-to a:hover {
            color: #f7931e
        }

.discution-posts-by p {
    float: left;
    padding: 10px 10px 10px 0;
    font-size: 13px;
    color: #a2a2a3
}

.discution-posts-by-user p {
    padding: 10px 10px 10px 0;
    font-size: 11px;
    color: #a2a2a3
}

    .discution-posts-by-user p:last-child {
        margin: 0;
        padding: 0
    }

.discution-content {
    clear: both;
    color: #444;
    text-align: justify
}

.discution-posts-sec {
    color: #444
}

.discution-posts-sec-inst {
    background: #a9b5d8;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 20px
}

    .discution-posts-sec-inst p {
        margin-bottom: 0
    }

.discution-posts-from {
    padding: 15px 10px;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 5px
}

.discution-posts-from-notapproved {
    background: #fcf1de;
    padding: 15px 10px;
    margin-bottom: 50px;
    border-radius: 5px
}

.discution-posts-from img {
    padding: 15px 0
}

.discution-posts-from-users p {
    position: absolute;
    top: -39px;
    left: 65px;
    color: #0f88be
}

.discution-posts-from-users img {
    position: absolute;
    padding: 0;
    margin: 0;
    top: -30px;
    left: 20px
}

.institution-reply {
    margin: -35px 0 60px 50px
}

.reply-by-inst {
    margin-left: 60px;
    margin-bottom: -12px;
    color: #0f88be
}

.reply-from-institution {
    margin-bottom: -24px;
    margin-left: 12px
}

    .reply-from-institution p {
        position: absolute;
        top: -7px;
        left: 75px;
        color: #0f88be
    }

#all-downloads .download:first-child {
    padding: 35px 0 10px 0
}

#all-downloads .download {
    padding: 10px 0 10px 0
}

    #all-downloads .download:last-child {
        padding: 10px 0 35px 0
    }

.download img {
    max-width: 25px;
    margin-right: 20px;
    vertical-align: middle;
    height: 25px
}

.download p {
    color: #0f88be;
    font-weight: 700;
    display: inline
}

.download a:hover {
    text-decoration: none;
    color: #f7931e
}

.comments {
    margin-bottom: 50px;
    border-bottom: 1px solid #a2a2a3;
    color: #a2a2a3
}

.comment-section {
    padding-top: 30px
}

.comment-form {
    width: 60%;
    color: #0f88be;
    font-size: 20px
}

    .comment-form button {
        background: #0f88be;
        border: none;
        color: #f2f7f9
    }

.comment-form-submit button {
    background: #0f88bb;
    border-radius: 5px;
    border: #0f88be;
    color: #f2f7f9;
    padding: 5px 20px
}

.personal-area img {
    vertical-align: middle
}

.personal-area {
    text-align: center
}

    .personal-area div {
        padding: 0 30px;
        display: inline-block;
        color: #0f88be;
        font-size: 18px
    }

#comment {
    background: #fff
}

.border {
    border-top: 1px solid #cfd8dc
}

.discution-posts-from .col-md-11 {
    padding-left: 25px
}

.discution-posts-from .col-sm-11 {
    padding-left: 25px
}

.voting-system {
    float: right;
    padding: 0 20px 0 100px
}

.vote-up {
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background: url(../images-frontend/like.svg);
    background-position: 0 29px
}

    .vote-up.on {
        background-position: 0 0
    }

.vote-down {
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background: url(../images-frontend/dislike.svg);
    background-position: 0 29px
}

    .vote-down.on {
        background-position: 0 -1px
    }

.voting-count {
    width: 40px;
    text-align: center;
    padding: 0 0 3px 0;
    font-size: 18px;
    color: #a2a2a3
}

.konsultime {
    padding-left: 0 !important
}

.latest-consults-big-section {
    background: #eee;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc
}

    .latest-consults-big-section h4 {
        color: #0f88be
    }

    .latest-consults-big-section a {
        color: #0f88be
    }

        .latest-consults-big-section a:hover {
            text-decoration: none;
            color: #0f88be
        }

.latest-consults {
    color: #607d8b
}

.latest-consult-sections {
    padding: 15px 0;
    border-bottom: 1px solid #a2a2a3
}

.latest-consult-img {
    float: left;
    margin-right: 10px;
    width: 75px;
    height: 75px;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-color: #fff
}

.latest-consult-sections p {
    font-size: 15px;
    line-height: 18px
}

.latest-consult-sections:last-child {
    border-bottom: none
}

.latest-consult-content-date p {
    margin: 0;
    font-size: 11px
}

#search {
    margin-top: 20px
}

    #search input {
        border-right: none;
        background: #eee;
        border-color: #ccc;
        box-shadow: initial
    }

    #search button {
        background: #eee;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: initial;
        margin-left: 0;
        outline: 0
    }

.latest-consult-sections .col-md-8 {
    padding-left: 0
}

.consult .sondazh, .consult .sondazh-results {
    background-color: #eee;
    border: 0 solid transparent;
    margin: 0;
    padding: 0
}

.sondazh {
    margin-top: 10px;
    background: #fff;
    color: #444;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc
}

    .sondazh h1 {
        color: #0f88be;
        font-size: 18px
    }

.btn-blue {
    background: #0f88be;
    border-radius: 5px;
    border: #0f88be;
    color: #f2f7f9;
    padding: 5px 20px
}

    .btn-blue:hover {
        color: #f2f7f9
    }

#wrapper .btn-blue:focus {
    color: #f2f7f9
}

.submit-btn input {
    background: #0f88be;
    border-radius: 5px;
    border: #0f88be;
    color: #f2f7f9;
    padding: 5px 20px
}

.link-btn-sondazh a {
    color: #0f88be
}

    .link-btn-sondazh a:hover {
        text-decoration: none;
        color: #f7931e
    }

.sondazh-results {
    background: #fff;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: none
}

    .sondazh-results h1 {
        font-size: 18px;
        color: #0f88be;
        margin-top: 10px
    }

.form {
    margin-top: 10px
}

    .form label {
        color: #a2a2a3
    }

.sidebar-institucione {
    margin: 10px 0;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc
}

    .sidebar-institucione img {
        max-width: 105px
    }

    .sidebar-institucione .inst-inner {
        width: 100%;
        float: none
    }

.instiucione-with-img {
    display: table
}

    .instiucione-with-img img {
        float: left;
        margin-right: 10px
    }

    .instiucione-with-img h3 {
        font-size: 20px
    }

.skillbar {
    position: relative;
    display: block;
    margin: 5px 0 5px 0;
    width: 100%;
    background: 0 0;
    height: 35px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
    -webkit-transition-property: width,background-color;
    -moz-transition-property: width,background-color;
    -ms-transition-property: width,background-color;
    -o-transition-property: width,background-color;
    transition-property: width,background-color
}

.skillbar-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    background: #6adcfa;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.skillbar-bar {
    height: 25px;
    width: 0;
    background: #0f88be;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.full-background {
    background-color: #a2a2a3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.skill-bar-percent {
    position: absolute;
    left: 5px;
    line-height: 25px
}

.first-form {
    padding-top: 10px
}

#footer {
    padding: 20px 0;
    text-align: center
}

.footer-about a {
    color: #a2a2a3;
    border-right: 1px solid;
    padding: 0 20px;
    padding-left: 5px
}

.footer-about ul {
    margin-bottom: 30px
}

.footer-about li:last-child a {
    border-right: none
}

#footer img {
    max-width: 45px;
    height: 45px
}

.list-inline a:hover {
    text-decoration: none;
    color: #0f88be
}

.inst_det_t {
    background-color: transparent !important;
    color: #0f88be !important
}

    .inst_det_t:hover {
        color: #f7931e !important
    }

.vote-up-message {
    display: none;
    position: absolute;
    right: 80px;
    padding: 5px 20px;
    background-color: #0f88be;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.vote-down-message {
    display: none;
    height: 30px;
    position: absolute;
    right: 80px;
    padding: 5px 20px;
    background-color: #0f88be;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.triangle {
    top: 4px;
    right: -15px;
    position: absolute
}

    .triangle img {
        width: 16px;
        padding: 0 !important
    }

.link-white {
    color: #fff
}

    .link-white:hover {
        color: #fff
    }

@media (max-width:767px) {
    .consult-with {
        float: none;
        text-align: center
    }

    #title {
        text-align: center
    }

    #welcome {
        text-align: center
    }

    .consult-header {
        text-align: center
    }

    .consult-post-sec {
        margin-bottom: 30px;
        border-bottom: 1px solid #78909c
    }

        .consult-post-sec:last-child {
            border-bottom: 0 solid transparent
        }

    .latest-consult-sections .col-md-4 {
        text-align: center
    }

    .comment-form {
        width: 100%
    }

    .latest-consults {
        padding: 0 15px
    }

    .sidebar-sondazh {
        padding: 10px 15px
    }

    .sondazh {
        margin-top: 0
    }

    .discution-posts-by-user {
        clear: both
    }

        .discution-posts-by-user p:nth-child(2) {
            display: none
        }

    .consult-posts-by {
        clear: both
    }

        .consult-posts-by p:nth-child(even) {
            display: none
        }

    .list-inline > li {
        line-height: 2em
    }

    .consult-posts-links-sondazh {
        margin: 0 -15px
    }

    .post-link {
        margin: 25px 0
    }

    .post-link-paragraph p:nth-child(2) {
        clear: both
    }

    .header-content > .row {
        margin-right: -15px
    }

    .voting-system {
        padding: 0 20px 0 40px
    }

    .personal-area {
        text-align: initial
    }

        .personal-area div {
            padding: 0;
            display: block
        }

        .personal-area img {
            margin-right: 20px;
            max-width: 45px
        }

        .personal-area p {
            display: inline
        }

    .footer-about > .list-inline > li {
        display: block
    }

    .footer-about a {
        border-right: none;
        padding: 0
    }

    .discution-posts-by {
        margin-bottom: 15px
    }

        .discution-posts-by p:nth-child(2) {
            display: none
        }

        .discution-posts-by p {
            float: none;
            padding: 10px 10px 10px 0;
            font-size: 13px;
            color: #a2a2a3;
            padding: 0;
            margin: 0;
            line-height: 25px
        }

    .extract-to {
        margin-top: 0
    }

    .consult-posts-links-img img {
        padding-bottom: 10px
    }
}

@media only screen and (min-width:768px) {
    .consult-with {
        float: none;
        text-align: center
    }

    #title {
        text-align: center
    }

    #welcome {
        text-align: center
    }

    .consult-header {
        text-align: center
    }

    .consult-posts-links-sondazh {
        margin: 0 -15px
    }

    .consulation-section > .row > .col-md-4 > .row {
        margin: 0
    }

    .sidebar-sondazh > .row {
        margin: 0
    }
}

@media (min-width:992px) {
    .consult-with {
        float: right
    }

    #title {
        text-align: left
    }

    #welcome {
        text-align: right
    }

    .consult-header {
        text-align: left
    }

    .latest-consults {
        padding: 0 0
    }

    .sidebar-sondazh {
        padding: 0 0
    }

    .consult-posts-links-sondazh {
        margin: 0 0
    }
}

@media (min-width:1200px) {
    .consult-with {
        float: right
    }

    #title {
        text-align: left
    }

    #welcome {
        text-align: right
    }

    .consult-header {
        text-align: left
    }

    .latest-consults {
        padding: 0 0
    }

    .sidebar-sondazh {
        padding: 0 0
    }
}

.inst-title {
    margin: 0
}

.inst-inner {
    width: calc(100% - 120px);
    float: right
}

    .inst-inner h4 {
        margin: 10px 0;
        color: #000;
        color: #a3a3a3;
        font-weight: 700
    }

    .inst-inner ul {
        margin: 0;
        padding: 0
    }

        .inst-inner ul li {
            list-style: none
        }

.inst-description {
    margin: 10px 0
}

.colored {
    color: #0f88be
}

@media (max-width:767px) {
    .inst-inner {
        width: 100%;
        float: left
    }

    .inst-logo {
        margin: 0 auto 20px auto;
        float: none
    }
}

@media (max-width:680px) {
    .consult-posts {
        float: left;
        width: 100%
    }
}

@media (max-width:300px) {
    .consult-posts {
        float: left;
        padding: 0;
        box-sizing: content-box
    }
}