.thumbnail-img-load {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f2f2f2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.card-link {
    color: #177de5;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cusongslist{padding-top: 16px;}
@media (max-width: 767.98px){.cusongslist {text-align: center;}}
.user-service{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 10px;text-align: left;}
.user-service-link-all{margin-top: 2px;text-align: center;}
.ui-button--width-fixed{padding-left: 8px;padding-right: 8px;}
.user-service-link-all .ui-button{width: 255px;}
.service-card-item {overflow: hidden;}
@media (min-width: 768px){.service-card-item {border: 1px solid #e2e2e2;height: auto;padding-bottom: 0;}}
@media (min-width: 768px){.service-card-item, .service-card-item * {-webkit-box-sizing: border-box;box-sizing: border-box;}}

/*-cusongsblock-*/
.cusongsblock {
    position: relative;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    transition: -webkit-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;
}
.cusongsblock:hover{-webkit-box-shadow: 0 6px 26px -5px rgba(97, 61, 2, .3);box-shadow: 0 6px 26px -5px rgba(97, 61, 2, .3);}
@media (min-width:1231px){.user-service .cusongsblock:nth-child(5n){margin-right:0}}
@media (min-width:1231px) and (max-width:1279px){.user-service .cusongsblock{width:calc(20% - 16px)}}
@media (min-width:1119px) and (max-width:1230px){.user-service .cusongsblock{width:calc(25% - 15px)}
.user-service .cusongsblock:nth-child(4n){margin-right:0}}
@media (min-width:768px) and (max-width:1118px){.user-service .cusongsblock{height:auto;width:calc(33.333% - 14px)}
.user-service .cusongsblock:nth-child(3n){margin-right:0}}
@media (min-width:768px) and (max-width:1118px){.user-service .cusongsblock .service-card-item__badge{bottom:60px;top:auto}
.user-service .cusongsblock .cusongsblock-panel__user-name{max-width:calc(100% - 70px)}}
@media only screen and (min-width:940px) and (max-width:1118px){.user-service .cusongsblock{width:calc(25% - 15px)}
.user-service .cusongsblock:nth-child(3n){margin-right:20px}
.user-service .cusongsblock:nth-child(4n){margin-right:0}
.user-service .cusongsblock:nth-child(6),.user-service .cusongsblock:nth-child(7){display:block!important}}

@media (max-width: 767.98px){div.cusongsblock {margin-right: 0 !important;}}
.cusongsblock, .cusongsblock-user{background-color: #fff;border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;height: 293px;margin-bottom: 20px;margin-right: 20px;padding-bottom: 8px;position: relative;vertical-align: top;width: 232px;}
@media (max-width: 767.98px){.cusongsblock {margin: 0 0 10px !important;padding-bottom: 0;text-align: left;width: 100%;height: auto !important;}}
.cusongsblock p a{-webkit-box-sizing: content-box;box-sizing: content-box;color: #000;display: block;font-size: 14px;height: 46px;line-height: 19px;max-height: 47px;min-height: 47px;overflow: hidden;padding-bottom: 10px;padding-top: 8px;-webkit-transition: color .25s ease-in-out;transition: color .25s ease-in-out;}
@media (max-width: 767.98px){.cusongsblock p a {height: auto;line-height: 18px;}}
.cusongsblock p a span{max-width: 100%;}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item__wrapper {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;}}
@media (max-width: 767.98px){.cusongsblock .userdata {bottom: 0;-webkit-box-sizing: border-box;box-sizing: border-box;height: auto;left: 0;padding: 5px 10px;position: absolute;width: 100%;}}
.service-card-item{overflow: hidden;}
@media (min-width: 768px){.service-card-item {border: 1px solid #e2e2e2;height: auto;padding-bottom: 0;}}
.service-card-item__left{display: block;position: relative;}
@media (min-width: 768px){.service-card-item__left {border-bottom: 1px solid #e2e2e2;min-height: 154px;}}
@media (min-width: 376px) and (max-width: 767.98px) {
    .service-card-item__left {
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        border: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 102px;
        margin: 10px;
        overflow: hidden;
        width: 156px;
    }
}
@media (max-width: 375.98px){.service-card-item__left {display: inline-block;height: 82px;position: absolute;text-align: center;vertical-align: top;width: 121px;}}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item__left a {-webkit-box-flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex: 1 0 auto;flex: 1 0 auto;height: auto;}}
.service-card-item__left img:not(.audio-wavesurfer__icon){display: block;height: auto;position: relative;width: 100%;}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item__left img:not(.audio-wavesurfer__icon) {min-width: auto;}}
.service-card-item__content{-webkit-box-sizing: border-box;box-sizing: border-box;}
@media (min-width: 768px){.service-card-item__content {height: 137px;padding: 7px 9px 0;}}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item__content {-webkit-box-orient: vertical;-webkit-box-direction: normal;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-height: 124px;padding: 0 10px 0 0;position: static;text-align: left;width: 100%;}}
@media (max-width: 375.98px){.service-card-item__content {display: inline-block;min-height: 123px;padding: 0 10px 33px 130px;text-align: left;vertical-align: top;width: 100%;}}
.service-card-item .service-card-item__title{position: relative;}
@media (max-width: 767.98px){.service-card-item .service-card-item__title {margin-right: 20px;}}
@media (min-width: 768px){.service-card-item .service-card-item__title a {color: #111;font-size: 14px;height: 44px;line-height: 22px;margin: 0;max-height: 44px;min-height: 44px;padding: 0;}}
@media (max-width: 375.98px){.service-card-item .service-card-item__title a {font-size: 12px;line-height: 16px;padding-bottom: 8px;padding-top: 4px;}}
@media (max-width: 375.98px){.service-card-item .service-card-item__title a span {font-size: 12px;line-height: 16px;}}
@media (max-width: 375.98px){.service-card-item .service-card-item__title a span.first-letter {max-height: 47px;overflow: hidden;}}
@media (min-width: 768px){.service-card-item .service-card-item__info {-webkit-box-pack: end;-ms-flex-pack: end;display: -webkit-box;display: -ms-flexbox;display: flex;height: 41px;justify-content: flex-end;padding: 9px 0 0;position: relative;}}
@media (min-width: 768px){.service-card-item .service-card-item__info-left {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;height: 24px;left: 0;position: absolute;top: 9px;}}
@media (min-width: 768px){.service-card-item .service-card-item__badge {margin-right: 4px;margin-top: 0;padding-left: 0 !important;position: static;}}
@media (min-width: 768px){.service-card-item .service-card-item__badge-inner {display: block;padding: 0;}}
@media (min-width: 768px){.service-card-item .service-card-item__info-price {background: #fff;position: relative;z-index: 11;}}
@media (min-width: 768px){.service-card-item .service-card-item__info-price:before {background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 70%, #fff);content: "";height: 100%;left: -20px;position: absolute;top: 0;width: 20px;z-index: 11;}}
.service-card-item .price{color: #04b70a;}
@media (min-width: 768px){.service-card-item .price {font-size: 18px;line-height: 24px;}}
@media (min-width: 768px){.service-card-item .price-wrap span {font-size: 18px;line-height: 24px;}}
@media (min-width: 768px){.service-card-item .price-wrap span .rouble {font-size: 18px;}}

.multiline-faded{overflow: hidden;position: relative;}
.multiline-faded:after {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 70%, #fff);
    bottom: 0;
    content: "";
    height: 1.2em;
    position: absolute;
    right: 0;
    width: 4em;
}
.user-service .multiline-faded{-webkit-box-sizing: content-box;box-sizing: content-box;}
.service-card-item__user-level-wrap{height: 18px;}
@media (max-width: 767.98px){.service-card-item__user-level-wrap {background: #fff;left: 0;position: absolute;width: 100%;}}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item__user-level-wrap {top: 47px;}}
@media (max-width: 375.98px){.service-card-item__user-level-wrap {top: 37px;}}
.service-card-item__user-level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #284553;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1px;
    line-height: 14px;
    margin-top: 0;
    overflow: hidden;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (min-width: 768px){.service-card-item .service-card-item__user-level {bottom: 0;height: 18px;margin-top: 2px;}}
@media (max-width: 767.98px){.service-card-item__user-level {font-size: 10px;font-weight: 600;line-height: 14px;}}
.service-card-item__user-level-icon {height: 14px;margin-right: 4px;margin-top: -2px;width: 14px;}
.service-card-item__user-level-wrap--1 .service-card-item__user-level-icon {background: url(/images/icons/user-level-advanced.svg) no-repeat;}
.service-card-item__user-level-wrap--2 .service-card-item__user-level-icon {background: url(/images/icons/user-level-profi.svg) no-repeat;}
.service-card-item__user-level-wrap--3 .service-card-item__user-level-icon {background: url(/images/icons/user-level-profi-plus.svg) no-repeat;}

.cusongsblock__panel {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4px;
    margin-top: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    width: 100%;
}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item__content .cusongsblock__panel {height: 16px;margin-bottom: 8px;margin-top: auto;}}
@media (max-width: 767.98px){.service-card-item__content .cusongsblock__panel {display: block !important;margin-top: 0;padding: 0;position: static;}}
@media (max-width: 375.98px){.service-card-item__content .cusongsblock__panel {margin-bottom: 0;}}
.service-card-item__rating{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 14px;line-height: 22px;margin-left: auto;white-space: nowrap;}
.service-card-item__rating:before{background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 70%, #fff);content: "";height: 100%;left: -45px;position: absolute;top: 0;width: 45px;}
@media (min-width: 768px){.service-card-item__rating {background-color: #fff;position: absolute;right: 0;}}
@media (max-width: 767.98px){.service-card-item__rating {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-top: -2px;}}
.service-card-item__rating-star{margin-right: 4px;}
.service-card-item__rating-number{color: #ffa800;font-weight: 600;}
.service-card-item .service-card-item__userdata{border-top: 1px solid #e8e8e8;}
@media (min-width: 768px){.service-card-item .service-card-item__userdata {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 44px;justify-content: center;margin: 0 -9px;padding: 0 9px;}}
@media (min-width: 376px) and (max-width: 767.98px){.service-card-item .service-card-item__userdata {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding-left: 0;padding-right: 0;position: relative;}}
@media (max-width: 375.98px){.service-card-item .service-card-item__userdata {-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: justify;-ms-flex-pack: justify;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;width: 100%;}}
.cusongsblock__labels{height: 30px;margin: -7px 0 0;overflow: hidden;padding: 0;}
@media (max-width: 767.98px){.cusongsblock__labels, .is_mobile .cusongsblock .cusongsblock__labels {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;height: 22px !important;margin: auto 8px;order: 1;z-index: 3;}}
@media (min-width: 376px) and (max-width: 591px){.service-card-item .userdata .cusongsblock__labels {bottom: auto;height: 22px !important;left: 0;margin: -7px 0 0;position: absolute;right: 70px;top: -21px;}}
@media (max-width: 375.98px){.service-card-item .userdata .cusongsblock__labels {bottom: auto;height: 22px !important;left: 126px;margin: -7px 0 0;position: absolute;right: 70px;top: -24px;}}
.cusongsblock__labels .fox-express{margin-right: 0;}
.fox-express {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #13244b;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    float: left;
    font-size: 10px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    margin: 1px 18px 0 0;
    padding: 0 3px .6px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 114px;
}
@media (min-width: 376px) and (max-width: 767.98px){.fox-express {margin-top: 3px;}}
@media (max-width: 375.98px){.fox-express {height: auto;letter-spacing: normal;margin-top: 0;}}
.service-card-item__badge .fox-express {float: right;margin: -3px 0 0;position: relative;z-index: 10;}
@media (min-width: 768px){.service-card-item .service-card-item__badge .fox-express {border-radius: 2px !important;float: none;font-size: 10px;font-weight: 700;height: auto;letter-spacing: .04em;line-height: 16px;margin: 0;padding: 0 5px;width: auto !important;}}
.fox-express-brand{color: #ffa800;display: inline-block;margin-left: 2px;}
@media (max-width: 767.98px){.service-card-item .service-card-item__userdata .price {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;text-align: right;}}
@media (max-width: 375.98px){.service-card-item .service-card-item__userdata .price {white-space: nowrap !important;}}
.service-card-item .price-wrap{line-height: 22px;}
.cusongsblock-panel__user-name{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 13px;position: relative;}
@media (min-width: 768px){.service-card-item .service-card-item__username {font-size: 12px;line-height: 16px;}}
@media (min-width: 768px){.service-card-item .service-card-item__username a {color: #111;font-size: 12px;line-height: 16px;margin-top: 1px;width: 130px;}}
@media (min-width: 768px){.service-card-item .service-card-item__username a:hover {color:#177de5;}}
@media (max-width: 767.98px){.service-card-item .userdata .cusongsblock-panel__user-name {-webkit-box-ordinal-group: 1;-ms-flex-order: 0;-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;order: 0;}}
@media (min-width: 376px) and (max-width: 420px){.service-card-item .userdata .cusongsblock-panel__user-name {width: 50px;}}
.cusongsblock-panel__user-name i{-webkit-box-flex: 0;-ms-flex: 0 0 8px;flex: 0 0 8px;margin-right: 4px;}
.oneline-faded{overflow: hidden;position: relative;text-overflow: clip;white-space: nowrap;}
.oneline-faded:after {background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 70%, #fff);content: "";height: 100%;position: absolute;right: 0;top: 0;width: 2em;}
@media (max-width: 767.98px){.service-card-item .userdata .cusongsblock-panel__user-name a {width: calc(100% - 12px);}}
.service-card-item__favorites {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 2px;
    top: 1px;
    width: 32px;
    z-index: 2;
}
@media (min-width: 768px){.service-card-item__favorites {background: #fff;border: .5px solid #111;border-radius: 4px;opacity: 0;right: 8px;top: 8px;-webkit-transition: opacity .2s;transition: opacity .2s;}}
@media (min-width: 768px){.service-card-item--update .service-card-item__favorites:hover {background: #f6f6f6;}}
@media (min-width: 768px){.service-card-item.service-card-item--show-icons .service-card-item__favorites,.service-card-item:hover .service-card-item__favorites {opacity: 1;}}
@media (min-width: 768px){.service-card-item__favorites.active, .service-card-item__favorites.blacklist {opacity: 1;}}
.service-icon {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: kwork-set !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    visibility: visible;
}
.service-card-item__favorites .service-icon:before {display: none;}
.service-card-item--update .service-card-item__favorites .service-icon svg,
.service-card-item__service-controls--update .service-icon svg {display: block !important;-webkit-transition: all .4s;transition: all .4s;}
.service-card-item--update .service-card-item__favorites .service-icon.icon-heart svg,
.service-card-item__service-controls--update .service-icon.icon-heart svg {fill: #fff;stroke: #111;}
.service-card-item--update .service-card-item__favorites .service-icon.icon-heart-card svg,
.service-card-item__service-controls--update .service-icon.icon-heart-card svg {height: 14px;width: 16px;}
.service-card-item--update .service-card-item__favorites.active .service-icon.icon-heart svg,
.service-card-item__service-controls--update .service-icon.icon-heart.active svg {fill: #f15b5b;stroke: #f15b5b;}
.service-card-item--update .service-card-item__favorites:not(.active):hover .service-icon.icon-heart svg,
.service-card-item__service-controls--update .service-icon.icon-heart:not(.active):hover svg {
    fill: #fff;
    stroke: #111;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
.service-card-item--update .service-card-item__favorites:not(.active):hover .service-icon.icon-heart-card svg,
.service-card-item__service-controls--update .service-icon.icon-heart-card:not(.active):hover svg {fill: #f6f6f6;}