@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=cyrillic');
@import '/css/font-awesome.min.css';

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    line-height: 1rem;
    background: #f5f5f5;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #d30000;
    text-decoration: none;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}

.dropdown-menu {
    padding: 0;
    border-radius: 3px;
    border-color: #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .35);
}

.dropdown-item {
    padding: .5rem 1.5rem;
    font-size: 15px;
}

.modal-body {
    padding: 1.25rem;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*

lightbox

*/

.ekko-lightbox {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0 !important

}

.ekko-lightbox-container {
    position: relative
}

.ekko-lightbox-container > div.ekko-lightbox-item {
    position: absolute;
    top: 0;
    left: 0; /*{gg}*/
    bottom: 0;
    right: 0;
    width: 100%
}

.ekko-lightbox iframe {
    width: 100%;
    height: 100%
}

.ekko-lightbox-nav-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.ekko-lightbox-nav-overlay a {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s;
    color: #fff;
    font-size: 30px;
    z-index: 1
}

.ekko-lightbox-nav-overlay a > * {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ekko-lightbox-nav-overlay a > :focus {
    outline: none
}

.ekko-lightbox-nav-overlay a span {
    padding: 0 30px
}

.ekko-lightbox-nav-overlay a:last-child span {
    text-align: right
}

.ekko-lightbox-nav-overlay a:hover {
    text-decoration: none
}

.ekko-lightbox-nav-overlay a:focus {
    outline: none
}

.ekko-lightbox-nav-overlay a.disabled {
    cursor: default;
    visibility: hidden
}

.ekko-lightbox a:hover {
    opacity: 1;
    text-decoration: none
}

.ekko-lightbox .modal-dialog {
    display: none
}

.ekko-lightbox .modal-footer {
    text-align: left
}

.ekko-lightbox-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ekko-lightbox-loader > div {
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center
}

.ekko-lightbox-loader > div > div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: a 2s infinite ease-in-out
}

.ekko-lightbox-loader > div > div:last-child {
    animation-delay: -1s
}

.modal-dialog .ekko-lightbox-loader > div > div {
    background-color: #333
}

@keyframes a {
    0%, to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/img/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.owl-theme .owl-controls {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    text-indent: -9999px;
    height: 28px;
    width: 28px;
    background: url(/img/sprites.png) -312px -162px no-repeat;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    opacity: 0;
    position: absolute;
    right: 1rem;
    top: calc(50% - 14px);
}

.owl-theme .owl-controls .owl-nav .owl-prev {
    background-position: -263px -162px;
    right: 0;
    left: 1rem;
}

.owl-theme:hover .owl-controls .owl-nav [class*=owl-] {
    opacity: .5;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    opacity: 1;
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .3;
    cursor: default
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border: 2px solid #c1c1c1;
    margin: 5px;
    background: #c1c1c1;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.owl-theme .owl-dots .owl-dot.active span {
    border: 2px solid #d60000;
    background: #d60000;
}

.owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #d60000;
}

/* end of carousel */

header {
    height: 60px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .15);
    background: #FFF;
}

.logotype {
    background: url(/img/sprites.png) no-repeat;
    background-position: -260px 2px;
    display: inline-block;
    width: 80px;
    height: 50px;
    text-indent: -9999px;
}

header .logotype, header .form-search {
    margin-top: 5px;
}

.add-new-post {
    text-align: right;
}


.form-search {
    position: relative;
    margin-left: 20px;
    padding: 5px 0 0 20px;
}

.form-search::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -15px;
    height: 60px;
    width: 1px;
    background: #ddd;
}

.form-search::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 30px;
    background: url(/img/sprites.png) no-repeat -15px -16px;
    width: 25px;
    height: 25px;
    z-index: 10;
}

.form-search input[type="text"] {
    padding-left: 40px;
    font-size: 13px;
    font-weight: 300
}

#search {
    max-width: 280px;
}

.mc-search {
    background: url(/img/sprites.png) no-repeat -15px -16px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 auto;
}

.mc-btn {
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s;
}

.mc-btn:hover, .mc-btn:focus, .mc-btn:active {
    text-decoration: none;
    color: #FFF;
}

.mc-bold {
    font-weight: 500;
}

.mc-red {
    background: #d30000;
    color: #FFF;
    font-size: 14px;
    padding: 13px 18px 13px 50px;
    transition: all .25s;
}

.mc-red:hover {
    background: #9c0000;
    color: #FFF;
}

.mc-grey {
    background: #ccc;
    color: #515151;
    font-size: 14px;
    padding: 13px 18px 13px 50px;
    transition: all .25s;
}

.mc-grey:hover {
    background: #bbb;
    color: #414141;
}

.mc-dark {
    background: #515151;
    color: #FFF;
    font-size: 14px;
    transition: all .25s;
    padding: 13px 18px;
}

.mc-dark:hover {
    background: #1e1e1e;
    color: #FFF;
}

.add-case-btn {
    margin-top: 8px;
    position: relative;
}

.add-case-btn::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 12px;
    background: url(/img/sprites.png) no-repeat -365px -14px;
    width: 24px;
    height: 24px;
}

.box-shadow {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}

.notifications {
    text-align: center;
    position: relative;
    transition: all .2s;
    margin: 0 -10px;
    height: 60px;
    padding: 10px;
    display: block;
}

.notifications::after, .notifications::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 1px;
    background: #ddd;
}

.notifications::before {
    left: auto;
    right: 0;
}

.notifications__ico {
    background: url(/img/sprites.png) no-repeat -109px -11px;
    width: 30px;
    height: 32px;
    display: block;
    margin: 5px auto 0;
}

.mc-notify__btn_count {
    position: absolute;
    top: 10px;
    right: 20px;
    height: 20px;
    width: 20px;
}

.notifications:hover, .notifications:active, .notifications:focus {
    background: #fafafa;
}

.profile {
    text-align: center;
    padding: 10px 0;
    position: relative;
}

.profile__abbr {
    color: #FFF;
    font-size: 26px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #d20000;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    transition: all .2s;
    text-transform: uppercase;
}

.profile__abbr:hover, .profile__abbr:focus, .profile__abbr:active {
    text-decoration: none;
    background: #9c0000;
    color: #FFF;
}

.profile__hidden {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    width: 280px;
    height: auto;
    left: -200px;
    z-index: 700;
    top: 90px;
    box-shadow: 0 30px 40px rgba(0, 0, 0, .35);
    border-radius: 3px;
    border: 1px solid #dadada;
    border-top: none;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: all .2s;
    transition: all .2s;
    cursor: default;
    pointer-events: none;
}

.profile__hidden.visible-profile {
    visibility: visible;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    top: 65px;
    pointer-events: auto;
}

.profile__header {
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: flex-start;
    padding: 1rem 1.5rem .75rem;
    text-align: left;
    transition: background .2s;
}

.profile__header:hover {
    background: #fafafa;
}

.profile__avatar {
    margin: .2rem .75rem .5rem 0;
}

.profile__avatar_mini {
    height: 40px;
    width: 40px;
    border-radius: 50%;
	object-fit: cover;
}

.profile__name {
    margin: .2rem 0;
    font-weight: 600;
    color: #1e1e1e;
}

.profile__spec {
    font-size: 13px;
}

.profile__menu {
    display: block;
}

.profile__menu_link {
    display: block;
    padding: .75rem 1rem .75rem 1.5rem;
    text-align: left;
    color: #1e1e1e;
    font-size: 14px;
    transition: background .2s;
}

.profile__menu_link:hover, .profile__menu_link:active, .profile__menu_link:focus {
    background: #fafafa;
}

.profile__menu hr {
    margin: 0;
    padding: 0;
}

.mc-navigation {
    margin-top: 2rem;
    margin-right: 2rem;
}

.mc-navigation__categories {
    border-bottom: 1px solid #ddd;
    margin-bottom: 18px;
}

.mc-navigation__categories_link {
    display: block;
    padding: 20px 20px 20px 60px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    transition: all .2s;
}

.mc-navigation__categories_link:hover, .mc-navigation__categories_link:active, .mc-navigation__categories_link:focus {
    background: #f2f2f2;
    text-decoration: none;
    color: #000;
}

.mc-navigation__categories_link::before {
    content: '';
    position: absolute;
    background: url(/img/sprites.png);
    width: 24px;
    height: 24px;
    background-position: -413px -14px;
    left: 20px;
}

.mc-navigation__item {
}

.mc-navigation__link {
    display: block;
    padding: 15px 20px 15px 60px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.mc-navigation__link::before {
    content: '';
    position: absolute;
    background: url(/img/sprites.png);
    width: 25px;
    height: 25px;
    left: 20px;
    top: 9px;
}

.mc-mypage::before {
    background-position: -15px -64px;
}

.mc-mews::before {
    background-position: -62px -62px;
}

.mc-messages::before {
    background-position: -112px -62px;
}

.mc-settings::before {
    background-position: -163px -63px;
}

.mc-subscribs::before {
    background-position: -212px -63px;
}

.mc-favours::before {
    background-position: -262px -64px;
}

.mc-navigation__link:hover {
    text-decoration: none;
    background: #f2f2f2;
    color: #000;
}

.mc-count, .mc-navigation__link_count {
    color: #FFF;
    font-size: 12px;
    text-align: center;
    background: #d20000;
    border-radius: 50%;
    padding: 3px 6px;
    font-style: normal;
}

.mc-navigation__link_count {
    border-radius: 12px;
    font-size: 11px;
    margin-left: 5px;
}

.mc-navigation__fastlinks {
    border-top: 1px solid #ddd;
    margin-top: 18px;
    padding: 10px 0;
}

.mc-fastlink {
    padding: 10px 20px 10px 40px;
    background: #e8e8e8;
    border-radius: 2px;
    margin: 10px 20px;
}

.mc-fastlink::before {
    content: '';
    position: absolute;
    background: url(/img/sprites.png);
    background-position: -313px -64px;
    width: 25px;
    height: 25px;
    left: 10px;
    top: 7px;
}

.pages-block {
    margin-top: 2rem;
    margin-left: -2.5rem;
    /*  padding: 15px;
    /*height: 360px;
     */
    padding: 15px 15px 0 15px;
}

.avatar {
    padding-right: 43px;
    position: relative;
}

.avatar__edit {
}

.avatar__img {
    margin-bottom: 8px;
}

.avatar__edit_btn {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 36px;
    height: 36px;
    text-align: center;
    display: block;
    text-indent: -9999px;
    background: url(/img/sprites.png) no-repeat -407px -59px #fff;
    border-radius: 3px;
    transition: all .2s;
}

.avatar__edit_btn:hover, .avatar__edit_btn:active, .avatar__edit_btn:focus {
    background-color: #e8e8e8;
}

.avatar__block .mc-btn {
    display: block;
    margin-bottom: 8px;
    text-align: left;
    padding-left: 40px;
    position: relative;
}

.avatar__block_edit::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: url(/img/sprites.png) -165px -16px no-repeat;
}

.avatar__block_verify::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: url(/img/sprites.png) -217px -16px no-repeat;
}

.var-btn {
    padding: 13px 18px;
}

.avatar__block {
    margin-bottom: 1rem;
}

.personal {
    margin-left: -1.95rem;
}

.personal__information_btn {
    display: block;
    background: #fafafa;
    padding: .66rem 1rem;
    color: #999;
    font-size: 13px;
    margin: .5rem 0;
    text-align: center;
}

.personal__name {
    color: #111;
    font-size: 24px;
    font-weight: 500;
    padding-top: 3px;
    display: inline-block;
}

.personal__status {
    display: inline-block;
    vertical-align: top;
}

.personal__status_online {
    color: #009512;
    font-size: 12px;
    margin-left: 6px;
}

.personal__specialist {
    padding: 10px 0;
}

.personal__specialist_link {
    font-size: 14px;
    color: #555;
    border-radius: 8px;
    padding: .25rem .66rem;
    margin-right: .5rem;
    background: #e8e8e8;
}

.personal__information {
    padding: 10px 0;
}

.personal__information_row {
    padding: 8px 0;
    color: #666;
}

.personal__information_link {
    color: #111;
    margin-left: 5px;
}

.personal__anons {
    margin-bottom: 2rem;
}

.personal__anons_p {
    line-height: 20px;
    font-size: 14px;
    color: #111;
    margin: 15px 20px 0 0;
}

.personal__statistic {
    /*height: 360px;*/
    margin: -15px -15px -15px -20px;
    border-left: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% + 15px);
    min-height: 100%;
}

.personal__statistic_publications, .personal__statistic_subscribers, .personal__statistic_subscribes {
    /*min-height: 120px;*/
    height: 33.333%;
}

.personal__statistic_link {
    display: block;
    border-bottom: 1px solid #ddd;
    height: 100%;
    padding: 35px;
    color: #111;
    transition: all .2s;
}

.personal__statistic_link:hover, .personal__statistic_link:active, .personal__statistic_link:focus {
    color: #000;
    text-decoration: none;
    background: #fafafa;
}

.personal__statistic_number {
    display: block;
    color: #000;
    font-size: 30px;
    margin-bottom: 10px;
}

.personal__statistic_subscribes .personal__statistic_link {
    border-bottom: none;
}

.posts-nav {
    margin-bottom: 40px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-link {
    font-size: 18px;
    color: #515151;
    font-weight: 500;
    padding: .5rem 2rem 1rem;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all .2s;
}

.nav-tabs .nav-link.active {
    color: #000;
    border-color: #d30303;
    background: none;
}

.posts {
    padding: 30px 0;
    margin-left: -2.5rem;
}

.posted-case {
    /* margin: 0 -13px 25px 0;   временно убрали табыи отступы */
    margin: 0 0 25px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.posted-case > a {
    display: block;
    position: relative;
    z-index: 10;
}

.posted-case.multiply::before {
    content: '';
    position: absolute;
    top: .75rem;
    left: 1rem;
    background: url(/img/sprites.png) no-repeat -357px -63px;
    z-index: 1;
    width: 31px;
    height: 25px;
    transition: all .33s;
}

.posted-case__hidden {
    position: absolute;
    width: 100%;
    height: calc(100% - 1px);
    background: rgba(0, 0, 0, 0.66);
    bottom: 0;
    left: 0;
    border-radius: 3px;
    transition: all .33s;
    padding: 1.5rem 2rem;
    opacity: 0;
}

.posted-case__anons {
    position: absolute;
    top: -88px;
    left: 1rem;
    max-width: 100%;
    padding: 1rem 1rem 0;
    height: 88px;
    overflow: hidden;
    transition: all .33s;
    z-index: 2;
}

.posted-case__anons_text {
    color: #FFF;
    font-size: 13px;
    margin-bottom: 2rem;
    line-height: 18px
}

.posted-case__btns {
    position: absolute;
    bottom: -56px;
    height: 56px;
    transition: all .33s;
    max-width: 100%;
    padding: 1rem;
    color: #FFF;
    display: flex;
    justify-content: space-between;
}

.posted-case__likes, .posted-case__comments {
    position: relative;
    padding-left: 1.6rem;
    margin-right: 2rem;
}

.posted-case__likes::before, .posted-case__comments::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background: url(/img/sprites.png) no-repeat -263px -119px;
}

.text-case {
    background: #fff;
}

.text-case::before {
    position: absolute;
    content: '';
    top: auto !important;
    bottom: calc(50% - 100px) !important;
    left: calc(50% - 62px) !important;
    background: url(/img/sprites.png) no-repeat -639px -163px !important;
    width: 123px !important;
    height: 123px !important;
    z-index: 1;
    transition: all .25s;;
    opacity: .2;
}

.posted-case__title {
    position: absolute;
    top: 1.5rem;
    left: 0;
    padding: 0 2rem;
    color: #111;
    font-size: 16px;
    height: 42px;
    overflow: hidden;
    line-height: 20px;
    width: 100%;
    transition: all .33s;
    z-index: 5;
}

.posted-case__img {
    height: 290px;
    width: 290px;
    display: flex;
    flex-direction: column;
}

.posted-case__img .img-fit {
    object-fit: cover;
    height: 290px;
    border-radius: 3px;
}

.posted-case__comments::before {
    background-position: -365px -114px;
    top: -2px;
}

.posted-case:hover .posted-case__hidden {
    opacity: 1;
}

.posted-case:hover .posted-case__anons {
    top: 1rem;
}

.posted-case:hover .posted-case__btns {
    bottom: 1rem;
}

.posted-case.multiply:hover::before {
    opacity: 0;
}

.posted-case.text-case:hover::before {
    opacity: 0;
    bottom: -123px;
}

.posted-case.text-case:hover .posted-case__anons {
    top: 4rem;
}

.posted-case.text-case:hover .posted-case__title {
    color: #FFF;
}

.news-content {
    margin: 2rem 0 0 -2.5rem;
}

.news-post {
   /* min-height: 12rem;*/
    max-width: 640px;
    margin-bottom: 3rem;
}

.news-post__maintext {
    max-height: 120px;
    overflow: hidden;
    position: relative;
    transition: all .25s;
}

.news-post__maintext.fullText {
    max-height: none;
}

.news-post__maintext_full {
    margin-right: .3rem;
    padding: .3rem 0;
    text-align: center;
    color: #ac2925;
}


.news-post__header {
    padding: .5rem;
    height: 64px;
}

.news-post__author {
    display: flex;
    justify-content: flex-start;
    transition: all .2s;
}

.news-post__author:hover {
    text-decoration: none;
}

.news-post__avatar {
    margin: .5rem;
}

.news-post__avatar_img {
    border-radius: 16px;
    height: 32px;
    width: 32px;
	object-fit: cover;
}

.news-post__name {
    font-size: 14px;
    font-weight: 500;
    margin: .5rem;
    color: #1e1e1e;
    transition: all .2s;
}

.news-post__professional {
    font-size: 12px;
    color: #555;
    font-weight: 300;
    transition: all .2s;
}

.news-post__author:hover .news-post__name {
    color: #d30000;
}

.news-post__timestamp {
    color: #555;
    /*padding-top: .8rem;  */
    font-size: 12px;
}

.news-post__trigger, .mc-categories__trigger {
    float: right;
    text-indent: -9999px;
    background: url(/img/sprites.png) no-repeat -217px -120px;
    width: 20px;
    height: 10px;
    display: inline-block;
    margin: .75rem .5rem 0 0;
    transition: all .3s;
    padding: .5rem;
}

.mc-categories__trigger {
    margin: .33rem 0 0;
    padding: .5rem;
}

.news-post__trigger:hover, .mc-categories__trigger:hover {
    opacity: .5;
}

.news-post__tags {
    padding: 1rem 1.5rem;
}

.modal .news-post__tags {
    padding: 1rem 3rem;
}

.news-post__tags_item, .turn-back-link {
    background: #e8e8e8;
    font-size: 14px;
    color: #111;
    text-align: center;
    border-radius: 2px;
    padding: .33rem .66rem;
    margin: 0 .5rem .33rem 0;
    transition: all .33s;
    display: inline-block;
}

.news-post__tags_item:hover, .news-post__tags_item:active, .news-post__tags_item:focus {
    color: #000;
    background: #ccc;
    text-decoration: none;
}

.news-post__anons {
    padding: 0 1.5rem 1.5rem;
    font-size: 14px;
    line-height: 20px;
}

.news-post__interactive {
    border-top: 1px solid #ddd;
    /*border-bottom: 1px solid #ddd;*/
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
}

.news-post__upsanddawns {
    vertical-align: middle;
    display: flex;
    justify-content: space-between;
    margin-right: 1rem;
}

.news-post__upsanddawns_up, .news-post__upsanddawns_dawn {
    outline: none;
    padding: 0;
    border: none;
    height: 32px;
    width: 32px;
    text-align: center;
    background: url(/img/sprites.png) no-repeat -159px -108px #e8e8e8;
    transition: all .2s;
    cursor: pointer;
}

.news-post__upsanddawns_dawn {
    background: url(/img/sprites.png) no-repeat -211px -108px #e8e8e8;
}

.news-post__upsanddawns_up:hover, .news-post__upsanddawns_dawn:hover, .news-post__upsanddawns_up:active, .news-post__upsanddawns_dawn:active {
    opacity: .5;
}

.news-post__upsanddawns_up:focus, .news-post__upsanddawns_dawn:focus {
    opacity: 1;
    background-color: #ccc;
}

.news-post___upsanddawns_counter {
    color: #111;
    font-weight: bold;
    font-size: 18px;
    padding: .5rem;
}

.news-post__add2favor, .news-post__sendbtn, .news-post__commentsbtn {
    position: relative;
    display: inline-block;
    padding: .5rem .5rem .5rem 2.1rem;
    color: #1e1e1e;
    font-size: 14px;
    transition: all .2s;
}

.news-post__add2favor::before, .news-post__sendbtn::before, .news-post__commentsbtn::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 26px;
    height: 24px;
    background: url(/img/sprites.png) no-repeat -63px -112px;
    content: '';
}

.add2favor__filled::before {
    background: url(/img/sprites.png) no-repeat -63px -309px;
}

.news-post__sendbtn::before {
    top: 5px;
    background-position: -13px -112px;
}

.news-post__commentsbtn::before {
    height: 20px;
    top: 6px;
    background-position: -116px -114px;
}

.news-post__add2favor:hover, .news-post__sendbtn:hover, .news-post__commentsbtn:hover {
    color: #000;
    text-decoration: none;
}

.news-post__comments {
    margin: 0;
}

.news-post__addcomment {
    padding: .75rem 1.2rem;
}

.news-post__editcomment {
    display: inline-block;
    background: none !important;
    border: none !important;
    outline: none !important;
    transition: .2s all;
    color: #000;
    padding: 10px;
    opacity: 0.25;
    cursor: pointer !important;
}
.news-post__editcomment:hover {
    opacity: 1;
}

.savecomment {
    background: #d30000;
    color: #fff;
    display: block;
    padding: 8px 10px;
}

.news-post__form_avatar {
    margin-right: .5rem;
}

.news-post__form_img {
    border-radius: 50%;
    height: 34px;
    width: 34px;
	object-fit: cover;
}

.news-post__form {
    display: flex;
    justify-content: flex-start; /*padding-bottom: 1rem;*/
}

.news-post__article {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .75rem;
}

.news-post__textarea {
    width: 100%;
}

.news-post__textarea_in {
    border: none;
    width: 100%;
    padding: .5rem;
    font-size: 14px;
}

.news-post__commentslayer {
    border-bottom: 1px solid #ddd;
    height: 0;
    visibility: hidden;
    z-index: 70;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: all .2s;
    transition: all .2s;
    cursor: default;
}

.news-post__commentslayer.visible-comments {
    overflow: auto;
    opacity: 1;
    filter: none;
    height: auto;
    visibility: visible;
}

.news-post__commentslayer .news-post__upsanddawns {
    transform: scale(.75);
    margin: 0 0 0 .75rem;
}

.news-post__othercomment {
    padding: .75rem 1.2rem;
    border-bottom: 1px solid #ddd;
}

.news-post__othercomment:last-child {
    border-bottom: none;
}

.news-post__othercomment_author {
    font-weight: 500;
    color: #313131;
    font-size: 14px;
    padding: 0 1.2rem .33rem;
}

.news-post__othercomment_p {
    color: #292b2c;
    padding: 0 1.2rem;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 .33rem;
}

/* comments interactive */

.news-post__showall {
    display: block;
    background: #e8e8e8;
    text-align: center;
    text-decoration: none;
    color: #111;
    padding: .66rem 1.8rem;
    font-size: 14px;
    margin-bottom: .33rem;
    transition: all .2s;
}

.news-post__showall:active, .news-post__showall:focus, .news-post__showall:hover {
    background: #d9d9d9;
    color: #000;
    text-decoration: none;
}

.news-post__addcontrols {
    background: #f0f0f0;
    display: flex;
    align-content: space-between;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    border-top: 1px solid #ddd;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 80;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: all .2s;
    transition: all .2s;
    cursor: default;
}

.news-post__addcontrols.visible-controls {
    visibility: visible;
    height: auto;
    overflow: auto;
    filter: none;
    opacity: 1;
    padding: .66rem 1.8rem;
}

.news-post__addfiles {
    display: block;
    text-indent: -9999px;
    background: url(/img/sprites.png) no-repeat -6px -207px;
    width: 36px;
    height: 36px;
    transition: all .2s;
    margin-top: 5px;
    opacity: .5;
}

.news-post__addfiles:hover {
    opacity: 1;
}

.news-post__sendcomment {
    padding: 13px 18px;
}


.news-post__photos {

}

.news-post .owl-theme .owl-controls {
    height: 0
}

.news-post__carousel .owl-dots {
    position: relative;
    top: -48px;
}

.news-post__carousel_modal .owl-dots {
    position: relative;
    top: -48px;
}



.news-post .bx-wrapper {
    margin-bottom: 5px;
    border: none;
    box-shadow: none;
}

.news-post .bx-wrapper .bx-pager {
    height: 0;
    position: relative;
    top: -48px;
    bottom: auto;
    padding: 0;
}

.news-post__carousel_modal .bx-wrapper .bx-pager {
    position: relative;
    top: -48px;
}




.news-post .bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    border: 2px solid #c1c1c1;
    margin: 5px;
    background: #c1c1c1;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.news-post .bx-wrapper .bx-pager.bx-default-pager a.active {
    border: 2px solid #d60000;
    background: none;
}

.news-post .bx-wrapper .bx-pager.bx-default-pager a:hover {
    border: 2px solid #d60000;
    background: none;
}







.posted-case-modal .news-post {
    max-width: 100%;
    border-radius: 2px;
}

.posted-case-modal .news-post .carousel-img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    height: auto;
}

.modal-rules {
    padding: 0;
    margin: 1rem 2rem 2rem;
    line-height: 23px;
    counter-reset: item;
}

.modal-rules__item {
    display: block;
    margin-bottom: 1rem;
}

.modal-rules__item::before {
    content: counter(item) ". ";
    counter-increment: item;
    color: red;
    margin-right: .5rem;
    font-weight: 500;
}

.modal-agreed-rules .modal-footer, .add-case .modal-footer {
    justify-content: space-between;
    padding: 1rem 2rem;
}

.modal-agreed-rules .modal-footer {
    justify-content: center;
}

.custom-control-description {
    line-height: 23px;
}

.agreed-btn {
    padding: 13px 38px;
    outline: none;
    border: none;
    border-radius: 3px;
}

.agreed2-btn {
    padding: 13px 38px;
    outline: none;
    border: none;
    border-radius: 3px;
}

.send-case-btn {
    padding: 18px 38px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 3px;
    font-size: 18px;
}

.add-photo-case {
    padding: 1rem 2rem;
}

.add-photo-case__files {
    min-height: 280px;
    margin: 2rem 0;
    border-radius: 30px;
    border: 5px dashed #ddd;
    padding: 2rem;
    position: relative;
}

.add-photo-case__files::after {
    content: '';
    background: url(/img/sprites.png) no-repeat -163px -265px;
    width: 76px;
    height: 70px;
    position: absolute;
    left: calc(50% - 38px);
    top: 3rem;
    z-index: 10;
}

.add-photo-case__help {
    position: absolute;
    top: 9rem;
    padding: 0 1rem;
    width: 50%;
    left: 25%;
    line-height: 25px;
    text-align: center;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile__label {
    color: red;
    cursor: pointer;
}

.add-text-case {
    padding: 1rem 2rem;
}

.mc-cat-select {
    position: fixed;
    height: 100%;
    width: 340px;
    z-index: 1060;
    top: 0;
    left: -340px;
    background: #FFF;
    padding: 2rem;
    border-right: 1px solid #e8e8e8;
    transition: .5s left;
}

.mc-cat-select.active {
    left: 0;
}

.moved-right-modal {
    right: -150px;
}

.mc-cat-select__frame {
    overflow-y: scroll;
    height: 560px;
    margin-top: 2rem;
}

.mc-cat-select__list {
    margin-right: 1rem;
}

.mc-cat-select__list_item {
    font-size: 13px;
    position: relative;
    transition: .2s all;
    padding-left: 2.5rem;
}

.mc-cat-select__list_item.choosen {
    font-weight: 700;
}

.mc-cat-select__list_item.choosen::before {
    content: '';
    position: absolute;
    left: 7px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background: url(/img/sprites.png) no-repeat -11px -313px;
}

.mc-categories {
    margin: 2rem 0 3rem -1.95rem;
}

.mc-categories__item {
    position: relative;
    margin-bottom: 1.5rem;
}

.mc-categories__img {
    height: 160px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.mc-categories__img .img-fit {
    object-fit: cover;
    height: 160px;
    border-radius: 3px 3px 0 0;
    width: 100%;
    transition: all .33s;
}

.mc-categories__item:hover .img-fit {
    transform: scale(1.08);
}

.mc-categories__name {
    padding: .75rem 1rem 0;
    background: #FFF;
}

.mc-categories__name_link {
    color: #1e1e1e;
    transition: all .2s;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 1rem;
    display: inline-block;
    max-width: calc(100% - 25px);
}

.mc-categories__name_link:hover, .mc-categories__name_link:active, .mc-categories__name_link:focus {
    color: #d30000;
    text-decoration: none;
}

.mc-categories__action {
    margin: 0 -1rem;
}

.mc-categories__list_item {
    padding: .7rem 1rem;
    color: #1e1e1e;
    font-size: 14px;
    font-weight: 400;
    display: block;
    transition: all .2s;
}

.mc-categories__list_item:hover, .mc-categories__list_item:active, .mc-categories__list_item:focus {
    text-decoration: none;
    color: #1e1e1e;
    background: #e8e8e8;
}

.mc-dialogs {
    margin: 2rem 1rem 3rem -1.95rem;
}

.mc-dialogs__content {
    padding-bottom: 2rem;
}

.mc-dialogs__item {
    border-bottom: 1px solid #ddd;
    height: 80px;
    padding: .5rem 1rem;
    transition: background .33s;
    position: relative;
}

.mc-dialogs__wrapp {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    z-index: 20;
    text-indent: -9999px;
}

.mc-dialogs__item.unreaded {
    background: #ffe5e5;
}

.mc-dialogs__item:hover {
    background: #fafafa;
}

.mc-dialolgs__text {
    margin-left: 2rem;
}

.mc-dialogs__author {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: .5rem;
}

.mc-dialogs__lastmessage {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px;
    font-size: 13px;
    color: #6f6f6f;
}

.mc-dialogs__img_link {
    display: block;
    position: relative;
    z-index: 22;
}

.mc-dialogs__img {
    margin: .2rem 0 0 .33rem;
    position: relative;
    z-index: 30;
    border-radius: 50px;
    height: 50px;
    width: 50px;
}

.mc-dialogs__counter, .mc-dialogs__timestamp, .mc-dialogs__delete {
    padding-top: 1.35rem;
    text-align: center;
}

.mc-dialogs__counter, .mc-dialogs__timestamp {
    font-size: 13px;
}

.mc-dialogs__delete_btn {
    font-size: 24px;
    color: #000;
    transition: all .2s;
    opacity: 0;
    position: relative;
    z-index: 40;
}

.mc-dialogs__item:hover .mc-dialogs__delete_btn {
    opacity: 1;
}

.mc-dialogs__item:hover .mc-dialogs__delete_btn:hover, .mc-dialogs__item:hover .mc-dialogs__delete_btn:active, .mc-dialogs__item:hover .mc-dialogs__delete_btn:focus {
    opacity: .5;
    color: #000;
    text-decoration: none;
}

.mc-dialog__status {
    position: absolute;
    bottom: 0;
    right: -13px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #44b759;
    border: 2px solid #fff;
    z-index: 31;
}

.mc-sort {
    margin: 2rem 0 2rem -.95rem;
}

.mc-sort__btn {
    padding: 1.5rem 1rem;
    display: block;
    border-bottom: 1px solid #ddd;
    text-align: center;
    transition: background .33s;
}

.mc-sort__btn_span {
    background-image: url(/img/sprites.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    display: block;
    margin: 0 auto;
    opacity: .5;
    transition: all .2s;
}

.sortbtn-1 {
    background-position: -154px -158px;
}

.sortbtn-2 {
    background-position: -5px -158px;
}

.sortbtn-3 {
    background-position: -58px -156px;
}

.sortbtn-4 {
    background-position: -104px -158px;
}

.mc-sort__btn:hover, .mc-sort__btn:focus, .mc-sort__btn:active {
    background: #fafafa;
}

.mc-sort__btn:hover .mc-sort__btn_span {
    opacity: 1;
    transform: scale(1.1)
}

.mc-dialogs__form, .news-filter__form, .search-block__form, .subscribes-block__form {
    position: relative;
    display: flex;
}

.mc-dialogs__form::before, .news-filter__form::before, .search-block__form::before, .subscribes-block__form::before {
    content: '';
    position: absolute;
    top: .85rem;
    left: 1.15rem;
    width: 18px;
    height: 18px;
    background: url(/img/sprites.png) no-repeat -15px -16px;
    z-index: 10;
}

.mc-dialogs__input, .news-filter__input, .search-block__input, .subscribes-block__input {
    font-size: 14px;
    color: #515151;
    padding-left: 3rem;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 1rem 2rem 1rem 3.5rem;
    background: #fff;
    width: 100%;
    border-radius: 3px 3px 0 0;
    outline: none;
}

.mc-dialogs__search {
    height: 50px;
}

.mc-dialogs__bottom {
    background: #f0f0f0;
    padding: 30px;
    display: flex;
    justify-content: space-between;
}

.mc-dialogs__add {
    display: block;
    text-indent: -9999px;
    background: url(/img/sprites.png) no-repeat -6px -207px;
    width: 36px;
    height: 36px;
    transition: all .2s;
    margin-top: 5px;
    opacity: .5;
}

.mc-dialogs__add:hover {
    opacity: 1;
}

.mc-dialogs__message {
    width: 100%;
    margin: 0 30px;
}

.mc-dialogs__message_input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 12px 15px;
    font-size: 14px;
}

.mc-dialogs__send {
    display: block;
    text-indent: -9999px;
    background: url(/img/sprites.png) no-repeat -56px -207px;
    width: 44px;
    height: 44px;
    transition: all .2s;
    border: none;
    outline: none;
    opacity: .5;
}

.mc-dialogs__send:hover {
    opacity: 1;
}

.mc-dialogs__conversation {
    position: relative;
    overflow-y: scroll;
    /*min-height: 580px;
    max-height: 580px;*/
    height: 60vh;
    margin: 0 2rem 0 0;
    padding: 1rem 3rem 1rem 0;
}

.mc-dialogs__conversation::-webkit-scrollbar-track {
    background-color: #ddd;
}

.mc-dialogs__conversation::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.mc-dialogs__conversation::-webkit-scrollbar-thumb {
    background-color: #D62929;
}

.mc-dialogs__conversation_item {
    padding: 1rem;
}

.mc-dialogs__conversation_time {
    color: #999;
    padding-top: 15px;
}

.mc-dialogs__conversation_break {
    margin: 1.5rem 0;
    text-align: center;
    color: #666;
    font-weight: bold;
    position: relative;
    height: 15px;
    font-size: 15px;
}

.mc-dialogs__conversation_break::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: 9;
}

.mc-dialogs__conversation_date {
    padding: 0 1rem;
    background: #fff;
    position: relative;
    z-index: 10;
}

.mc-dialogs__conversation_interlocutor-img {
    position: relative;
}

.mc-dialogs__conversation_interlocutor-img img {
    width: 48px;
    height: 48px;
    border-radius: 24px;
	object-fit: cover;
}

.mc-dialogs__conversation_message, .mc-dialogs__conversation_interlocutor-name {
    padding-left: 1rem;
}

.mc-dialogs__conversation_interlocutor-link {
    color: #3e3e3e;
    font-weight: 600;
    font-size: 14px;
}

.mc-dialogs__conversation_message {
    font-size: 14px;
    line-height: 16px;
    padding-top: 8px;
}

.mc-dialogs__optional, .news-filter__optional {
    border: none;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 24px;
    background: #fff;
    cursor: pointer; /*margin-bottom: -1px;*/
}

.mc-main-nav {
    padding: .75rem .5rem;
    margin: 0;
    display: flex;
    justify-content: space-around;
}

.mc-main-nav__link {
    color: #1e1e1e;
    font-size: 14px;
    padding: .5rem;
    display: inline-block;
}

.register {
    padding: 5rem 0 3rem;
}

.mobile-view__container {
    width: 285px;
    height: 585px;
    margin: 0 auto 2rem;
    background: url(/img/__test_only/iPhone.png) no-repeat 50% 50%;
}

.mobile-view__carousel {
    padding: 4.5rem 1.2rem 0;
}

.mobile-view__carousel_item {
    border: 3px solid #ddd;
    border-radius: 2px;
}

.mc-register {
    max-width: 400px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.mc-register__header, .mc-auth__header {
    text-align: center;
    color: #313131;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 2rem;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 0 1rem;
}

.mc-auth__header {
    margin-bottom: 1rem;
}

.mc-register__form {
    margin: 0 1rem;
}

.mc-register__form .form-control {
    margin-bottom: 1rem;
    font-size: 13px;
}

.mc-register__btn {
    margin: 1rem auto;
    padding: 13px 18px;
    text-align: center;
    width: 100%;
    max-width: 200px;
}

.mc-register__rules {
    font-size: 13px;
    color: #515151;
    margin-top: .5rem;
}

.mc-register__rules_link {
    color: #333;
    display: block;
    font-weight: 500;
}

.mc-register__rules_link:hover, .mc-register__rules_link:active, .mc-register__rules_link:focus {
    text-decoration: none;
    color: #000;
}

.mc-auth {
    margin-top: .5rem;
    padding: 2rem 1.5rem;
    max-width: 400px;
}

.mc-auth__form {
    text-align: center;
}

.mc-auth__form .mc-btn {
    margin-top: 1rem;
    width: 100%;
    max-width: 200px;
}

.mobile-apps {
    text-align: center;
    display: flex;
    justify-content: space-around;
}

.mobile-apps__links {
    display: inline-block;
    text-indent: -9999px;
    width: 152px;
    height: 48px;
    transition: .2s all;
}

.ma-gp {
    background: url(/img/sprites.png) no-repeat -463px -104px;
}

.ma-ios {
    background: url(/img/sprites.png) no-repeat -624px -104px;
}

.register-footer {
    padding: .5rem 0;
}

.register-nav {
    /*display: flex;
    justify-content: space-around;*/
    padding: 0 7rem;
    text-align: center;
}

.register-nav__menu {
    display: flex;
    margin: .5rem 0;
    justify-content: center;
}

.register-nav .copyrights {
    font-size: .9rem;
    margin-bottom: 1rem;
    color: #515151;
}

.register-nav__link {
    color: #555;
    font-size: 14px;
}

.notify {
    position: relative;
}

.notification-layer {
    position: absolute;
    visibility: hidden;
    width: 400px;
    top: 90px;
    left: -322px;
    background: #fff;
    z-index: 800;
    border: 1px solid #dadada;
    border-top: none;
    border-radius: 3px;
    box-shadow: 0 30px 40px rgba(0, 0, 0, .35);
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: all .2s;
    transition: all .2s;
    cursor: default;
    pointer-events: none;
}

.visible-layer {
    visibility: visible;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    top: 65px;
    pointer-events: auto;
}

.notification-layer__content {
    position: relative;
    overflow-y: scroll;
    min-height: 210px;
    max-height: 420px;
    margin: 0;
}

.notification-layer__content::-webkit-scrollbar-track {
    background-color: #ddd;
}

.notification-layer__content::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.notification-layer__content::-webkit-scrollbar-thumb {
    background-color: #D62929;
}

.notification-layer__header {
    border-bottom: 1px solid #e8e8e8;
    padding: .75rem 1rem;
    display: flex;
    justify-content: space-between;
}

.notification-layer__article {
    font-weight: 400;
    font-size: 16px;
}

.notification-layer__item {
    border-bottom: 1px solid #e8e8e8;
    padding: 0 .5rem;
    display: flex;
    justify-content: flex-start;
    transition: background .2s;
}

.notification-layer__item:hover {
    background: #fafafa;
}

.notification-layer__item_img {
    margin: .75rem .33rem 0;
    position: relative;
    z-index: 30;
    border-radius: 50%;
    max-height: 38px;
    max-width: 38px;
}

.notification-layer__item_content {
    padding: .5rem 1rem;
    font-size: 13px;
    line-height: 18px;
}

.noification-layer__item_name {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    color: #515151;
}

.notification-layer__item_steptime {
    color: #999;
    font-size: 12px;
}

.notification-layer__item_case {
    border-left: 1px solid #e8e8e8;
}

.notification-layer__item_case_img {
    max-width: 48px;
    max-height: 48px;
    margin: .75rem;
    border: 1px solid #cacaca;
}

.notification-layer__more {
    color: #515151;
    font-size: 13px;
    font-weight: 500;
}

.news-filter {
    margin: 2rem 0 0 -2.5rem;
    max-width: 640px;
}

.news-filter__select {
    position: relative;
}

.news-filter__optional {
    height: calc(100% + 1px);
    display: flex;
    padding: 0 20px;
}

.news-filter__optional::after {
    margin: 6px 0 0 8px;
}

.news-filter__category {
    position: relative;
    overflow-y: scroll;
    min-height: 210px;
    max-height: 420px;
    width: 240px;
    margin: 0;
}

.news-filter__category::-webkit-scrollbar-track {
    background-color: #ddd;
}

.news-filter__category::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.news-filter__category::-webkit-scrollbar-thumb {
    background-color: #D62929;
}

.news-filter__category_link {
    display: block;
    padding: .5rem 1.5rem;
    color: #1e1e1e;
    font-size: 13px;
}

.news-filter__category_link:first-child {
    margin-top: .5rem;
}

.news-filter__category_link:last-child {
    margin-bottom: .5rem;
}

.search-block, .subscribes-block {
    margin: 2rem 0 0 -2.5rem;
}

.search-block__article_div, .subscribes-block__article_div {
    padding: 3px 3px 0 0;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dadada;
    background: #fafafa;
}

.search-block__delete, .subscribes-block__delete {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

.search-block__delete_btn, .subscribes-block__delete_btn {
    display: block;
    padding: 1rem;
    font-size: 36px;
    color: #000;
    transition: all .2s;
    opacity: .5;
    position: relative;
    z-index: 40;
    background-color: #e8e8e8;
}

.search-block__delete_btn:focus, .search-block__delete_btn:active, .search-block__delete_btn:hover, .subscribes-block__delete_btn:hover {
    opacity: 1;
    color: #000;
    text-decoration: none;
}

.search-block__results, .subscribes-block__result {
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

.search-block__cases {
    padding: 1.5rem 0;
}

.search-block__subname {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: .5rem 1rem 0;
    margin-bottom: .5rem;
}

.search-block__subname_all {
    font-size: 13px;
    color: #999;
    transition: all .25s;
}

.categories-result {
    padding: .5rem 1rem;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: .5rem;
}

.search-block__result {
    max-width: 50%;
}

.search-block__cases .search-block__result {
    width: 100%;
    max-width: none;
}

.search-block__cases .news-post {
    margin: 0 auto 3rem;
}

.search-block__result .mc-categories__item {
    margin-bottom: 0;
}

.mc-users__profile {
    margin: 0 1rem 1.5rem 0;
    width: 12.5rem;
}

.mc-users__profile_img {
    height: 220px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 55;
}

.mc-useres__profile_photo {
    object-fit: cover;
    border-radius: 3px;
    height: 100%;
}

.mc-useres__profile__name {
    display: block;
}

.mc-useres__profile__tlink {
    padding: 1rem 0 .33rem;
    color: #1e1e1e;
    transition: all .2s;
    font-size: 15px;
    font-weight: 500;
    display: block;
}

.mc-useres__profile__city {
    font-size: 13px;
    color: #999;
}

.mc-users__profile__layer {
    position: relative;
    overflow: hidden;
}

.mc-users__profile_hidden {
    visibility: hidden;
    opacity: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .75);
    position: absolute;
    z-index: 65;
    transition: all .3s;
    text-align: center;
    color: #FFF;
    top: 40px;
    left: 0;
    border-radius: 3px;
}

.mc-users__profile__layer:hover .mc-users__profile_hidden {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.mc-users__profile_stats {
    margin: 2rem 0;
    display: flex;
    padding: 0 1rem;
    justify-content: space-around;
}

.mc-subscribe-him {
    padding: 13px 18px;
    position: relative;
    z-index: 80;
}

.mc-users__profile_go {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 75;
    text-indent: -9999px;
}

.mc-users__profile_uploads, .mc-users__profile_followers {
    width: 50%;
}

.mc-users__profile_count {
    font-size: 22px;
    margin-bottom: .5rem;
}

.mc-users__profile_info {
    font-size: 13px;
}

.mc-users__profile_followers {
    border-right: 1px solid #fff;
}

.control-label {
    padding-top: 12px;
}

/* preloaders */
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.wrap-loading {
    background: #333;
    width: 100%;
    height: 100%;
    position: relative;
}

.loading {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: spin 750ms infinite linear;
    -webkit-animation: spin 750ms infinite linear;
    -moz-animation: spin 750ms infinite linear;
    -o-animation: spin 750ms infinite linear;
    -ms-animation: spin 750ms infinite linear;
}

.loading-1 {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    border: 2px solid #ebebeb;
    border-top-color: #333;
}

.loading-2 {
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border: 3px solid #ebebeb;
    border-top-color: #333;
}

.loading-3 {
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border: 3px solid #ebebeb;
    border-top-color: #333;
}

.loading-4 {
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    border: 4px solid #ff001e;
    border-top-color: #333;
}

.mc-main-nav__trigger {
    background: url(/img/sprites.png) no-repeat -413px -17px;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    margin: 1.5rem 1.5rem 0 0;
    display: inline-block;
    float: right;
}

#mobile-menu {
    background: #FFF;
    padding: 0 2rem;
}

.mobile-menu__list {
    margin: 0;
    padding: 2rem 0;
}

.mobile-menu__link {
    padding: .5rem;
    display: block;
    margin-bottom: .5rem;
    font-size: 16px;
}

.mc-about__h3 {
    font-size: 28px;
    margin-bottom: 3rem;
    line-height: 32px;
}

.mc-paragraph {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content: flex-start;
    margin-bottom: 1.5rem;
}

.mc-paragraph__text {
    line-height: 26px;
    font-size: 18px;
    margin-left: 10px;
    max-width: 35rem;
}

.mc-numb {
    font-size: 4rem;
    text-align: left;
    margin: 0 1rem 20px 0;
    line-height: 4rem;
}

.contacts-page {
    padding: 5rem 0;
}

.contacts-type {
    background: #fff;
    padding: 1.5rem 2rem;
    border-radius: 3px;
    margin: 2rem 0;
}

.contacts-type .mc-btn {
    padding-left: 18px;
}

.contacts-paragraph {
    line-height: 1.5rem;
    margin-top: 1rem;
    font-size: 16px;
}

.blog-page {
    padding: 4rem 0;
}

.blog-item {
    background: #FFF;
    border-radius: 3px;
    margin: 1rem 0 2rem;
}

.blog-item__flex {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.blog-item__img {
    max-width: 100%;
    object-fit: cover;
}

.blog-item__text {
    padding: 2rem;
}

.blog-item__date, .blog-date {
    color: #999;
    font-size: 14px;
    margin-bottom: 1.5rem;
}

.blog-item__date i {
    margin-right: .5rem;
}

.blog-item__link {
    font-size: 18px;
    font-weight: 500;
    color: #1e1e1e;
    margin-bottom: .5rem;
    display: inline-block;
}

.blog-item__anons {
    font-size: 15px;
    line-height: 22px;
    color: #555;
}

.blog-article {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 32px;
    display: inline-block;
}

.blog-subscribe {
    margin: 1rem 0 2rem;
    padding: 2rem 2rem 1rem;
}

.blog-social {
    display: flex;
    align-items: center;
}

.blog-social__link {
    font-size: 36px;
    color: #dadada;
    margin: .5rem 1rem;
}

.blog-text {
    line-height: 22px;
    font-size: 15px;
    color: #1e1e1e;
    margin-top: 1rem;
    padding: 2rem;
}

.blog-return {
    margin-top: 2rem;
}

.mm-btn {
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    background: url(/img/sprites.png);
    width: 24px;
    height: 24px;
    background-position: -413px -14px;
    vertical-align: middle;
}

.mm-search {
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    background: url(/img/sprites.png);
    width: 24px;
    height: 24px;
    background-position: -15px -16px;
    vertical-align: middle;
}

.settings-block {
    margin-left: -1.95rem;
    margin-top: 2rem;
    padding: 30px;
}

.settings-nav {
    margin-left: -.95rem;
    margin-top: 2rem;
}

.settings-nav__list {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
}

.settings-nav__a {
    display: block;
    padding: 12px 26px;
    border-left: 3px solid transparent;
    transition: all .3s;
}

.settings-nav__a:hover, .settings-nav__a:focus {
    background: #fafafa;
}

.active-nav {
    background: #fafafa;
    border-left: 3px solid #d30000;
}

.settings-block__row {
    padding: 13px 0;
    border-bottom: 1px solid #f0f0f0;
}

.settings-block__name {
    padding-top: 10px;
}

.subscribes-block__peoples {
    margin: 0 0 2rem;
}

.subscribes-block__account {
    align-items: center;
    display: flex;
    flex-flow: row;
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    justify-content: space-between;
}

.subscribes-block__photo {
    margin-right: .5rem;
}

.subscribes-block__name {
    padding: 0 1rem;
    font-weight: bold;
    width: 60%;
}

.subscribes-block__name small {
    padding-top: .5rem;
}

.subscribes-block__photo_link {
    display: flex;
    flex-direction: column;

}

.subscribes-block__photo_link > img {
    object-fit: cover;
    border-radius: 50%;
    height: 64px;
    width: 64px;
}

.page__faded {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.page__faded::after {
    content: '';
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}

.returnedNav {
    display: block !important;
    box-shadow: 30px 0 60px rgba(0, 0, 0, .15);
    width: 220px;
    z-index: 998;
    position: fixed;
    opacity: 1 !important;
    top: 0;
    left: 0;
    margin: 0 !important;
    height: 100vh !important;
    /*overflow: hidden;*/
    transform: translateZ(0);
    backface-visibility: hidden;
    background: #fff;
    transition: all .33s;
}

.mc-dialogs__conversation_interlocutor-img__left {
    display: inline-block;
    width: 32px;
    height: 32px;
    float: left;
    margin: .5rem .75rem .75rem .5rem;
}

.mc-dialogs__conversation_interlocutor-img__left > img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.verification-p {
    line-height: 25px;
    font-size: 18px;
    margin: 0;
    text-align: center;
}

.close-aside {
    display: block;
    position: fixed;
    top: .5rem;
    right: -3rem;
    color: #fff;
    font-size: 36px;
}


.bx-wrapper .bx-controls-direction a {
    z-index: 500 !important;
}


.h1-medcase {
    font-size: 20px;
    color: #1e1e1e;
    margin-bottom: 2rem;
}

.h1-medcase span {
    font-weight: bold;
    margin-left: 10px;
}

/*********************************************************

media queries

**********************************************************/

@media (max-width: 1200px) {

    .search-block__results {
        flex-flow: wrap;
        justify-content: space-between;
    }

    .search-block .mc-users__profile {
        width: 14rem;
    }

    .moved-right-modal {
        max-width: 62vw;
    }

    .mc-cat-select {
        width: 26vw;
        padding: 1.5rem;
    }

    .settings-block__name {
        margin: 0 0 15px;
    }

    .mc-navigation {
        margin-right: 0;
    }

    .form-search::after {
        left: -1px;
    }

    .news-post__interactive {
        padding: .85rem 1rem;
    }

    .mc-categories, .news-content, .settings-nav, .pages-block, .posts, .personal, .mc-dialogs, .news-filter, .settings-block, .subscribes-block {
        margin-left: 0;
    }

    .mc-categories__name_link {
        font-size: 14px;
    }

    .avatar {
        padding: 0;
    }

    .personal__statistic_link {
        padding: 35px 20px;
    }

    .nav-tabs .nav-link {
        padding: .75rem 1.66rem;
    }

    .mc-sort__btn {
        padding: 1rem .5rem;
    }

    .profile__hidden {
        left: auto;
        right: -10px;
    }

    .register-nav {
        padding-top: 1rem;
    }

    .settings-nav__a {
        font-size: 13px;
        padding-left: .95rem;
    }

    .mc-dialogs {
        margin-bottom: 1rem;
    }

    .posted-case__img {
        width: 100%;
    }
}

@media (max-width: 991px) {

    .mc-auth {
        margin: 0 auto 5rem;
    }

    .search-block {
        margin: 2rem 0;
    }

    .search-block .mc-users__profile {
        width: 18.5rem;
    }

    .add-photo-case,
    .add-text-case {
        padding: .5rem .33rem;
    }

    .moved-right-modal .nav-tabs .nav-link {
        padding: .5rem;
        font-size: 13px;
    }

    .moved-right-modal {
        right: auto;
        max-width: 90vw;
    }

    .mc-navigation {
        display: block !important;
        opacity: 0;
        position: fixed;
        margin: 0;
    }

    .register {
        padding: 3rem 0;
    }

    .mc-register {
        margin: 0 auto 2rem;
    }

    .register-footer {
        margin-bottom: 3rem;
    }

    .main-logo {
        display: inline-block;
        overflow: hidden;
        width: 40px;
        vertical-align: middle;
    }

    .form-search {
        margin-left: 0;
    }

    .notify {
        margin-left: -1.5rem;
    }

    .news-post, .news-filter {
        max-width: none;
        margin: 0 auto 3rem;
    }

    .news-filter {
        margin-top: 3rem;
    }

    .mm-btn {
        margin: .5rem .5rem 0 3rem;
    }

    .mc-dialog__status {
        left: 20px;
        right: auto;
    }

    .mc-dialogs {
        margin: 1.5rem 0;
    }

    .mc-dialogs__timestamp {
        margin-left: -.75rem;
        font-size: 12px;
    }

    .mc-dialogs__bottom {
        padding: 15px;
    }

    .mc-dialogs__add, .mc-dialogs__send {
        margin-top: 15px;
    }

    .settings-block__row .form-control, .settings-block__row .custom-select {
        margin-top: 15px;
    }

    .pages-block {
        padding-bottom: 0;
        height: auto;
    }

    .personal__statistic {
        flex-direction: row;
        height: auto;
        margin: 5px -15px 0;
        border: 1px solid #ddd;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .personal__statistic > div {
        flex: 1;
    }

    .personal__statistic > div > a {
        border: none;
        text-align: center;
        padding: 24px 8px;
        font-size: 13px;
    }

    .personal__statistic_number {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .avatar__img img {
        width: 100%;
    }

    .add-photo-case__files {
        padding: 1rem;
    }

    .add-photo-case__help {
        width: auto;
        left: auto;
    }

    .add-photo-case__files {
        min-height: inherit;
    }

    .add-photo-case__files::after {
        display: none;
    }

    .inputfile__label {
        display: block;
        height: 26px;
        text-align: center;
    }

}

@media (max-width: 768px) {

    .search-block .mc-users__profile {
        width: 13rem;
    }

    .news-filter__form {
        flex-direction: column;
    }

    .news-filter__optional {
        width: 100%;
        height: 36px;
    }

    .carousel-img {
        max-width: 100%;
    }

    .register {
        padding-top: 1.5rem;
    }

    .register-nav .copyrights {
        margin: 0 auto;
        text-align: center;
    }

    .mc-register {
        max-width: 100%;
    }

    .register-nav {
        padding: 0;
    }

    .mc-paragraph__text {
        line-height: 20px;
        font-size: 15px;
    }

    .mc-about {
        margin-bottom: 4rem;
    }

    .mm-btn {
        margin: .5rem -.5rem 0 1.5rem;
    }

    .notify {
        margin: 0;
    }

    .form-search {
        margin-left: -.5rem;
        padding: 5px 0 0;
    }

    .form-search::after, .form-search::before {
        display: none;
    }

    .form-search input[type="text"] {
        padding-left: 20px;
    }

    .news-post .news-post__trigger ~ .dropdown-menu {
    }

    .news-post__add2favor, .news-post__sendbtn, .news-post__commentsbt, .mc-dialogs__conversation_time, .news-post__commentsbtn {
        font-size: 12px;
    }

    .text-case::before {
        transform: scale(.6);
        bottom: calc(50% - 60px) !important;
    }


    .mc-dialogs__item {
        padding: .5rem 0;
    }

    .mc-dialogs__conversation_item {
        padding: 1rem .5rem;
    }

    .mc-dialogs__conversation {
        margin: 0;
        padding-right: .95rem;
    }

    .mc-dialogs__conversation_message, .mc-dialogs__conversation_interlocutor-name {
        padding-left: 0;
    }

    .register-footer {
        display: none;
    }

    .personal {
        margin-top: .5rem;
    }

    .modal-rules__list {
        margin: .5rem;
        padding: 0;
    }

    .news-post .dropdown-menu {
        left: auto;
        right: 0;

    }


    .news-post__maintext {
        max-height: 110px;
    }



}

@media (max-width: 576px) {

    .categories-result {
        padding: .5rem 0;

    }

    .search-block__results {
        display: block;
    }

    .search-block__result {
        max-width: none;
    }

    .search-block .mc-users__profile {
        display: block;
        width: 100%;
    }

    .add-photo-case__files {
        margin: .5rem 0;
    }

    .moved-right-modal {
        max-width: 100vw;
    }

    .modal-rules {
        margin: 1rem;
    }

    .news-post__textarea {
        font-size: 13px;
    }

    .blog-subscribe, .blog-item__text {
        padding: 1rem;
    }

    .modal-body {
        padding: .5rem;
    }

    .mm-search {
        margin: 1.2rem 0;
        float: right;
    }

    .news-post__tags_item, .turn-back-link {
        margin-bottom: .5rem;
    }

    .news-post__add2favor, .news-post__sendbtn, .news-post__commentsbtn {
        text-indent: -9999px;
        width: 36px;
    }

    .notification-layer {
        max-width: 300px;
        left: -200px;
    }

    .mm-btn {
        margin: .5rem -1rem 0 .75rem;
    }

    .register-footer {
        margin-top: 1rem;
    }

    .mc-dialogs {
        margin: 0 -.95rem;
        height: calc(100vh - 77px);
    }

    .mc-dialogs__item .row {
        margin: 0;
    }

    .mc-dialogs__content {
        padding: 0;
    }

    .mc-dialolgs__text {
        margin-left: .75rem;
    }

    .mc-dialogs__conversation {
        height: 70vh;
        padding-top: .33rem;
        padding-bottom: .33rem;
    }

    .mc-dialogs__conversation_item {
        padding: .55rem;
    }

    .mc-dialogs__conversation_message {
        font-size: 13px;
        margin-bottom: .66rem;
    }

    .mc-dialogs__bottom {
        padding: 7px 12px;
        height: 15vh;
        position: fixed;
        z-index: 999;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .mc-dialogs__conversation_time {
        padding: 0;
        font-size: 14px;
        float: right;
        margin-top: -1rem;
    }

    .mc-dialogs__message {
        margin: 1rem .66rem;
    }

    .personal {
        margin: 0 0 .5rem -.75rem;
    }

    .avatar__img {
        text-align: center;
        display: flex;
    }

    .avatar__img > img {
        margin: 0 auto;
        height: 76px;
        object-fit: cover;
    }

    .personal__name {
        padding: 0;
        font-size: 18px;
    }

    .news-post__tags {
        padding: 15px 15px 5px;
    }

    .news-post__tags_item {
        font-size: 11px;
    }

    .news-post__anons {
        font-size: 13px;
        line-height: 18px;
        padding: 0 1rem 1.5rem;
    }

    .news-post__commentslayer .news-post__form {
        flex-direction: column;
    }

    .news-post__othercomment_author, .news-post__othercomment_p, .news-post__commentslayer .news-post__upsanddawns {
        margin: 0;
        padding: 0;
        transform: none;
    }

    .news-post__commentslayer .news-post__upsanddawns {
        max-width: 140px;
        margin: .33rem 0;
    }

    .news-post__othercomment {
        padding: 1rem .5rem;
    }

    .news-post__othercomment_p {
        margin: .75rem 0;
    }

    .news-post__commentslayer .news-post__othercomment_author {
        float: left;
        margin: -25px 0 0 48px;
    }

    .news-post__form_avatar {
        margin: 0;
    }

    .modal-rules__item {
        line-height: 18px;
        font-size: 13px;
        margin-bottom: .5rem;
    }

    .modal-footer {
        flex-direction: column;
        padding: 1rem 0.75rem !important;
    }

    .send-case-btn,
    .modal-footer .agreed-btn {
        font-size: 14px;
        padding: 18px 12px;
        display: block;
        width: 100%;
        margin-top: .5rem;
    }

    .verification-p {
        font-size: 14px;
        margin: 1rem 0;
        line-height: 18px;
    }

    .news-post__avatar {
        margin: 0 .2rem;
    }

    .news-post__name {
        margin: 0 0 0 .3rem;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .news-post__timestamp {
        font-size: 11px;
        line-height: normal;
    }

    .subscribes-block__name {
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .subscribes-block__photo_link > img {
        height: 48px;
        width: 48px;
    }

    .subscribes-block__btn .mc-btn {
        padding: 10px 12px !important;
    }

    .avatar__block {
        margin: 0 !important;
    }

    .pages-block {
        margin-top: 1rem;
    }

    .posted-case__hidden,
    .posted-case.multiply::before {
        display: none;
    }

    .posted-case__img {
        height: 148px;
    }

    .posted-case__img .img-fit {
        height: auto;
    }

    .personal__specialist {
        padding: 7px 0;
    }

    .personal__specialist .mc-grey {
        font-size: 12px;
        border-radius: 4px;
        padding: .20rem .5rem;
    }

}

@media (max-width: 360px) {
    .main-logo {
        display: none;
    }

    .mm-btn {
        margin: 1rem 0 0 .5rem;
    }

    .mm-search {
        margin-right: .5rem;
    }

    .notify {
        margin-left: -2rem;
    }

    .profile {
        margin-left: -1rem;
    }

    .notifications::after, .notifications::before {
        display: none;
    }

    .profile__abbr {
        height: 32px;
        width: 32px;
        font-size: 18px;
        line-height: 32px;
    }

    .mc-numb {
        font-size: 3rem;
        margin-right: 35px;
        line-height: 3rem;
    }

    .mc-dialogs__img {
        margin: .5rem 0 0 0;
        width: 42px;
        height: 42px;
    }

    .mc-dialog__status {
        left: 10px;
    }

    .personal__statistic > div {
        height: auto;
    }

    .personal__statistic > div > a {
        text-align: center;
        padding: 22px 12px;
        font-size: 12px;
    }

    .news-post__upsanddawns {
        transform: scale(.8);
        margin: 0 .33rem 0 -.5rem;
    }

}