.object-map {
    height: 200px;
    margin: 1em 0;
}
.object-map-big {
    height: 300px;
    margin: 1em 0;
}

iframe {
    width: 630px;
    height: 354px;
}

.notification {
    font-size: 14px;
    color: red;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
    border: 1px solid red;
    flex-basis: 100%;
    padding: 0 5px;
}

.notification.small {
    font-size: 12px;
}

.block-half-right {
    float: right;
    width: calc(50% - 15px);
}
.block-half-left {
    float: left;
    width: calc(50% - 15px);
}

/************************************* object-options ********************************/

.object-options .date::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22%22%3E%3Cpath%20d%3D%22m0%200h20v20h-20z%22%2F%3E%3Cpath%20d%3D%22m10%202.8c-3.9764502%200-7.2%203.2235498-7.2%207.2s3.2235498%207.2%207.2%207.2%207.2-3.2235498%207.2-7.2-3.2235498-7.2-7.2-7.2zm0-1.8c4.9705627%200%209%204.02943725%209%209%200%204.9705627-4.0294373%209-9%209-4.97056275%200-9-4.0294373-9-9%200-4.97056275%204.02943725-9%209-9zm2.6293549%2010.3721379-1.8293553-1.3304401v-3.1416977c0-.49705628-.4029437-.9-.89999998-.9s-.9.40294372-.9.9v3.5999999c0%20.2879429.13777565.5585026.37064551.7278625l2.20000077%201.6000004c.4019874.2923544.9648626.2034793%201.257217-.198508.2923544-.4019874.2034793-.9648626-.198508-1.257217z%22%20fill%3D%22%23828a99%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
    opacity: 0.8;
}

.object-options .address::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M.5%206.534c0%202.29%201.687%205.56%205.06%209.813a1.2%201.2%200%200%200%201.88%200c3.373-4.252%205.06-7.523%205.06-9.813C12.5%203.294%2010%20.8%206.5.8s-6%202.493-6%205.734z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.8%22%3E%3Cpath%20opacity%3D%22.4%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3Cg%20transform%3D%22translate(3.5%201)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20stroke%3D%22%23828A99%22%20stroke-width%3D%221.8%22%20d%3D%22M-.4%206.534C-.4%202.753%202.547-.1%206.5-.1c3.953%200%206.9%202.853%206.9%206.634%200%202.551-1.764%205.972-5.255%2010.372a2.1%202.1%200%200%201-3.29%200C1.365%2012.506-.4%209.086-.4%206.534z%22%2F%3E%3Cpath%20d%3D%22M3.6%206.8a2.9%202.9%200%201%201%205.801.001A2.9%202.9%200%200%201%203.6%206.8z%22%20stroke%3D%22%23828A99%22%20stroke-width%3D%221.8%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;

}

.object-options .phone::before {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2220%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22m0%200h20v20h-20z%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22m7.603%209.395c.172.417.604.989%201.31%201.694.703.703%201.275%201.136%201.692%201.31l.483-.484c1.197-1.197%203.093-1.31%204.363-.242l.738.622c1.109.933%201.217%202.6.258%203.726a2.98%202.98%200%200%201%20-1.952%201.021c-2.593.35-5.243-.874-7.952-3.584-2.708-2.708-3.934-5.358-3.59-7.903.022-.243.07-.472.146-.697a3.01%203.01%200%200%201%20.887-1.31c1.12-.954%202.788-.845%203.72.263l.62.738c1.07%201.269.958%203.166-.24%204.364z%22%20stroke%3D%22%23828a99%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center;
}

.object-options .link::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M0%200h20v20H0z%22%2F%3E%3Crect%20stroke%3D%22%23828A99%22%20stroke-width%3D%221.8%22%20x%3D%221.9%22%20y%3D%221.9%22%20width%3D%2216.2%22%20height%3D%2216.2%22%20rx%3D%228.1%22%2F%3E%3Cpath%20stroke%3D%22%23828A99%22%20d%3D%22M2.5%206.7h15v1h-15zM2.5%2012.5h15v1h-15z%22%2F%3E%3Cpath%20d%3D%22M10%2018c-1.933-2.333-2.9-5-2.9-8s.967-5.667%202.9-8c1.933%202.333%202.9%205%202.9%208s-.967%205.667-2.9%208z%22%20stroke%3D%22%23828A99%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
}

.object-options .time::before, .object-options .date::before, .object-options .address::before, .object-options .phone::before, .object-options .link::before {
    display: block;
    position: absolute;
    float: left;
    content: '';
    width: 20px;
    height: 20px;
    margin-left: -24px;
    margin-top: 3px;
    white-space: nowrap;
}

.object-options .date, .object-options .address, .object-options .phone, .object-options .link {
    padding-left: 30px;
    font-size: 14px;
    line-height: 25px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.object-options.firm-address .date, .object-options.firm-address .address, .object-options.firm-address .phone, .object-options.firm-address .link {
    padding-left: 30px;
    font-size: 14px;
    line-height: 25px;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.object-options .user-brothers-block {
    margin-top: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #d7d7d7;
}

.object-options .users {
    overflow: hidden;
    zoom: 1;
    height: 48px;
    margin-bottom: 1em;
    margin-top: 1em;
}
.object-options .users DIV {
    float: left;
    border-radius: 50%;
    border: 2px solid #FFF; 
    margin: 0;
    width: 44px;
    height: 44px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);
    background-image: url(https://img.spb.systems/new/users/32X32/0.gif);
}
.object-options .users DIV A {
    display: block;
    width: 44px;
    height: 44px;
}
.object-options .users DIV.big {
    width: 72px;
    height: 72px;
    background-image: url(https://img.spb.systems/new/users/72X72/0.gif);
}
.object-options .users DIV.big A {
    display: block;
    width: 72px;
    height: 72px;
}
.object-options .users DIV:not(:first-child) {
    margin-left: -10px;
}
.object-options .users DIV.big:not(:first-child) {
    margin-left: -25px;
}
.object-options .users IMG {
    margin: 0;
}

.object-options .users DIV:nth-child(n+5):not(.big) {
    display: none;
}
.object-options .users SPAN {
    line-height: 48px;
    font-size: 13px;
    margin-left: 10px;
}
.object-options .users SPAN A {
    color: gray;
}

/************************************* details-content && extra-buttons ********************************/
.details-content {
    
}
.details-content .more-news {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
}
.details-content .more-news .object-item:nth-child(n+2) A {
    display: flex;
    align-items: stretch;
}

.details-content .more-news .object-item:nth-child(n+2) A div:nth-child(1) {
    order: 2;
    margin: 0;
    font-size: 16px;
}
.details-content .more-news .object-item:nth-child(n+2) A div:nth-child(2) {
    order: 1;
    flex: none;
    width: 100px;
    height: 75px;
    background-size: cover;
    background-position: 50%;
    margin: 0;
    margin-right: 10px;
}
.details-content .more-news .object-item:nth-child(n+2) A div.desc {
    display: none;
}
.details-content .more-news .object-item:nth-child(n+2) A div.more {
    display: none;
}
.details-content .more-news .object-item:nth-child(n+2) A div.poll {
    display: none;
}
.details-content .more-news .object-item:nth-child(3) {
    border: 0;
}


.details-content .more-news .gallerey-item {
    
}

.details-content .head-district-block {
    margin: 0 0 20px 0;
    overflow: hidden;
    border-bottom: 3px solid gray;
    padding-bottom: 20px;
}



.details-content .author-block {
    margin: 0 10px 20px 10px;
    overflow: hidden;
}
.details-content .author-block A {
    margin-right: 10px;
    width: 50px;
    float: left;
}
.details-content .author-block IMG {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    margin: 0;
}
.details-content .author-block .details {
    padding-top: 5px;
    overflow: hidden;
}
.details-content .author-block .details A {
    display: block;
    white-space: nowrap;
    width: auto;
    float: none;
    margin: 0;
}
.details-content .author-block .details A:after {
    content: '';
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    float: right;
    width: 47px;
    height: 21px;
    margin-top: -21px;
    position: relative;
}
.details-content .author-block DATE {
    color: gray;
    margin-top: 5px;
    font-size: 13px;
}

.extra-buttons {
    display: -webkit-flex;
	display: flex;
    justify-content: center;
    line-height: 24px;
    margin: 10px 10px 10px 10px;
    color: gray;
    position: relative;
}
.extra-buttons DIV.update {
    font-size: 13px;
    position: absolute;
    left: 0;
}
.extra-buttons DIV.update A {
    background-color: gray;
    color: white;
    padding: 0 10px;
    line-height: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 12px;
    margin-right: 3px;
    float: left;
}
@media screen and (max-width:680px) {
    .extra-buttons DIV.update A.u:after {
        content: 'U';
    }
    .extra-buttons DIV.update A.r:after {
        content: 'X';
    }
}
@media screen and (min-width:681px) {
    .extra-buttons DIV.update A.u:after {
        content: 'Изменить';
    }
    .extra-buttons DIV.update A.r:after {
        content: 'Удалить';
    }
}
.extra-buttons DIV.ya-share2 {
    margin-left: 10px;
}
.extra-buttons DIV.counter {
    color: Gray;
    background-image: url(/templates/4.0/img/viewl.gif);
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 13px;
    position: absolute;
    right: 0;
}

@media screen and (min-width:681px) {
    .details-content .author-block {
        margin-left: 0;
        margin-right: 0;
    }
    .extra-buttons {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media screen and (min-width:961px) {
    .details-content {
        border-bottom: 3px solid gray;
        padding-bottom: 20px;
    }
    .read-block .text-content {
        height: 296px;
    }
    .details-content .objects-ad-1-block {
        display: none;
    }
}


@media screen and (max-width:960px)
{
    .details-content .block-right-one {
        display: none;
    }
}

/**************************************************** user-content **************************************/
.user-block {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 20px;
}
.user-block .image {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin: 0 10px 0 0;
    flex: 0 0 100px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
}

.user-block .image IMG {
    display: none;
}
.user-block .details {
    overflow: hidden;
    zoom: 1;
    position: relative;
    /*
    margin-top: 15px;
    */
}
.user-block .details .social {
    display: flex;
    justify-content: flex-start;
}
.user-block .details .social::after {
    display: none;
}
.user-block .details .social .vk {
    background-color: #547aa8;
    line-height: 28px;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    margin-right: 5px;
    font-size: 14px;
    height: 28px;
    padding-right: 5px;
}
.user-block .details .social .vk:hover {
    background-color: #335885;
    color: #FFF;
}
.user-block .details .social .fb {
    background-color: #4064b3;
    line-height: 28px;
    display: block;
    padding: 0;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    margin-right: 5px;
    font-size: 14px;
    height: 28px;
    padding-right: 5px;
}
.user-block .details .social .fb:hover {
    background-color: #2b4c94;
    color: #FFF;
}
.user-block .details .social .tw {
    background-color: #00aced;
    line-height: 28px;
    display: block;
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    margin-right: 5px;
    font-size: 14px;
    height: 28px;
    padding-right: 5px;
}
.user-block .details .social .tw:hover {
    background-color: #0694ca;
    color: #FFF;
}
.user-block .details .social .vk::before {
    float: left;
    line-height: 28px;
    border-right: 1px solid #FFF;
    width: 25px;
    font-size: 18px;
    content: 'В';
    height: 28px;
    margin-right: 5px;
}
.user-block .details .social .fb::before {
    float: left;
    line-height: 28px;
    border-right: 1px solid #FFF;
    width: 25px;
    font-size: 18px;
    content: 'f';
    height: 28px;
    margin-right: 5px;
}
.user-block .details .social .tw::before {
    float: left;
    line-height: 28px;
    border-right: 1px solid #FFF;
    width: 25px;
    font-size: 18px;
    content: 't';
    height: 28px;
    margin-right: 5px;
}




.user-block .details H1 {
    display: block;
    color: gray;
    margin: 0;
    font-size: 18px;
    white-space: nowrap;
}
.user-block .details DIV {
    display: block;
    color: gray;
    margin-top: 5px;
    font-size: 13px;
    white-space: nowrap;
}
.user-block .details DIV.status {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 15px;
    line-height: 22px;
    font-size: 13px;
    margin: 0;
    z-index: 99;
}
.user-block .details DIV.status.online {
    background-color: silver;
    color: white;
    padding: 0 5px;
    border-radius: 5px;
}
.user-block .details DIV.status.offline {
    color: silver;
}
.user-block .details DIV:not(.status):after {
    content: '';
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    float: right;
    width: 47px;
    height: 15px;
    margin-top: -15px;
    position: relative;
}

.user-block .details DIV.logo {
    overflow: hidden;
    zoom: 1;
    line-height: 32px;
}
.user-block .details DIV.logo IMG {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0;
    margin-right: 5px;
    border-radius: 3px;
}
.user-block .details DIV.logo:after {
    height: 32px;
    margin-top: -32px;
}
.user-content .unbrother {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.user-content .unbrother DIV {
    flex-basis: calc(50% - 5px);
}
.user-content .unbrother DIV:last-child {
    flex-basis: 100%;
}
.user-content .brother {
    margin-bottom: 0;
}   
.user-content .unbrother DIV:not(:last-child) A, .user-content .brother DIV:first-child A {
    background-color: gray;
    line-height: 32px;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    font-size: 15px;
}
.user-content .brother DIV, .user-content .unbrother DIV {
    color: gray;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
}
.user-content .brother DIV:not(:first-child) A {
    display: block;
    color: gray;
}

.user-content .object-options {
    padding: 0;
    border-bottom: 1px solid #d7d7d7;
}

.user-details-block {
    padding-top: 15px;
    border-bottom: 1px solid #d7d7d7;
}
.user-details-block .head {
    display: flex;
    justify-content: space-between;
    color: gray;
    margin-bottom: 10px;
    font-size: 14px;
}
.user-details-block .head DIV:first-child {
    text-transform: uppercase;
    font-size: 18px;
}
.user-details-block .head DIV A {
    color: gray;
}
.user-details-block .head DIV A:hover {
    color: black;
}
.user-details-block .head DIV:nth-child(2) A {
    background-color: #eeeeee;
    color: gray;
    line-height: 21px;
    display: block;
    padding: 0 5px;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    margin: 0 auto 0 auto;
}


.user-details-block .details P {
    font-size: 13px;
    margin: 1em 0;
}
.user-details-block .rolled P:nth-child(n+4) {
    display: none;
}
.user-details-block.rolled .motorcycle:nth-child(n+3) {
    display: none;
}
.user-details-block .motorcycle .title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5em;
}
.user-details-block .motorcycle .image {
    margin-bottom: 15px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    height: 200px;
}
.user-details-block .event-item {
    padding-top: 0;
    border: 0;
}

.user-details-block .botton-show A {
    background-color: #eeeeee;
    color: gray;
    line-height: 32px;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    font-size: 15px;
    width: 190px;
    margin: 0 auto 10px auto;
}

.user-details-block .user-market-block {
    display: none;
}
.user-content .photos-block {
    padding-bottom: 15px;
}
    
@media screen and (min-width:961px)
{
    .user-content .unbrother {
        display: block;
    }
    .user-content .unbrother DIV {
        margin: 0 0 5px 0;
    }
    .user-details-block .user-market-block {
        display: block;
    }
    .user-content .photos-block {
        padding-top: 0;
    }

    .user-content .photos-block .head {
        display: none;
    }
    .user-block {
        display: block;
    }
    .user-block .image {
        width: auto;
        height: auto;
        border-radius: 0;
        margin: 0 0 10px 0;
        /*margin-bottom: 1em;*/
    }
    .user-block .image IMG {
        display: block;
        margin: 0;
    }
    .block-left-one .user-details-block {
        border: 0;
    }
}
@media screen and (max-width:960px)
{
    .user-content .mine-links {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .user-content.inner-pages .block-left-one {
        margin-top: 70px;
    }
}

/**************************************************** user-content **************************************/

.firm-content .mine-links {
    display: flex;
}
.firm-content .block-left-one .logo IMG {
}

.firm-address .button-center A {
    width: 70px;
    font-size: 10px;
    line-height: 20px;
}
    
@media screen and (min-width:961px)
{
    .firm-content .text-content .logo {
        display: none;
    }
}
@media screen and (max-width:960px)
{
    .firm-content .block-left-one .logo {
        display: none;
    }
}

@media screen and (min-width:411px) AND (max-width:960px)
{
    .firm-content .text-content .logo {
        max-width: 30%;
        float: left;
        margin: 10px 10px 10px 0;
    }
}
@media screen and (max-width:410px)
{
    .firm-content .text-content .logo {
        max-width: 40%;
        margin: 10px auto 0 auto;
    }
}

/**************************************************** service-content **************************************/
.service-content .text-content {
    margin-bottom: 20px;
}
@media screen and (max-width:960px)
{
    .service-content .mine-links {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .service-content.inner-pages .block-right-double {
        margin-top: 70px;
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 10px;
    }
    .service-content .object-options {
        border-bottom: 0;
    }
}

/**************************************************** themes-content **************************************/
.themes-content {
    margin-top: 10px;
}
.theme-item {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #d7d7d7;
}
.theme-item:first-child {
    padding-top: 10px;
}
.theme-item:last-child {
    border-bottom: 0;
}
.theme-item A:first-child {
    display: flex;
    align-content: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.theme-item .title {
    margin-bottom: 10px;
    line-height: 1.5em;
}
.theme-item .author {
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 13px;
    color: #C0C0C0;
    line-height: 24px;
    position: relative;
    overflow: hidden;
}

.theme-item .author::after {
    content: '';
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bf3f3', endColorstr='#fbfbfb',GradientType=1 );
    float: right;
    width: 47px;
    height: 30px;
    margin-top: -30px;
    position: relative;
}
.theme-item .author IMG {
    float: left;
    margin: 0 5px 0 0;
    border-radius: 5px;
}

.theme-item .image {
    margin-right: 10px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    flex-basis: 30%;
    flex-grow: 1;
}
.theme-item .desc {
    flex-grow: 2;
    flex-basis: calc(70% - 10px);
}
.theme-item .text {
    font-size: 15px;
    margin-top : 10px;
    line-height: 1.5em;
    color: #5e5e5e;
}

.theme-item .comments, .object-item .comments, .quest-item .comments {
    font-size: 12px;
    flex-basis: 100%;
}
.theme-item .comments .i, .object-item .comments .i, .quest-item .comments .i {
	margin-top: 1em;
	background-image: url(/templates/img/comment.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 30px;
}
.theme-item .comments .i .d, .object-item .comments .i .d, .quest-item .comments .i .d {
	color: Silver;
	line-height: 20px;
    margin-bottom: 3px;
}
.theme-item .comments .i .d A, .theme-item .comments .i .date A:VISITED, .object-item .comments .i .d A, .object-item .comments .i .date A:VISITED, .quest-item .comments .i .d A, .quest-item .comments .i .date A:VISITED {
	color: Silver;
    display: inline;
    font-weight: bold;
}
.theme-item .comments .i .t, .object-item .comments .i .t, .quest-item .comments .i .t {
    color: #5e5e5e;
    line-height: 1.5em;
}


@media screen and (max-width:961px)
{
    .themes-content .block-right-one {
        display: none;
    }
}
@media screen and (min-width:961px)
{
    .themes-content .block-left-double .objects-ad-1-block {
        display: none;
    }
}
/**************************************************** moto-content **************************************/

.index-mine-content .block-marks {
    display: none;
}

@media screen and (min-width:961px)
{
    .index-mine-content .block-marks {
        display: flex;
    }
}

.moto-mine-content .block-marks {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-around;
}
.moto-mine-content .block-marks A {
    display: block;
    flex-grow: 1;
    flex-basis: 20%;
}

.moto-mine-content .block-type {
    display: flex;
    position: relative;
    justify-content: space-around;
}
.moto-mine-content .block-type A {
    display: block;
    text-align: center;
    flex-grow: 1;
    font-size: 10px;
}


@media screen and (max-width:680px) {
    .moto-filter-mine-block .block-marks {
        margin-left: 10px;
    }
    .moto-mine-content .moto-filer-addition {
        margin-right: 10px;
    }
}
    
@media screen and (max-width:460px)
{
    content.moto-mine-content {
        margin: 10px auto;
    }
    .moto-mine-content .block-type A SPAN {
        display: none;
    }
    .moto-filter-mine-block .block-marks {
        margin-right: 10px;
    }
    .moto-mine-content .moto-filer-addition {
        margin-left: 10px;
    }
}
@media screen and (min-width:461px)
{
    .moto-filter-mine-block {
        display: flex;
        justify-content: space-between;
    }
    .moto-filter-mine-block .block-marks {
        flex-basis: calc(50% - 15px);
    }
    .moto-mine-content .moto-filer-addition {
        flex-basis: calc(50% - 15px);
    }
    .moto-mine-content .block-type {
        flex-wrap: wrap;
    }
    .moto-mine-content .block-type A {
        flex-basis: calc(100%/3);
    }
}
@media screen and (min-width:961px)
{
    .moto-mine-content .block-type {
        flex-wrap: nowrap;
    }
}

.more-moving-block {
    transition: 0.5s;
    padding: 0;
    z-index: 99;
    width: 100%;
    overflow: hidden;
    zoom: 1;
}

.objects-ad-1-block {
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    position: relative;
    margin-top: -1px;
    background-color: #eeeeee;
    display: block;
}
.objects-ad-1-block .h {
    display: none;
    max-width: 100%;
    margin: 0 auto;
}
.objects-ad-1-block .v {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.objects-ad-right-block IMG {
    margin: 0;
}

@media screen and (min-width:361px)
{
    .objects-ad-1-block .h {
        display: block;
    }
    .objects-ad-1-block .v {
        display: none;
    }
}

@media screen and (min-width:961px)
{
    .block-marks {
        display: flex;
        justify-content: center;
        position: relative;
    }
    .block-marks A {
        display: block;
        flex-grow: 1;
    }
    .block-marks A IMG {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        margin: 0;
    }
    .block-marks A IMG:hover {
      -webkit-filter: none;
      -moz-filter: none;
      -ms-filter: none;
      -o-filter: none;
      filter: none;
      filter: none; /* IE 6-9 */
    }
    
    .block-left-double {
        float: left;
        width: 630px;
    }
    .block-left-one {
        float: left;
        width: 300px;
    }
    .block-right-double {
        float: right;
        width: 630px;
    }
    .block-right-one {
        float: right;
        width: 300px;
    }
}

/**************************************************** moto-popular **************************************/
.moto-popular {
    padding-top: 20px;
    margin-top: 20px;
    border-top : 1px solid #d7d7d7;
    color: gray;
}
.moto-popular .head {
    text-align: center;
    text-transform: uppercase;
}
.moto-popular .item A {
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.moto-popular .item A DIV:first-child {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    height: 100px;
    flex: 0 0 calc(50% - 15px);
    margin-right: 10px;
    border-radius: 10px;
}
.moto-popular .item A DIV:last-child {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    flex: 0 0 50%;
}


/**************************************************** event-content **************************************/


.event-content .block-right-one H1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.event-content .details-right-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
}
.event-content .details-right-image IMG {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width:500px)
{
    @media all and (orientation:portrait) {
    }

    @media all and (orientation:landscape) {
        .event-content .details-right-image {
            height: 300px;
        }
        .event-content .details-right-image IMG {
            display: none;
        }
    }
}
@media screen and (min-width:501px) and (max-width:960px)
{
    @media all and (orientation:portrait) {
        .event-content .details-right-image {
            background-size: 0;
        }
    }
    @media all and (orientation:landscape) {
        .event-content .details-right-image {
            height: 200px;
        }
        .event-content .details-right-image IMG {
            display: none;
        }
    }
}
@media screen and (min-width:961px)
{
    
}

@media screen and (max-width:960px)
{
    .event-content {
        margin-top: 0
    }   
    .event-content .objects-ad-right-block {
        display: none;
    }
    .event-content .text-content {
        border-top: 1px solid #d7d7d7;
        padding-top: 10px;
    }
    .event-content .block-left-double H1 {
        display: none;
    }
}
@media screen and (min-width:961px)
{
    .event-content .objects-ad-1-block {
        display: none;
    }
    .event-content .block-right-one H1 {
        display: none;
    }
}

/**************************************************** signer-block **************************************/
.signer-block, .incontent-signer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.firm-signer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.incontent-signer, .firm-signer {
    align-items: center;
}

.signer-block A, .signer-block-block SPAN, .incontent-signer-block A, .incontent-signer-block SPAN, .firm-signer-block A, .firm-signer-block SPAN {
    display: none;
    text-align: center;
    font-size: 15px;
    margin-bottom: 5px;
    white-space: nowrap;
}
.signer-block A, .incontent-signer-block A, .firm-signer-block A {
    background-color: gray;
    line-height: 32px;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
}
.signer-block.cabinet A {
    font-size: 13px;
    line-height: 28px;
}
.signer-block SPAN, .incontent-signer-block SPAN, .firm-signer-block SPAN {
    line-height: 32px;
}
.incontent-signer .users {
    height: 78px;
    margin: 0;
}
.incontent-signer .users SPAN {
    line-height: 74px;
}
.incontent-signer .incontent-signer-block, .firm-signer .firm-signer-block {
    width: 150px;
    display: block;
    margin-right: 10px;
}
.incontent-signer .users {
    width: calc(100% - 160px);
}
.incontent-signer-block.join .reject, .firm-signer-block.join .reject, .signer-block .change, .signer-block .r.seek {
    background-color: silver;
}
.signer-block .status, .signer-block .friends {
    text-align: center;
    font-size: 15px;
}
.signer-block.cabinet .dontwant {
    flex-basis: 100%;
}

.signer-block.report .review, .signer-block.report .photos {
    flex-basis: calc(100% / 2 - 5px);
}
.signer-block.signer .review, .signer-block.signer .photos, .signer-block.signer .dontwant {
    flex-basis: calc(100% / 3 - 5px);
}

@media screen and (max-width:551px) {
    .signer-block {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .incontent-signer, .firm-signer {
        display: block;
    }
    .incontent-signer .incontent-signer-block, .firm-signer .firm-signer-block {
        width: inherit;
        margin-right: 0;
    }
    .incontent-signer .users {
        width: inherit;
    }
    .signer-block .friends, .signer-block .status, .signer-block .seek {
        flex-basis: 100%;
    }
    .signer-block .join, .signer-block .think, .signer-block .reject {
        flex-basis: 100%;
    }
    .signer-block .invite, .signer-block .change {
        flex-basis: 100%;
    }
    .signer-block.cabinet .invite, .signer-block.cabinet .change {
        flex-basis: 100%;
    }
    .signer-block.cabinet .review, .signer-block.cabinet .photos {
        flex-basis: 100%;
    }
    .signer-block.reject .change {
        flex-basis: 100%;
    }

    .signer-block.signer .review, .signer-block.signer .photos {
        flex-basis: calc(100% / 2 - 5px);
    }
    .signer-block.signer .dontwant {
        flex-basis: calc(100%);
    }

    .incontent-signer-block A, .incontent-signer-block SPAN, .firm-signer-block A, .firm-signer-block SPAN {
        margin-bottom: 0;
    }
}
@media screen and (min-width:551px) and (max-width:960px) {
    .signer-block {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .signer-block .friends, .signer-block .status {
        flex-basis: 100%;
    }
    .signer-block .invite, .signer-block .change, .signer-block .seek {
        flex-basis: calc(100% / 3 - 5px);
    }
    .signer-block .join, .signer-block .think, .signer-block .reject {
        flex-basis: calc(100% / 3 - 5px);
    }
    .signer-block.cabinet .review, .signer-block.cabinet .photos {
        flex-basis: calc(100% / 2 - 5px);
    }
    .signer-block .seek.w {
        flex-basis: 100%;
    }
    .signer-block.reject .change {
        flex-basis: 100%;
    }
    
    .incontent-signer-block A, .incontent-signer-block SPAN, .firm-signer-block A, .firm-signer-block SPAN {
        margin-bottom: 0;
    }
}
@media screen and (min-width:961px) {
    .signer-block:not(.cabinet) {
        display: block;
    }
    .signer-block.cabinet .invite, .signer-block.cabinet .change, .signer-block.cabinet .seek {
        flex-basis: calc(100% / 3 - 5px);
    }
    .signer-block.cabinet .join, .signer-block.cabinet .think, .signer-block.cabinet .reject {
        flex-basis: calc(100% / 3 - 5px);
    }
    .signer-block.cabinet .review, .signer-block.cabinet .photos {
        flex-basis: calc(100% / 2 - 5px);
    }
    .signer-block .seek.w {
        flex-basis: 100%;
    }
}
.signer-block .invite.nolink {
    background-color: transparent;
    color: silver;
}

.signer-block .flirt {
    background-color: transparent;
    border: 0;
    font-size: 12px;
    background-color: gray;
    color: white;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 16px;
}
.signer-block .one {
    background-color: transparent;
    border: 0;
    font-size: 12px;
}
.signer-block .one::after {
    content: 'Планирую пойти';
    background-color: gray;
    color: white;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
}
.signer-block.join .one::after {
    content: 'Не пойду';
    background-color: white;
    color: gray;
    border: 1px solid gray;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 16px;
}


.signer-block.join .status::after {
    content: 'Ты пойдешь';
}
.signer-block.think .status::after {
    content: 'Ты возможно пойдешь';
}
.signer-block.reject .status::after {
    content: 'Ты НЕ пойдешь';
}

.signer-block .seek.r::after {
    content: 'Убрать заявку';
}
.signer-block .seek.m.f::after {
    content: 'Ищу компанию';
}
.signer-block .seek.w.f {
    background-color: #ba5de1;
}
.signer-block .seek.w.f::after {
    content: 'Хочу присоединиться';
}

.incontent-signer-block .join, .firm-signer-block .join, .signer-block .join, .signer-block .think, .signer-block .reject, .signer-block .friends {
    display: block;
}
.signer-block .status, .signer-block .invite, .signer-block .change, .signer-block .seek {
    display: none;
}

.incontent-signer-block .reject,
.incontent-signer-block.join .join,
.firm-signer-block .reject,
.firm-signer-block.join .join,
.signer-block.join .join, .signer-block.join .think, .signer-block.join .reject,
.signer-block.think .join, .signer-block.think .think, .signer-block.think .reject,
.signer-block.reject .join, .signer-block.reject .think, .signer-block.reject .reject,
.signer-block.reject .invite, .signer-block.reject .seek {
    display: none;
}

.firm-signer-block.join .reject,
.incontent-signer-block.join .reject,
.signer-block .seek.w,
.signer-block.join .status, .signer-block.join .invite, .signer-block.join .change, .signer-block.join .seek,
.signer-block.think .status, .signer-block.think .invite, .signer-block.think .change, .signer-block.think .seek,
.signer-block.reject .status, .signer-block.reject .change {
    display: block;
}

/**************************************************** contact-block **************************************/
.contact-block {
    border-top: 1px solid #d7d7d7;
    padding-top: 20px;
}
.contact-block .block-users {
    
}
.contact-block .block-users .user {
    display: flex;
    font-family: arial;
    color: gray;
    font-size: 14px;
    margin: 1em 0;
}
.contact-block .block-users .user .image {
    width: 72px;
    height: 72px;
    margin-right: 10px;
}
.contact-block .block-users .user .image IMG {
    border-radius: 5px;
    margin: 0;
}
.contact-block .block-users .user P.bold {
}
.contact-block .block-users .user P {
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 5px;
}
@media screen and (min-width:551px) and (max-width:960px) {
    .contact-block .block-users {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }
    .contact-block .block-users .user {
        width: calc(50% - 10px);
    }
}

/**************************************************** seek-block **************************************/
.seek-block {
    padding-bottom: 35px;
    margin-top: 20px;
}
.seek-block.nomargin {
    padding-bottom: 10px;
}
.seek-block .in {
    /*
    display: flex;
    width: calc(280px*5);
    overflow-x: auto;
    */
}
.seek-block A {
    width: 260px;
    display: flex;
    padding: 0 0 0 10px;
    font-size: 14px;
}

@media screen and (min-width:681px) {
    .seek-block A {
        padding: 0 20px 0 0;
    }
}
.seek-block A .image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    flex-basis: 100px;
    height: 100px;
    margin-right: 10px;
    margin-right: 10px;
    border-radius: 5px;
}

.seek-block A DIV:last-child {
    flex-basis: 150px;
    line-height: 1.25em;
    font-family: arial;
    color: gray;
}

.seek-block A DIV:last-child STRONG {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: gray;
    font-size: 12px;
}

/**************************************************** dialog-item **************************************/

@media screen and (min-width:961px) {
    .cabinet-messages-content .objects-ad-1-block, .cabinet-dialog-content .objects-ad-1-block {
        display: none;
    }
}
@media screen and (max-width:960px) {
    .cabinet-messages-content, .cabinet-dialog-content {
        margin-top: 0;
    }
    .cabinet-messages-content .block-right-one, .cabinet-dialog-content .block-right-one {
        display: none;
    }
}

.dialog-item {
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
    zoom: 0;
}
.dialog-item IMG, .message-item IMG {
    margin: 0;
}
.dialog-item .date {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 12px;
    color: silver;
    z-index: 99;
}
.dialog-item .image {
    float: left;
    margin: 15px 10px 15px 0;
}

.dialog-item .image IMG {
    border-radius: 10px;
    width: 60px;
}
.dialog-item .details {
    overflow: hidden;
    zoom: 1;
    padding: 15px 0;
}
.dialog-item .details .nick {
    margin-bottom: 10px;
    font-size: 14px;
    color: black;
    font-weight: bold;
}
.dialog-item .details .out {
    float: left;
    margin-right: 5px;
}
.dialog-item .details .out IMG {
    border-radius: 50%;
}
.dialog-item .details .online::before {
    widows: 15px;
    height: 15px;
    background-color: green;
    border-radius: 50%;
}
.dialog-item .details .text {
    line-height: 32px;
    height: 32px;
    white-space: nowrap;
    font-size: 14px;
    color: Gray;
    position: relative;
    overflow: hidden;
    padding-right: 5px;
}
.dialog-item .details .text.unread {
    background-color: #eeeeee;
    border-radius: 5px;
    padding-left: 5px;
}
.dialog-item.unread, .message-item.unread {
    background-color: #eeeeee;
    -webkit-transition-property: background;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: ease;
}

.dialog-item .details .text:after {
    content: '';
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bf3f3', endColorstr='#fbfbfb',GradientType=1 );
    float: right;
    height: 32px;
    width: 32px;
    margin-top: -32px;
    position: relative;
    margin-right: -5px;
}
.dialog-item.unread .details .text:after {
    background: -moz-linear-gradient(left,  rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(to right,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fbfbfb',GradientType=1 );
}

@media screen and (max-width:681px) {
    .dialog-item .text {
        margin-right: 10px;
    }
    .dialog-item .date {
        right: 10px;
    }
    .dialog-item .image {
        margin-left: 10px;
    }
}

.cabinet-dialog-content .block-left-double {
    overflow: hidden;
    zoom: 1;
    min-height: 300px;
    margin-bottom: 100px;
}

.message-item {
    position: relative;
    overflow: hidden;
    zoom: 1;
    -webkit-transition-property: background;
    -webkit-transition-duration: 5s;
    -webkit-transition-timing-function: ease;
}
.message-item .image {
    float: left;
    margin: 15px 10px 15px 0;
}

.message-item .image IMG {
    border-radius: 10px;
    width: 40px;
    height: 40px;
}
.message-item .details {
    overflow: hidden;
    zoom: 1;
    line-height: 25px;
    margin-top: 10px;
}
.message-item .details .nick {
    float: left;
    font-size: 14px;
    margin-right: 10px;    
}
.message-item .details .date {
    font-size: 12px;
    float: left;
    color: silver;
}
.message-item .details .actions {
    font-size: 12px;
    float: right;
}
.message-item .text {
    overflow: hidden;
    zoom: 1;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

@media screen and (max-width:681px) {
    .message-item .text {
        margin-right: 10px;
    }
    .message-item .image {
        margin-left: 10px;
    }
}

.user-item {
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
    zoom: 0;
}

/********************************** inner-pages */
.inner-pages {
    margin: 0 auto;
}
.inner-pages .block-right-one, .inner-pages .block-left-one {
    margin-top: 20px;
}

@media screen and (max-width:960px) {
    .inner-pages .block-right-one {
        display: none;
    }

    .inner-pages .inner-pages-content {
        margin: 0 auto;
    }
}


/********************************** poll-block */
.poll-block {
        width: 70%;
        text-align: left;
        margin: 1em auto;
}

@media screen and (max-width:540px) {
    .poll-block {
        width: 90%;
    }
}
.poll-block .question {
        font-size: 1.3em;
        font-weight: lighter;
        margin-bottom: 0.2em;
        border-bottom: 1px solid #eeeeee;
}
.poll-block .question .in {
        background-image: url(/templates/img/poll.png);
        background-position: left;
        background-repeat: no-repeat;
        padding: 2px 0 2px 31px;
        margin-bottom: 0.5em;
}
.poll-block .answer {
        margin-top: 1em;
        overflow: hidden;
        zoom: 1;
}
.poll-block .answer .users {
        overflow: hidden;
        zoom: 1;
        width: 405px;
}
.poll-block .answer .users IMG {
        margin: 3px 3px 0 0;
        width: 24px;
        height: 24px;
        float: left;
        border-radius: 5px;
}
.poll-block .answer .percent {
        float: right;
        margin-left: 6px;
        width: 50px;
        text-align: right;
}
.poll-block .answer .line {
        background-color: #E8E8E8;
        overflow: hidden;
        zoom: 1;
        position: relative;
        border-radius: 5px;
}
.poll-block .answer .line .width {
        background-color: #C0C0C0;	
}
.poll-block .answer .line .num {
        position: absolute;
        width: 100%;
        text-align: center;
}

.poll-block .answer .check {
        float: left;
        margin-right: 6px;
        width: 24px;
        text-align: center;
}
.poll-block .answer .check INPUT {
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        position: relative;
        top: 4px;
}
.poll-block .answer .str {
        overflow: hidden;
        zoom: 1;
}
.poll-block .count {
        border-top: 1px solid #eeeeee;
        padding: 1em 0 0 31px;
        margin-top: 1em;
        font-size: 0.8em;
}
.poll-block .button {
        margin-top: 1em;
        overflow: hidden;
        zoom: 1;
        text-align: center;
}

/********************************** .images.block */
.images.block {
	margin-top: 5px;
	overflow: hidden;
	zoom: 1;
}
.images.block A {
    float: left;
    height: 64px;
    width: 64px;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
}

/********************************** .images.block */
.event-photos {
    border-top: 1px solid #d7d7d7;
    padding-bottom: 0;
    margin-top: 20px;
    padding-top: 20px;
}
.event-photos .images {
    display: flex;
    flex-wrap: wrap;
}
.event-photos .images A {
    width: calc(100% / 3 - 6px);
    height: 131px;
    flex-grow: 1;
    margin: 1px;
}

@media screen and (max-width:550px) {
    .event-photos .images A {
        width: calc(100% / 2 - 4px);
    }
}
    
/********************************** blogs-item */
.blogs-item {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    color: #5e5e5e;
}
.blogs-item.topline {
    border-top: 1px solid #d7d7d7;
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 20px;
}
.blogs-item.new {
    background-color: #F0F0F0;
}
.blogs-item .head {
    overflow: hidden;
    line-height: 1.5em;
}
.blogs-item .head .img {
    display: table-cell;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    height: 100%;
}
.blogs-item .head .img IMG {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    margin: 0;
    margin-bottom: 5px;
}
.blogs-item .head .str {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    height: 52px;
    color: #5e5e5e;
}
.blogs-item .photos {
    margin-top: 10px;
}
.blogs-item .date {
    position: absolute;
    bottom: 2px;
    right: 0;
    line-height: 21px;
    font-size: 13px;
    color: gray;
}
.blogs-item .poster IMG, .object-item .poster IMG {
    max-height: 400px;
    max-width: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blogs-item .image IMG {
    max-height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blogs-item .image IFRAME {
    max-width: 500px;
    height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blogs-item .text {
    font-size: 16px;
    line-height: 1.5em;
    color: #5e5e5e;
}

/********************************** blogs-item */
.user-item {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-item .buttons {
    order: 3;
    width: 130px;
    margin-right: 10px;
}
.user-item .buttons A.phone {
    display: none;
}
.user-item .ava {
    width: 72px;
    height: 72px;
    margin: 0 10px 0 10px;
    order: 1;
    align-items: center;
    justify-content: center;
}
.user-item .ava.online {

}
.user-item .ava IMG {
    border-radius: 10px;
    margin: 0;
    width: 72px;
    height: 72px;
    max-width: none;
}
.user-item .details {
    width: calc(100% - 92px - 140px);
    order: 2;
}
.user-item .details DIV {
    font-size: 13px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
}
.user-item .details DIV:first-child {
    font-weight: bold;
    font-size: 15px;
}

.user-item .details DIV:not(.joint):after {
    content: '';
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    float: right;
    width: 47px;
    height: 21px;
    margin-top: -21px;
    position: relative;
}
.user-item .details .signers DIV:first-child {
    margin: 0;
}
.user-item .buttons DIV {
    text-align: right;
    display: block;
    font-size: 13px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
}
.user-item .buttons DIV.message A::before{
    content: 'Написать сообщение';
}
.user-item .buttons DIV.confirm A::before{
    content: 'Подтвердить заявку';
    font-weight: bold;
}
.user-item .buttons DIV.remove A::before{
    content: 'Отклонить заявку';
}
@media screen and (min-width:681px) {
    .user-item .ava {
        margin-left: 0;
    }
    .user-item .buttons {
        margin-right: 0;
    }
}

@media screen and (max-width:500px) {
    .user-item {
        margin-top: 20px;
        position: relative;
    }
    .user-item .ava {
        width: 50px;
        height: 50px;
    }
    .user-item .ava IMG {
        width: 50px;
        height: 50px;
    }
    .user-item .buttons {
        width: 50px;
    }
    .user-item .buttons DIV:not(.message):not(.phone):not(.confirm):not(.remove) {
        display: none;
    }
    .user-item .buttons DIV.phone A::before{
        content: '';
        display: block;
        background-color: rgba(0,0,0,.3);
        background-position: center center;
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        top: calc(50% - 14px);
        right: 48px;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%22-0.01%200.008%2014%2014%22%20style%3D%22enable-background%3Anew%20-0.01%200.008%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M6.939%2C9.189C6.165%2C8.557%2C5.271%2C7.705%2C4.497%2C6.744C3.953%2C6.071%2C3.473%2C5.363%2C3.969%2C4.866l-3.482-3.48%20C-0.021%2C2.02-1.146%2C5.04%2C3.675%2C9.984c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.4C8.725%2C10.568%2C8.113%2C10.146%2C6.939%2C9.189z%20%20M13.82%2C11.519v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.211-0.546-0.205-0.754%2C0.002L9.455%2C9.831l3.403%2C3.407%20c0%2C0%2C0.962-0.96%2C0.961-0.961l0.002-0.001C14.043%2C12.056%2C14.021%2C11.721%2C13.82%2C11.519z%20M5.192%2C3.644V3.642%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.881c0%2C0-2.726-2.725-2.727-2.726C2.255-0.055%2C1.92-0.05%2C1.712%2C0.156L0.751%2C1.121l3.479%2C3.482%20C4.231%2C4.604%2C5.192%2C3.645%2C5.192%2C3.644z%22%2F%3E%3C%2Fsvg%3E");
    }
    .user-item .buttons DIV.message A::before{
        content: '';
        display: block;
        background-color: rgba(0,0,0,.5);
        background-position: center center;
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        top: calc(50% - 14px);
        right: 10px;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }
    .user-item .buttons DIV.confirm A::before{
        content: '';
        display: block;
        background-color: rgba(51,166,25,.75);
        background-position: center center;
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        top: calc(50% - 14px);
        right: 86px;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
    }
    .user-item .buttons DIV.remove A::before{
        content: '';
        display: block;
        background-color: rgba(255,0,0,.75);
        background-position: center center;
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        top: calc(50% - 14px);
        right: 48px; 
        position: absolute;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }

    .user-item .details {
        width: calc(100% - 120px);
    }
    .user-item .details DIV.phone {
        display: none;    
    }
    .user-item .details DIV:first-child SPAN {
        display: none;
    }
}

/********************************** service-item */
.service-item A {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #d7d7d7;
}
.service-item .title {
    margin-bottom: 10px;
    line-height: 1.5em;
}
.service-item .title:first-child {
    display: none;
}
.service-item .details {
    width: 50%;
}
.service-item .details DIV.title {
    display: block;
}
.service-item .description {
    font-size: 14px;
    color: gray;
    line-height: 1.5em;
}
.service-item DIV.image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-color: silver;
    width: calc(50% - 20px);
}
.service-item .object-item {
    padding-bottom: 0;
    border-bottom: 0;
}
.service-item .user {
    margin: 10px 0 0 0;
    overflow: hidden;
}
.service-item .user IMG {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    margin: 0;
    margin-right: 10px;
    width: 50px;
    float: left;
}
.service-item .user DIV STRONG {
    padding-top: 5px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    width: auto;
    float: none;
    margin: 0;
    font-weight: normal;
}
.service-item .user DIV STRONG:after {
    content: '';
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    float: right;
    width: 47px;
    height: 21px;
    margin-top: -21px;
    position: relative;
}
.service-item .user SMALL {
    color: gray;
    margin-top: 5px;
    font-size: 13px;
}

@media screen and (max-width:500px) {
    .service-item A {
        display: block;
    }
    .service-item .details, .service-item DIV.image {
        width: auto;
    }
    .service-item DIV.image {
        margin-bottom: 10px;
    }
    .service-item DIV.title:first-child {
        display: block;
    }
    .service-item .details DIV.title {
        display: none;
    }
    .service-item DIV.image {
        height: 100px;
    }
}


/********************************** flirt-item */
.flirt-requests {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flirt-item {
    width: calc(50% - 10px);
    margin-bottom: 40px;
	display: block;
}
.flirt-item DIV.image {
    height: 200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-color: silver;
    margin-bottom: 5px;	
	border-radius: 10px;
}
.flirt-item DIV.title {
	font-size: 16px;
	line-height: 1.5em;	
}
.flirt-item DIV.users {
	margin: 5px 0;
}

.flirt-requests .page-loading, noindex {
	width: 100%;
}
.flirt-requests .objects-ad-1-block {
	margin-bottom: 20px;
}

@media screen and (max-width:650px) {
	.flirt-requests {
		margin: 0 10px;	
	}
}
@media screen and (max-width:550px) {
	.flirt-requests {
    	display: block;
		margin: 0;
	}
	.flirt-item {
		width: 100%;
	}
	.flirt-item DIV.image {
		border-radius: 0;
	}
}

@media screen and (min-width:961px)
{
    .flirt-requests .objects-ad-1-block {
        display: none;
    }
}


/********************************** quest-item */
.quest-list {
    /*
    padding: 10px 0px;
    border-top: 1px solid #d7d7d7;
    */
}
.quest-item {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
    max-height: 500px;
    overflow: hidden;
    zoom: 1;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}
.quest-item.closed {
    max-height: 44px;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
    cursor: pointer;
}
.quest-item .check, .quest-content .check {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    text-align: center;   
    position: relative;
    border-radius: 5px;
    margin-right: 5px;
}
.quest-content .check {
    margin: 5px 5px 10px 0;
}

@media screen and (min-width:361px)
{ 
    .quest-content .check {
        margin: 8px 5px 10px 0;
    }
}
.quest-item.checked {
    display: hidden;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}
.quest-item.checked .check, .quest-content.checked .check {
    border: 1px solid green;
}
.quest-item.checked .check:before, .quest-content.checked .check:before {
    content: '';    
    position: absolute; top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: green;
    -webkit-clip-path: polygon(45% 64%, 84% 14%, 100% 28%, 47% 100%, 0 49%, 15% 32%);
    clip-path: polygon(45% 64%, 84% 14%, 100% 28%, 47% 100%, 0 49%, 15% 32%);
    -webkit-transition: 1;
    transition: 1;
}
.quest-item .title {
    overflow: hidden;
    zoom: 0;
    font-size: 16px;
    white-space: nowrap;
    line-height: 22px;
    position: relative;
}
.quest-item .title:after {
    content: '';
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#5b5b5b',GradientType=1 );
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
}
.quest-item:not(.closed) .title {
    white-space: normal;
}
.quest-item:not(.closed) .title:after {
    display: none;
}

.quest-item.closed .details, .quest-item.closed .comments, .quest-item.closed .comments-form {
    display: none;
}
.quest-item .details {
    font-size: 13px;
    display: block;
}
.quest-item .details P {
    font-size: 13px;
    margin: 1em 0;
}
.quest-item .button-center, .quest-item .button-center A {
    margin-bottom: 0;
}
.quest-item:not(.checked) .button-center A, .quest-content:not(.checked) .button-center A {
    background-color: gray;
    color: white;
}
.quest-item.checked .button-center A::before, .quest-content.checked .button-center A::before {
    content: 'Отмена';
}
.quest-item:not(.checked) .button-center A::before, .quest-content:not(.checked) .button-center A::before {
    content: 'Квест пройден';
}

.quest-item.opened .details {
    display: block;
    line-height: 1.5em;
}
.quest-item.opened .title {
    white-space: normal;
}
.quest-item.opened .title:after {
    display: none;
}

@media screen and (max-width:450px) {
    .quest-item:not(.closed) .details iframe, .quest-details iframe {
        height: 200px;
    }
}
@media screen and (min-width:451px) {
    .quest-item:not(.closed) .details iframe, .quest-details iframe {
        height: 300px;
    }
}

.quest-details.hidden {
    display: block;
    max-height: 0;
    overflow: hidden;
    zoom: 1;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}
.quest-details:not(.hidden) {
    display: block;
    max-height: 850px;
    overflow: hidden;
    zoom: 1;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}

.quest-buttons.hidden {
    display: none;
}

.quest-percent {
    background-color: #eeeeee;
    height: 32px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;
}
.quest-percent .percent {
    background-color: gray;
    position: absolute;
    height: 32px;
}
.quest-percent .num {
    position: absolute;
    line-height: 32px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: black;
}

.quest-item .comments {
    margin-bottom: 20px;
}