.wants-card__left .wants-card__header-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wants-card__left .wants-card__header-title,.wants-card__right .wants-card__header-right-block {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.wants-card__right .wants-card__header-right-block {
    height: 27px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wants-card__right .wants-card__description-higher-price {
    margin-top: 8px
}

.wants-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media only screen and (max-width: 767px) {
    .wants-card__header {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.wants-card__header-title,.wants-card__header-title a {
    color: #55b959
}

.wants-card__header-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.wants-card__header-title .hwacker-icon {
    padding: 10px;
    font-size: 16px;
    color: #e8e8e8;
    cursor: pointer
}

.wants-card__header-title .hwacker-icon:hover {
    color: #dadada
}

@media only screen and (max-width: 767px) {
    .wants-card__header-title {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (max-width: 767px) {
    .wants-card__header-right-block {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%
    }
}

.wants-card__header-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (min-width: 767px) {
    .wants-card__header-controls {
        -webkit-box-align:baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-left: 15px
    }
}

@media only screen and (max-width: 767px) {
    .wants-card__header-controls {
        -webkit-box-align:initial;
        -ms-flex-align: initial;
        align-items: normal;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: normal;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: 0
    }
}

@media (max-width: 479px) {
    .wants-card__header-controls+.wants-card__header-status {
        text-align:right;
        margin-left: 0;
        position: absolute!important;
        top: 25px!important;
        right: 0
    }
}

.wants-card__header-controls a {
    margin-left: 10px;
    height: 18px
}

.wants-card__header-controls a .hwacker-icon {
    color: #bdbcb9;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 15px
}

.wants-card__header-controls a:hover .hwacker-icon {
    color: #ffa800
}

.wants-card__header-status {
    text-align: right;
    margin-left: 10px
}

@media only screen and (min-width: 768px) {
    .wants-card__header-status {
        margin-top:5px
    }
}

.wants-card__header-status .status-block {
    font-size: 12px;
    text-align: center
}

.wants-card__header-icon-tf {
    display: block;
    width: 126px;
    height: 19px;
    margin: -5px 0 8px -15px
}

.wants-card__price {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #55b959;
    white-space: nowrap
}

.wants-card__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.wants-card__description-text {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 767px) {
    .wants-card__description .wants-card__description-higher-price {
        display:none
    }
}

.wants-card__description-higher-price {
    font-size: 12px;
    line-height: 16px;
    color: #999
}

@media (max-width: 767px) {
    .wants-card__description-higher-price {
        margin-top:8px
    }

    .wants-card__description-higher-price br {
        display: none
    }
}

@media (min-width: 768px) {
    .wants-card__description-higher-price {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }
}

.wants-card__description-higher-price .tooltipster {
    margin-left: 5px;
    line-height: inherit
}

@media (max-width: 479px) {
    .project .wants-card__header-controls {
        margin-bottom:35px
    }
}

#not-verified-modal {
    display: none
}

#not-verified-modal .modal-dialog .modal-content {
    max-width: 500px
}

#not-verified-modal .popup__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 767px) {
    #not-verified-modal .popup__buttons {
        display:block
    }
}

@media (min-width: 768px) {
    #not-verified-modal .popup__button:not(:only-of-type) {
        min-width:195px
    }
}

.want-card {
    margin-bottom: 15px;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out
}

@media (max-width: 767px) {
    .want-card .projects-offer-btn.tf-button--size-32 {
        padding:15px 40px 14px 35px
    }

    .want-card .projects-offer-btn.tf-button--size-32 img {
        width: 16px;
        height: 16px
    }
}

@media (min-width: 768px) {
    .want-card:hover {
        -webkit-box-shadow:0 6px 26px -5px rgba(97,61,2,.3);
        box-shadow: 0 6px 26px -5px rgba(97,61,2,.3)
    }

    .want-card:hover .projects-offer-btn {
        display: inline-block
    }

    .want-card .projects-offer-btn {
        display: none
    }
}

.want-card .files-list,.want-card .js-want-block-toggle-full {
    overflow: hidden
}

@media (min-width: 900px) {
    .wants-filter-content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.wants-filter {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 0 15px;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-right: 20px
}

@media (max-width: 899px) {
    .wants-filter {
        margin-right:0
    }
}

@media (min-width: 900px) {
    .wants-filter {
        width:230px
    }
}

.wants-filter__link {
    display: block;
    color: #000;
    font-size: 15px;
    padding: 15px 0;
    position: relative
}

.wants-filter__link.active,.wants-filter__link:focus,.wants-filter__link:hover {
    background: #f0f0f0;
    margin: 0 -15px;
    padding: 15px
}

.wants-filter__link.active:before,.wants-filter__link:focus:before,.wants-filter__link:hover:before {
    content: "";
    background: rgba(253,176,42,.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px
}

+.wants-filter__link {
    margin-bottom: 15px
}

@media (min-width: 900px) {
    .wants-content {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }
}

.projects-filter {
    font-size: 12.5px;
    position: relative
}

.projects-filter__title {
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.projects-filter__item {
    margin: 15px 0
}

.wants-filter__link+.projects-filter__item {
    margin-top: 10px
}

.projects-filter__item .none-style {
    width: 100%
}

.projects-filter__item--select {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px
}

@media (max-width: 900px) {
    .projects-filter__item--select {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.projects-filter__item .filter-input {
    width: 100%;
    height: 28px;
    padding: 3px 23px 3px 5px;
    border: 1px solid #d3d3d3;
    -webkit-appearance: none;
    border-radius: 0
}

.projects-filter__item .filter-input:focus {
    outline: 0;
    border-color: #82b647;
    -webkit-box-shadow: inset 0 0 0 1px #82b647;
    box-shadow: inset 0 0 0 1px #82b647
}

.projects-filter__item select {
    font-size: 15px;
    line-height: 24px;
    width: 100%
}

@media (max-width: 500px) {
    .projects-filter__select {
        -webkit-box-flex:1;
        -ms-flex: 1 100%;
        flex: 1 100%
    }
}

@media (min-width: 500px) and (max-width:900px) {
    .projects-filter__select {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }

    .projects-filter__select+.projects-filter__select {
        margin-top: 0!important;
        margin-left: 10px
    }
}

.projects-filter__select+.projects-filter__select {
    margin-top: 10px
}

.projects-filter__select-styled {
    height: 32px;
    font: 400 12.5px Open Sans,Helvetica,sans-serif!important;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
    background: #fff
}

.projects-filter__input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 900px) {
    .projects-filter__input {
        max-width:94px
    }
}

.projects-filter__input+.projects-filter__input {
    margin-left: 10px
}

.projects-filter__input-clear {
    position: absolute;
    width: 26px;
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    opacity: .3;
    -webkit-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    top: 0;
    right: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpolygon points='10,0.7 9.3,0 5,4.3 0.7,0 0,0.7 4.3,5 0,9.3 0.7,10 5,5.7 9.3,10 10,9.3 5.7,5'/%3E%3C/svg%3E") 50% no-repeat
}

.projects-filter__input-clear:hover {
    opacity: .8
}

.projects-filter__clear {
    font-size: 12px;
    margin: 5px 0;
    display: block;
    text-decoration: underline
}

.projects-filter__radio {
    width: 100%;
    display: inline-block;
    line-height: 16px;
    color: #000;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    cursor: pointer
}

.projects-filter__radio input[type=radio]:checked+.radio_style {
    font-weight: 700
}

.projects-filter__radio:hover {
    color: #ffa800
}

.projects-filter__my-link {
    font-size: 12px;
    margin-top: 5px
}

.projects-filter__error {
    color: #ef683f;
    margin-top: 4px;
    font-size: 12.5px;
    line-height: 18px
}

.projects-filter .chosen-container {
    float: none
}

.projects-filter .chosen-drop,.projects-filter .chosen-single {
    font-size: 12.5px
}

.projects-filter__list {
    padding: 0;
    list-style: none
}

.projects-filter__list li {
    clear: both
}

.projects-filter__list li input,.projects-filter__list li label {
    cursor: pointer
}

.projects-filter__list li input {
    margin: 2px 5px 0 0;
    float: left
}

.projects-filter__list li input:checked~label {
    font-weight: 700
}

.projects-filter__list>li+li {
    margin-top: 3px
}

.projects-filter__favourite-category-list {
    margin: 5px 0 0;
    -webkit-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
    max-height: 1000px;
    overflow: hidden
}

.projects-filter__favourite-category-list--hidden {
    max-height: 0
}

.projects-filter__favourite-category-more {
    font-size: 12px;
    text-decoration: underline;
    color: #457edb;
    cursor: pointer
}

.projects-filter .filter-counter {
    color: #8a8a8a;
    margin-left: 1px
}

.projects-filter [data-count="0"],.projects-filter [data-total-count="0"] {
    display: none
}

.projects-filter #search-keyword.projects-filter__input {
    margin-top: 0;
    max-width: 100%
}

.page-projects {
    padding-top: 20px
}

@media only screen and (min-width: 1231px) {
    .page-projects {
        max-width:1054px;
        min-width: 1054px
    }
}

@media (min-width: 768px) {
    .page-projects__header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.preloader__ico_projects {
    border-width: 4px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    z-index: 3
}

.query-seen_block {
    margin-top: 2px
}

.query-seen_block span {
    font-size: 11px;
    padding-left: 4px;
    color: #8a8a8a
}

.query-item__info {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #8a8a8a;
    float: left
}

.projects-info-block {
    border: 1px solid #d9d9d9;
    padding: 15px 15px 14px;
    margin-bottom: 20px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.projects-info-block .block-circle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin-right: 10px
}

.connects-points {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    padding: 15px 5px;
    margin: 0 0 20px;
    font-size: 14px
}

@media (min-width: 768px) {
    .connects-points {
        max-width:600px;
        margin-left: 20px;
        padding: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 479px) {
    .connects-points {
        display:block
    }
}

@media (min-width: 768px) {
    .connects-points--two-item {
        max-width:470px
    }
}

.connects-points--two-item .connects-points__point {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.connects-points__point {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width: 479px) {
    .connects-points__point {
        width:100%
    }
}

@media (max-width: 479px) {
    .connects-points__email {
        margin-top:15px
    }
}

.connects-points__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 768px) {
    .connects-points__item {
        -webkit-box-flex:2;
        -ms-flex: 2;
        flex: 2
    }
}

.connects-points__item--vcenter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.connects-points__item-count {
    color: #55b959;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    white-space: nowrap
}

.connects-points__item-text {
    color: #8a8a8a
}

.connects-points__item-link,.connects-points__item-text {
    font-size: 13px;
    line-height: 18px
}

@media (max-width: 500px) {
    .connects-points__item .offer-sprite {
        margin-right:0
    }
}

.change-my-categories hr,.email-notification hr {
    margin-top: 20px
}

.change-my-categories__form .form-group,.email-notification__form .form-group {
    margin-bottom: 5px
}

.change-my-categories__form .form-warning,.email-notification__form .form-warning {
    color: #f80207;
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px
}

.change-my-categories__form .form-button,.email-notification__form .form-button {
    margin-top: 20px
}

.change-my-categories__text {
    margin-bottom: 10px
}

.change-my-categories ul {
    margin-left: 30px;
    margin-bottom: 20px
}

.change-my-categories ul li a {
    margin-left: 5px
}

.change-my-categories__item {
    border-top: 1px solid #e0e0e0;
    margin: 0 -20px
}

.change-my-categories__item-title {
    font-size: 16px;
    cursor: pointer;
    padding: 15px 20px;
    position: relative
}

.change-my-categories__item-title:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 23px;
    background: url(../../images/arrow-down-orange.png) no-repeat 100%;
    width: 13px;
    height: 8px
}

.change-my-categories__item-title-open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.change-my-categories__item-title-disabled:after {
    display: none
}

.change-my-categories__item-title-badge {
    color: #04b70a;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin: 0
}

.change-my-categories__item-sub {
    padding: 0 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.change-my-categories__item-input {
    width: 50%
}

.change-my-categories__item-input input {
    margin: 5px 7px 0 0;
    float: left
}

.change-my-categories__item-input input:not(:disabled) {
    cursor: pointer
}

.change-my-categories__item-input input:not(:disabled)+label {
    cursor: pointer
}

.change-my-categories__item-input input:disabled+label {
    color: #8a8a8a
}

.change-my-categories__item-input-badge {
    color: #04b70a;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-left: 5px
}

.change-my-categories__result-delete {
    display: none;
    font-size: 12px;
    font-weight: 600;
    margin: 20px 0
}

.change-my-categories__result-delete--success {
    color: #5abd2f
}

.change-my-categories__result-delete--error {
    color: #ef683f
}

@media (min-width: 768px) {
    .popup-penalty-orders .modal-dialog {
        max-width:500px
    }

    .popup-penalty-orders .popup__button {
        max-width: 165px
    }
}

.of-form .js-content-editor:before {
    font-style: normal!important
}

.of-form .description-field {
    height: 228px;
    min-height: 145px;
    overflow: hidden;
    overflow-y: auto
}

.exchange-stats {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px
}

@media (max-width: 899px) {
    .exchange-stats__header {
        min-height:30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .exchange-stats__header br {
        content: ""
    }

    .exchange-stats__header br:after {
        content: " "
    }
}

@media (min-width: 900px) {
    .exchange-stats {
        width:230px
    }
}

.exchange-stats__header {
    background: url(../../images/stat-icon5.png) 0 2px no-repeat;
    padding-left: 45px;
    margin-bottom: 10px
}

.exchange-stats__param {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 899px) {
    .wants-filter-sidebar .exchange-stats {
        display:none
    }
}

.wants-content .exchange-stats {
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 900px) {
    .wants-content .exchange-stats {
        display:none
    }
}

@media (max-width: 899px) {
    .wants-left-side .exchange-stats {
        display:none
    }
}