* {
    font-family: "proxima_nova", sans-serif;
}

a {
    text-decoration: none;
    color: #1D1D1B;
}

a:hover {
    color: #505FA0;
}

a:active {
    color: #364572;
}

.site-logo {
    display: inline-block;
    background-image: url("/assets/img/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 93px;
    height: 56px;
}

input[type=text],
input[type=password],
input[type=date],
input[type=email],
textarea {
    width: 100%;
    border: 1px solid #c5c5c5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 11px 15px;
    font-size: 16px;
    background-color: #FAFAFA;
    color: #1D1D1B;
}

.brand-create input[type=text],
.brand-create textarea {
    margin-bottom: 24px;
}

input:focus,
textarea:focus {
    outline: none;
    border-color: #505FA0;
}

textarea {
    resize: none;
}

textarea::-moz-selection {
    color: #1D1D1B;
    background-color: #C7CCDF;
}

textarea::selection {
    color: #1D1D1B;
    background-color: #C7CCDF;
}

.select {
    height: 42px;
    width: 100%;
    position: relative;
    margin-bottom: 28px;
}

.select__text {
    text-decoration: none;
    display: block;
    border: 1px solid #C6C6C6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 21px;
    padding: 10px 15px;
    font-size: 16px;
    background-color: #FAFAFA;
    color: #1D1D1B;
    background-image: url("/assets/img/select_arrows.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    height: 100%;
    overflow: hidden;
    padding-right: 29px;
    cursor: pointer;
    width: 100%;
    background-size: 9px;
}

.select__container {
    background-color: white;
    border-radius: 21px;
    width: 100%;
}

.select_expanded .select__container {
    -webkit-box-shadow: 0 0 20px rgba(80, 95, 159, 0.1);
    box-shadow: 0 0 20px rgba(80, 95, 159, 0.1);
    z-index: 10;
    position: absolute;
}
.select__list {
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    display: none;
}

.select select {
    display: none;
}

.select__variant {
    padding: 3px;
    display: block;
    text-decoration: none;
}

.select__variant:hover {
    color: #505FA0;
    cursor: pointer;
}

.select_expanded .select__list {
    display: block;
    max-height: 300px;
}

.grid_3_5 {
    width: 294px;

}

.half {
    display: inline-block;
}

/* placeholder color 878787 */
.button {
    border-radius: 20px;
    color: white;
    border: none;
    background-color: #505FA0;
    text-align: center;
    width: 147px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 10px;
    font-size: 14px;
    margin-right: 16px;
    text-decoration: none;
    white-space: nowrap;
}

.button_success {
    background-color: #00C286;
}

.button_cancel {
    background-color: #C6C6C6;
}

.button_disabled {
    opacity: 0.3;
    pointer-events: none;
}

.helper {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-position: top center;
    background-image: url("/assets/img/icon_helper.svg");
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    top: 3px;
    left: 10px;
}

.helper:hover {
    background-position: bottom center;
    overflow: visible;
    z-index: 15;
}

.helper__text {
    background-color: #505FA0;
    color: white;
    font-size: 13px;
    border-radius: 21px;
    padding: 10px 20px;
    width: 225px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 31px;
    top: -3px;
}

.complete-percentage {
    position: absolute;
    right: 0;
    top: 25px;
}

.complete-percentage__bad {
    color: #E30613;
}

.complete-percentage__good {
    color: #2FAC66;
}

.cnt {
    position: relative;
}

.design-by {
    background-image: url("/assets/img/bermuda.svg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #909090;
    padding-left: 60px;
    text-align: left;
}

.design-by span, .confidential {
    color: #1D1D1B;
    font-weight: bold;
}

.confidential {
    text-decoration: none;
}

.copyright {
    color: #909090;
}

.align_right {
    text-align: right;
}

input[type=text].error,
input[type=password].error,
textarea.error {
    border-color: #E30613;
}

h1 {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 0.7em;
}

.button {
    cursor: pointer;
}

.button:hover {
    background-color: #405089;
}

.button:focus {
    background-color: #364572;
    outline: none;
}

h2 {
    font-size: 21px;
    font-weight: 500;
}

.photo-box {
    border-radius: 30px;
    border: 1px dashed #505FA0;
    padding: 20px 20px 29px;
    margin-top: 1em;
}

.photo-box__remove {
    position: absolute;
    right: -8px;
    top: -7px;
    background-image: url("/assets/img/trash.svg");
    cursor: pointer;
    text-decoration: none;
    width: 28px;
    height: 28px;
}

.photo-box__item {
    position: relative;
    width: 84px;
    height: 84px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    margin-right: 11px;
}

.photo-box__add {
    width: 84px;
    height: 84px;
    background-color: #C7CCDF;
    display: inline-block;
    border-radius: 30px;
    background-image: url("/assets/img/icon_plus.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.show-calendar {
    display: block;
    position: absolute;
    background-image: url("/assets/img/icon_calendar.svg");
    width: 22px;
    height: 22px;
    right: -40px;
    top: 10px;
}

.calendar-widget {
    position: relative;
}

.russian {
    background-image: url("/assets/img/russian.svg");
    width: 32px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 1em;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 18px;
}

.footer-menu a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #1D1D1B;
}

.footer-menu li {
    margin-bottom: 1.1em;
}

.footer {
    margin-top: 60px;
}


.checkbox-container input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    color: #a7a7a6;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-image: url("/assets/img/checkbox.svg");
    background-position: top center;
    background-repeat: no-repeat;
}

.checkbox-container:hover input[type=checkbox] ~ .checkmark {
}

.checkbox-container input[type=checkbox]:checked ~ .checkmark {
    background-position: bottom center;
}

.footer-subscribe input[type=text] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #1D1D1B;
    border-radius: 0;
    /*width:198px;*/
    width: 214px;
    padding: 12px 0;
    margin-bottom: 10px;
}

.footer__bottom {
    border-top: 1px solid #1D1D1B;
    margin-top: 28px;
    padding-top: 28px;
    padding-bottom: 1em;
    font-size: 13px;
}


.header {
    max-width: 1211px;
    width: 100%;
    margin: 0 auto;
    margin-top: -6px;
}

.header2 {
  max-width: 1211px;
  width: 100%;
  margin: 0 auto;
  margin-top: -6px;
  margin-bottom: 30px;
}

.dropdown {

    width: 90px;

    position: relative;
}

.dropdown__cnt_active .dropdown__list {
    display: block;
    /* padding: 0 16px; */
}

.dropdown__text {
    background-image: url("/assets/img/dropdown_arrow.svg");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdown__list {
    display: none;
}

.dropdown__variant {
    display: block;
    white-space: nowrap;
}

.dropdown__cnt {
    /* padding: 10px 16px; */
    display: inline-block;
    border: 1px solid white;
    margin-top: -1px;
}

.dropdown__cnt_active {
    border: 1px solid #23409D;
    border-radius: 14px;
    position: absolute;
    z-index: 15;
    background: white;
    top: -10px;
    padding: 10px 16px;
    left: -16px;
}

nav.header-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-nav li {
    /* flex: 1; */
}

.header-nav a {
    color: #1D1D1B;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.select-city {
    color: #505FA0;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-left: 56px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dotted #505fa057;
    top: -6px;
    font-size: 13px;
    font-weight: bold;
}

.select-city::before {
    content: '';
    display: block;
    background-image: url("/assets/img/icon_city.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 13px;
    position: absolute;
    left: -18px;
    top: 2px;
}

.user-panel__notification {
    background-image: url("/assets/img/icon_bell.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    border: 1px solid #F2F6F9;
    background-color: #F2F6F9;
    display: inline-block;
    outline: none;
    border-radius: 8px;
}

.user-panel__notification:hover {
    border-color: #a9afcc;
    background-color: white;
}

.user-panel__notification:active {
    border-color: #505FA0;
    background-color: white;
}

.user-panel__user-photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 6px;
}

input.search__field {
    background-image: url("/assets/img/icon_search.svg");
    background-repeat: no-repeat;
    background-position: left 14px center;
    padding: 10px 10px 9px 32px;
    border: none;
    color: #505FA0;
    width: 217px;
    font-size: 13px;
    position: relative;
    top: -5px;
}

nav.header-nav {
    width: 880px;
    display: inline-block;
    margin-left: 37px;
    /* margin-right: 20px; */
    position: relative;
    top: -4px;
}

form.search {
    display: inline-block;
    margin-left: 24px;
}

.user-panel {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 23px;
}

.header .site-logo {
    position: relative;
    top: 20px;
}

.header-nav a:hover {
    color: #505FA0;
}

#map {
    width: 100%;
    height: 224px;
}

#map_region {
    width: 100%;
    height: 530px;
}

.map {
    border-radius: 21px;
    overflow: hidden;
}

.additional-media a {
    color: #505FA0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 30px;

}

.additional-media {
    position: absolute;
    right: 0;
    top: 0;
}

.add-region {
    background-image: url("/assets/img/white_cross.svg");
    background-color: #505FA0;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 13px;
    top: 3px;
}

main {
    margin-top: 2.5em;
}

.section-header {
    position: relative;
    margin-top: 1.2em;
    margin-bottom: 0.71em;
}

.section-top-header {
    position: relative;
    margin-bottom: 2em;
    border-top: 1px solid #EEEFF6;
    padding-top: 1.3em;
    margin-top: 1em;
}

.section-top-header_first {
    border-top: none;
    margin-top: 0;
    /* padding-top: 0; */
}

.footer .site-logo {
    width: 156px;
    height: 138px;
}

.error-message {
    color: #E30613;
    font-size: 13px;
    margin-top: -1em;
    margin-left: 1em;
    margin-right: 1em;
}

.subscription-header {
    font-size: 13px;
    color: #1D1D1B;
    margin-bottom: 1.2em;
    font-weight: 500;
}

.half {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

form.footer-subscribe {
    margin: 0 0 0 auto;
    width: 368px;
    margin-top: 20px;
}

.footer-subscribe .button {
    margin-right: 0;
}

.show-more {
    background-color: #EEEFF6;
    font-size: 18px;
    font-weight: 500;
    color: #9ea5c7;
    padding: 22px 0px;
    text-align: center;
    text-decoration: none;
    margin-top: 28px;
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.show-more:hover {
    color: #505FA0;
}

.brand__photo {
    border-radius: 28px;
    width: 224px;
    height: 224px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.brand__tag.brand__tag_construction,
.brand_construction .brand__type {
    color: #9D9D9C;
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
}

.brand_construction .brand__description {
    border-color: #9D9D9C;
}

.brand__tag.brand__tag_nature,
.brand_nature .brand__type {
    color: #61D118;
    background-color: #D8F4C6;
    border: 1px solid #D8F4C6;
}

.brand_nature .brand__description {
    border-color: #61D118;
}

.brand__tag.brand__tag_gastronom,
.brand_gastronom .brand__type {
    color: #6D70B5;
    background-color: #D9DAF0;
    border: 1px solid #D9DAF0;

}

.brand_gastronom .brand__description {
    border-color: #6D70B5;
}

.brand__tag.brand__tag_obraz,
.brand_obraz .brand__type {
    color: #E94E1B;
    background-color: #FCEAD2;
    border: 1px solid #FCEAD2;

}

.brand_obraz .brand__description {
    border-color: #E94E1B;
}

.brand__tag.brand__tag_poselenie,
.brand_poselenie .brand__type {
    color: #D6AD00;
    background-color: #FFEA82;
    border: 1px solid #FFEA82;

}

.brand_poselenie .brand__description {
    border-color: #D6AD00;
}

.brand__tag.brand__tag_artcluster,
.brand_artcluster .brand__type {
    color: #E26D9D;
    background-color: #EFD5DE;
    border: 1px solid #EFD5DE;

}

.brand_artcluster .brand__description {
    border-color: #E26D9D;
}

.brand__tag.brand__tag_tradition,
.brand_tradition .brand__type {
    color: #36A9E1;
    background-color: #D2EFF3;
    border: 1px solid #D2EFF3;

}

.brand_tradition .brand__description {
    border-color: #36A9E1;
}

.brand__tag.brand__tag_persona,
.brand_persona .brand__type {
    color: #4DC288;
    background-color: #D8F4C6;
    border: 1px solid #D8F4C6;

}

.brand_persona .brand__description {
    border-color: #4DC288;
}

.brand__tag.brand__tag_data,
.brand_data .brand__type {
    color: #E6332A;
    background-color: #F3C6BE;
    border: 1px solid #F3C6BE;

}

.brand_data .brand__description {
    border-color: #E6332A;
}

.brand__tag.brand__tag_obraz:active {
    border-color: #E94E1B;
}

.brand__tag.brand__tag_poselenie:active {
    border-color: #D6AD00;
}

.brand__tag.brand__tag_artcluster:active {
    border-color: #E26D9D;
}

.brand__tag.brand__tag_tradition:active {
    border-color: #36A9E1;
}

.brand__tag.brand__tag_persona:active {
    border-color: #4DC288;
}

.brand__tag.brand__tag_data:active {
    border-color: #E6332A;
}

.brand__tag {
    padding: 10px 13px;
    display: inline-block;
    border-radius: 21px;
    text-transform: uppercase;
    background-color: #505FA0;
    border: 1px solid #505FA0;
    color: white;
    margin-right: 1em;
    margin-bottom: 1em;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.brand__tag:hover {
    background-color: white;
}

.brand__tag.brand__tag_all:hover {
    color: #505FA0;
}

.brand__type {
    padding: 10px 16px;
    display: inline-block;
    border-radius: 21px;
    text-transform: uppercase;

}

.brand__description {
    border: 2px solid black;
    padding: 31px 39px;
    border-radius: 17px;
}

.brand__title {
    color: #1D1D1B;
    font-size: 21px;
    font-weight: 500;
    margin-right: 30px;
}

.rating__star {
    background-image: url("/assets/img/icon_star.svg");
    background-position: right center;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.rating_1 .rating__star_1 {
    background-position: left center;
}

.rating_2 .rating__star_1,
.rating_2 .rating__star_2 {
    background-position: left center;
}

.rating_3 .rating__star_1,
.rating_3 .rating__star_2,
.rating_3 .rating__star_3 {
    background-position: left center;
}

.rating_4 .rating__star_1,
.rating_4 .rating__star_2,
.rating_4 .rating__star_3,
.rating_4 .rating__star_4 {
    background-position: left center;
}

.rating_5 .rating__star_1,
.rating_5 .rating__star_2,
.rating_5 .rating__star_3,
.rating_5 .rating__star_4,
.rating_5 .rating__star_5 {
    background-position: left center;
}

.brand__rating {
    display: inline-block;
    /* margin-left:30px; */
}

.brand__title {
    display: inline-block;

}

.rating__meta {
    margin-left: 1em;
    display: inline-block;
    color: #B2B2B2;
    font-size: 11px;
    font-weight: 500;
}

.brand__description {
    position: relative;
    margin-top: 2em;
}

.brand__title-plate {
    background: white;
    padding: 0 20px;
    position: relative;
    top: -15px;
    left: -20px;
    width: 100%;
    /* margin-right: 30px; */
    margin-top: -28px;
}

.brand__region {
    color: #505FA0;
    font-size: 13px;
    font-weight: bold;
}

.brand__descripton-text {
    color: #000000;
    font-size: 14px;

}

.brand__meta {
    background: white;
    padding: 0 20px;
    position: absolute;
    bottom: -10px;
    left: 20px;
}

.brand__views,
.brand__comments,
.brand__likes {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-right: 1em;
    display: inline-block;
    font-size: 11px;
    color: #B2B2B2;
    font-weight: 500;
}

.brand__views {
    background-image: url("/assets/img/icon_eye.svg");
}

.brand__comments {
    background-image: url("/assets/img/icon_comment.svg");
}

.brand__likes {
    background-image: url("/assets/img/icon_like.svg");
}

.brand__separator {
    border-bottom: 1px solid #23409D;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.direction {
    position: relative;
    top: 15px;
    left: -20px;
    background-image: url("/assets/img/icon_direction.svg");
    width: 12px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.direction2 {
    /* position: relative;
    top: 15px;
    left: -20px; */
    /* background-image: url("/assets/img/icon_direction.svg"); */
    width: 12px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.direction_none {
    background-image: url("/assets/img/icon_sort_none.svg");
}
.direction_asc {
    background-image: url("/assets/img/icon_sort_asc.svg");
}
.direction_desc {
    background-image: url("/assets/img/icon_sort_desc.svg");
}

.direction_reverse {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.region__subtitle {
    font-size: 24px;
    font-weight: bold;
    color: #1D1D1B;
}

.region__total {
    font-size: 13px;
}

.region-view h1 {
    font-weight: bold;
}

.button_visitka {
    padding: 10px 20px;
    display: inline-block;
    width: auto;
    margin-top: 1em;
}

.member {
    vertical-align: top;
    width: 50%;
    font-size: 13px;
}

.member__photo {
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
}

.member__name {
    vertical-align: top;
    line-height: 25px;
    color: #1D1D1B;
    display: inline-block;
}


.members__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 345px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.members__show-all {
    color: #505FA0;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    margin-left: 1em;
}

.members__title, .tags__title {
    font-size: 18px;
    color: #1D1D1B;
    font-weight: bold;
    display: inline-block;
}

.tags {
    margin-top: 1em;
    margin-bottom: 2em;
}

.brand-filter-panel {
    margin: 6em auto 1em;
}

.shader {
    background-color: #283134;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0.6;
}

.popup {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 840px;
    margin: 0 auto;
    margin-top: -140px;
    z-index: 200;
    display: none;
}

.popup_active {
    display: block;
}

.popup__close, .map-popup__close, .popup-window .map-popup__close {
    background-image: url("/assets/img/icon_close.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 30px;
    top: 30px;
}

.popup__header {
    position: relative;
    background-color: white;
    padding: 39px 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 28px 28px 0 0;

}

.popup__body {
    background-color: #f4f4f5;
    border-radius: 0 0 28px 28px;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 227px;
}

.popup__title {
    color: #1D1D1B;
    font-size: 21px;
    font-weight: 500;
}

.slider__image {
    width: 127px;
    display: block;
    height: 127px;
    border-radius: 28px;
    overflow: hidden;
    margin: 0 auto;
}

.slider li {
    text-align: center;
    width: 130px;
}

.slider__title {
    max-width: 127px;
    margin: 0 auto;
}

.slick-prev, .slick-next {
    background-image: url("/assets/img/arrows.svg");
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -66px;
    z-index: 250;
    border-radius: 7px;
    cursor: pointer;
    outline: none;
}

.slick-prev {
    background-position: left center;
    left: -18px;
}

.slick-next {
    background-position: right center;
    right: -18px;
}

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

.brand__controls {
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
}

.brand:hover .brand__controls {
    display: block;
}

.brand {
    position: relative;
}

.brand__add2favorites {
    padding-left: 30px;
    margin-right: 2em;
}

.brand__checkin {
    padding-left: 30px;

}

.brand__checkin:before {
    background-image: url("/assets/img/icon_checkin.svg");
    width: 24px;
    height: 25px;
}

.brand__add2favorites:before {
    background-image: url("/assets/img/icon_hearts.svg");
    width: 21px;
    height: 18px;
}

.brand__checkin:before,
.brand__add2favorites:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.brand__checkin, .brand__add2favorites {
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #909090;
    position: relative;
}

.brand__checkin:hover:before,
.brand__add2favorites:hover:before {
    background-position: left center;

}

.brand__checkin:active:before,
.brand__add2favorites:active:before {
    background-position: left bottom 1px;

}

.brand__checkin:hover,
.brand__add2favorites:hover {
    color: #405089;
}

.brand__checkin:active,
.brand__add2favorites:active {
    color: #1D1D1B;
}

.wide-separator {
    margin-top: 2em;
    border-top: 1px solid #23409D;
}

.map_demo {
    position: relative;
    height: 500px;
    background: lightseagreen;
}

.map_demo .baloon {
    position: absolute;
    left: 200px;
    top: 20px;
}

.baloon {
    background: white;
    padding: 28px;
    border-radius: 28px;
    font-size: 13px;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
    width: 435px;
    box-sizing: border-box;

}

.baloon .rating__meta {
    margin-left: 5px;
}

.baloon__meta {
    margin-top: 1em;
}

.baloon .brand__rating {
    margin-left: 0;
    margin-right: 0.5em;
}

.baloon__photo {
    width: 110px;
    height: 110px;
    margin-right: 28px;
    border-radius: 28px;
    display: inline-block;
}

.baloon__info-column {
    display: inline-block;
    width: 237px;
    vertical-align: top;
}

.baloon__title {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 0.5em;
}

.baloon__desc {
    margin-top: 1em;
}

.baloon__close {
    background-image: url("/assets/img/icon_close.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 30px;
    top: 30px;
}

/*.baloon__pointer {*/
/*width: 0px;*/
/*height: 0px;*/
/*border-left: 20px solid transparent;*/
/*border-right: 20px solid transparent;*/
/*border-top: 20px solid #E9E9F4;*/
/*position: absolute;*/
/*bottom: -20px;*/
/*left:0;*/
/*right:0;*/
/*margin:auto;*/
/*}*/

.baloon__pointer {
    width: 17px;
    height: 13px;
    background-image: url("/assets/img/baloon_pointer.svg");
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    margin: auto;
}

.baloon a {
    font-weight: bold;
    color: #505FA0;
}

.news-item {
    color: #1D1D1B;
    font-size: 13px;
}

.news-item-large .news-item-image {
    height: auto;
}

.news-item-image {
    height: 169px;
    width: 100%;
    border-radius: 21px;
    overflow: hidden;
}

.news-item-image img {
    width: 100%;
}

.news-item__title {
    font-weight: bold;
    font-size: 21px;
    line-height: 1em;
    display: block;
    margin-bottom: 0.2em;
    margin-top: 0.3em;
}

.news-item.news-item-large {
    width: 465px;
}

.news-item {
    width: 279px;
    margin-right: 28px;
    margin-bottom: 28px;
    display: inline-block;
}

.news-item__description {
    height: 46px; /*3em;*/
    overflow: hidden;
    font-size: 12px;
}

.news__left-column {
    display: inline-block;
    width: 462px;
    vertical-align: top;
}

.news__right-column {
    width: 619px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 28px;
}

.news .grid_12 {
    position: relative;
}

.news .social-block {
    position: absolute;
    right: 0;
    top: 0;
}

.social-block__item {
    padding: 12px;
    padding-left: 37px;
    padding-right: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    overflow: hidden;
    color: transparent;
    transition: all 0.4s;
    background-repeat: no-repeat;
    background-position: center left 12px;
    position: relative;
    margin-right: 10px;
}

.social-block__item.social-block__item_vk {
    background-color: #5093DA;
}

.social-block__item.social-block__item_fb {
    background-color: #1877F2;
}

.social-block__item.social-block__item_in {
    background: rgba(84, 66, 214, 1);
    background: -moz-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84, 66, 214, 1)), color-stop(33%, rgba(183, 41, 168, 1)), color-stop(64%, rgba(242, 32, 64, 1)), color-stop(100%, rgba(254, 191, 83, 1)));
    background: -webkit-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: -o-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: -ms-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: linear-gradient(to right, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5442d6', endColorstr='#febf53', GradientType=1);
}

.social-block__item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
}

.social-block__item.social-block__item_vk:before {
    background-image: url("/assets/img/icon_vk.svg");
}

.social-block__item.social-block__item_fb:before {
    background-image: url("/assets/img/icon_fb.svg");
}

.social-block__item.social-block__item_in:before {
    background-image: url("/assets/img/icon_in.svg");
}

.social-block__item.social-block__item_yt:before {
    background-image: url("/assets/img/icon_yt.svg");
}

.social-block__item.social-block__item_ok:before {
    background-image: url("/assets/img/icon_ok.svg");
}

/* .social-block__item.social-block__item_yt {
    background-color: #FF0000;
} */

.social-block__item_hover:hover {
    color: white !important;
    font-size: 14px;
    width: 140px;
    font-weight: 500;
}

.news-page__media {
    border-radius: 21px;
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
}

.news-page__media-author {
    position: absolute;
    bottom: 13px;
    right: 30px;
    padding: 8px 16px;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    background-color: #505fa078;
}

.news-page__article .news-page__media-author a {
    color: inherit;
    text-decoration: underline;
}

.news-page__media.news-page__media_left {
    float: left;
    margin-right: 28px;
}

.news-page__media_right {
    float: right;
    margin-left: 28px;
}

.news-page__article .news-page__citation {
    background-image: url("/assets/img/citation.svg");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 77px;
    font-weight: normal;
    font-size: 20px;
    text-indent: 0;
}

.news-page__article a {
    color: #505FA0;
}

.news-page__article a:hover {
    text-decoration: underline;
}

.news-page__article p {
    margin-bottom: 1em;
    text-indent: 2em;
    font-weight: 500;
    font-size: 14px;
}

.news-page__article *:nth-child(3) {
    text-indent: 0;
}

.news-page__article header {
    text-align: center;
}

.news-page__to-list {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 1em;
}

.news-page__to-list a {
    color: #1D1D1B;
    opacity: 0.5;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

.news-page__to-list a:before {
    position: absolute;
    left: -20px;
    top: 50%;
    width: 3px;
    height: 5px;
    margin-top: -2px;
    background-repeat: no-repeat;
    background-image: url("/assets/img/chevron_left.svg");
    background-position: center;
    content: '';
}

.news-page__date {
    margin-top: -1.4em;
    margin-bottom: 1.4em;
    font-size: 14px;
}

.spot-container {
    overflow-x: hidden;
    display: none;
}

.brand-view .text-section {
    margin: 77px 0;
}

.text-section {
    border: 2px solid #9D9D9C;
    border-radius: 26px;
    padding: 35px 32px 32px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    position: relative;
    box-sizing: border-box;

    clear: both;
}

.text-section a {
    color: #505FA0;
    text-decoration: none;
    font-weight: 500;
}

.text-section p {
    text-indent: 36px;
    margin-bottom: 10px;
    margin-top: 10px;
    word-wrap: break-word;
}

.text-section__title + p,
.text-section > h2 + p,
.text-section p:first-child,
.text-section > header + p {
    text-indent: 0;
    margin-top: 0;
}

.text-section p:last-child {
    margin-bottom: 0;
}

.text-section__title {
    font-weight: 500;
    font-size: 21px;
    padding-left: 17px;
    padding-right: 29px;
    background-color: white;
    color: #1D1D1B;
    position: absolute;
    left: 15px; /* 32 - 17 */
    top: -0.5em;
    margin: 0;
}


.media {
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
    display: inline-block;
}

.block-float-left {
    float: left;
    margin-right: 32px;
}

.block-float-right {
    float: right;
    margin-left: 32px;
}

.text-section .block-float-left + p {
    text-indent: 0;
    margin-top: 0;
}

.text-section .block-float-right + p {
    text-indent: 0;
    margin-top: 0;
}

.text-section table {
    width: 100%;
    font-size: 14px;
}

.text-section th {
    color: #9D9D9C;
    padding: 7px 14px;
}

.text-section td {
    color: #1D1D1B;
    padding: 7px 14px;
}

.text-section tbody tr:nth-child(odd) {
    background-color: #EDEDED;
}

.text-section:before,
.text-section:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;

}

.clear {
    clear: both;
}

.media__source {
    position: absolute;
    bottom: 13px;
    right: 30px;
    padding: 8px 16px;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    background-color: #505fa078;
}

.media__source a {
    color: inherit;
    text-decoration: underline;
}

.citation {
    background-image: url("/assets/img/citation.svg");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 77px;
    font-weight: normal;
    font-size: 20px;
    text-indent: 0;
}

.coordinates {
    color: #7f7f7f;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
}

.coordinates .copy-link {
    margin-left: 20px;
}

.copy-link {
    color: #505FA0;
    font-weight: 500;
    padding-right: 20px;
    background-image: url("/assets/img/icon_copy.svg");
    background-repeat: no-repeat;
    background-position: right center;
}


.how-to-travel .text-section {
    border: 0;
    padding: 0;
    margin: 0;
}

.text-section header {
    margin-bottom: 21px;
}

.how-to-travel__subtitle {
    font-weight: 500;
}

.how-to-travel__subtitle .marshrut-link {
    margin-left: 20px;
}

.marshrut-link {
    background-image: url("/assets/img/icon_marshrut.svg");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.spot {
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    pointer-events: none;

}

.spot-1 {
    background-image: url("/assets/img/spot-1.svg");
    width: 860px;
    height: 900px;
    top: 910px;
    right: -600px;
}

.spot-2 {
    background-image: url("/assets/img/spot-2.svg");
    width: 837px;
    height: 590px;
    top: 1730px;
    left: -700px;
}

.spot-3 {
    background-image: url("/assets/img/spot-3.svg");
    width: 974px;
    height: 768px;
    top: 2800px;
    left: -600px;
}

.spot-4 {
    background-image: url("/assets/img/spot-4.svg");
    width: 977px;
    height: 970px;
    top: 3900px;
    right: -600px;
}


.comment-form__photo {
    border-radius: 21px;
    background-color: #e5e5e5;
    background-image: url("/assets/img/icon_person.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 112px;
    height: 112px;
    overflow: hidden;
    margin-right: 18px;
}

.comment-form textarea {
    height: 112px;
    border-radius: 21px;
}

.comment-form__comment-field {
    position: relative;
    flex: 1;
}

.comment-form__comment-field input[type=file] {
    display: none;
}

.comment-form__add-file {
    width: 20px;
    height: 20px;
    background-image: url("/assets/img/icon_binder.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.comment-form__add-file:hover {
    opacity: 0.5;
}

.comment-form {
    display: flex;
}

.comments__tabs {
    border-bottom: 3px solid #31429A0A;
    font-size: 13px;
    font-weight: 500;
}

.comments__tab {
    display: inline-block;
    position: relative;
    opacity: 0.5;
    font-weight: 500;
    color: #505FA0;
    top: 3px;
    padding-bottom: 17px;
    padding-right: 17px;
    margin-right: 17px;
    font-size: 13px;
}

.comments__tab:hover {
    opacity: 0.7;
}

.comments__tab.comments__tab_active:hover {
    opacity: 1;
}

.comments__tab_active {
    opacity: 1;
}

.comments__tab_active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #505FA0;
    border-radius: 3px;
    width: 100%;
    content: '';
}

.comments__tab-counter {
    height: 14px;
    min-width: 14px;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 7px;
    background-color: #505FA0;
    color: white;
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 9px;
    font-weight: bold;
    line-height: 14px;
    /* todo extrabold */
}

.comment__photo {
    border-radius: 21px;
    background-color: #e5e5e5;
    background-image: url("/assets/img/icon_person.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 112px;
    height: 112px;
    overflow: hidden;
    margin-right: 18px;
}

.comment__info {
    flex: 1;
    padding-top: 10px;
}

.comment {
    color: #1D1D1B;

    margin-bottom: 21px;
}

.comment__body {
    display: flex;
    flex-wrap: wrap;
}

.comment__author {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-right: 21px;
}

.comment__posted {
    font-size: 11px;
    font-weight: 500;
    color: #B2B2B2;
    display: inline-block;
}

.comment__text {
    font-size: 14px;
    margin-top: 0.7em;
}

.comment__reply {
    font-weight: bold;
    color: #505FA0;
    font-size: 11px;
}

.comment__meta {
    display: flex;
    margin-top: 10px;
}

.comments__list {
    margin-top: 20px;
}

.comment__replies {
    margin-top: 21px;
    padding-left: 32px;
    width: 100%;
    box-sizing: border-box;
}

.comment__replies .comment__body {
    background-color: #F5F5F5;
    padding: 21px;

}

.comment__like {
    background-image: url("/assets/img/comment__sprite.svg");
    width: 16px;
    height: 16px;
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 16px;
}

.comment__share {
    background-image: url("/assets/img/comment__sprite.svg");
    width: 16px;
    height: 16px;
    background-position: top right;
    background-repeat: no-repeat;
    margin-left: 16px;
}

.comment__like:hover {
    background-position: bottom 2px left;

}

.comment__share:hover {
    background-position: bottom 2px right;

}

.main {
    position: relative;
}

.recommended-brands .slick-prev, .recommended-brands .slick-next {
    background-image: url("/assets/img/blue-arrows.svg");
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    background-color: transparent;
    z-index: 250;
    border-radius: 7px;
    cursor: pointer;
    outline: none;
}

.recommended-brands .slick-prev {
    background-position: left center;
    left: -18px;
    /* background-color: transparent; */
}

.recommended-brands .slick-next {
    background-position: right center;
    right: -18px;
}

.text-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 5em;
}

.text-section li {
    color: #000000;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.text-section li:before {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #9D9D9C;
    content: '';
    position: absolute;
    left: 7px;
    top: 7px;
}

.comments__form {
    margin-bottom: 55px;
}

.recommended-brands__list {
    HEIGHT: 160PX;
}

.recommended-brands__item {
    text-align: center;
}

.recommended-brands__list .slick-slide img {
    margin: 0 auto;
}

.recommended-brands__title,
.comments__title {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 1em;
    margin-top: 1em;
}

span.recommended-brands__item-title {
    font-size: 16px;
}

.brand-info__description a {
    font-weight: 500;
    color: #505FA0;
}

.brand-info__subtitle {
    font-weight: bold;
    font-size: 18px;
    margin-top: 1em;
    margin-bottom: 0.4em;
}

.brand-info__meta {
    display: flex;
    width: 100%;
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    padding: 1em 0;
    margin: 1em 0;
    flex-wrap: wrap;
}

.brand-info__vote-link {
    font-weight: 500;
    color: #505FA0;
    margin-left: 20px;
    margin-right: 20px;
}

.brand-info__views,
.brand-info__checkin_v,
.brand-info__comments,
.brand-info__likes {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-right: 1em;
    display: inline-block;
    font-size: 11px;
    color: #B2B2B2;
    font-weight: 500;
    line-height: 18px;
}

.brand-info__views {
    background-image: url("/assets/img/icon_eye.svg");
}

.brand-info__checkin_v {
    background-image: url("/assets/img/icon_checkin_v.svg");
    /* width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block; */
    /* top: -3px !important; */
}

.brand-info__comments {
    background-image: url("/assets/img/icon_comment.svg");
}

.brand-info__likes {
    background-image: url("/assets/img/icon_like.svg");
}

.brand-info {
    font-size: 13px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    padding: 55px 97px;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
    zoom: 1;
}

.brand-info__tag {
    display: inline-block;
    margin-right: 10px;
}

.brand-info__tag_type_competition:before,
.brand-info__tag_type_expertise:before,
.brand-info__tag_type_poll:before,
.brand-info__tag_type_voting:before,
.brand-info__tag_type_expedition:before {
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    content: '';
    position: relative;
    top: 0.3em;
}


.brand-info__tag_type_competition:before {
    background-image: url("/assets/img/icon_blue_trophy.svg");
}

.brand-info__tag_type_expertise:before {
    background-image: url("/assets/img/icon_blue_book.svg");
}

.brand-info__tag_type_poll:before {
    background-image: url("/assets/img/icon_blue_person.svg");
}

.brand-info__tag_type_voting:before {
    background-image: url("/assets/img/icon_blue_comments.svg");
}

.brand-info__tag_type_expedition:before {
    background-image: url("/assets/img/icon_blue_binoculars.svg");

}

.brand-info__correction-disclaimer {
    color: #B2B2B2;
    font-size: 11px;
    width: 190px;
    margin-left: 1em;
}


.media__author a {
}

.media__author a:hover {
}

.brand-info .member {
    display: inline-block;
    width: auto;
    font-weight: normal;
}

.brand-info__left-col {
    width: 251px;
    margin-right: 1em;
}

.brand-info__right-col {
    width: 158px;
}

.brand-info__description {
    display: flex;
    flex-wrap: wrap;
    width: 437px;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.recommended-brands__item-image {
    border-radius: 21px;
    /* display: inline-block; */
    width: 113px;
    overflow: hidden;
    margin: 0 auto;
}

.brand-info__big-photo img {
    width: 100%;
}

.map {
    position: relative;
}

.media__fullscreen {
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url("/assets/img/icon_fullsize.svg");
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: top 10px center;
    background-color: white;
    border-radius: 100%;
}

.media__fullscreen:hover,
.media__fullscreen:active {
    background-position: bottom 10px center;
}

.media__fullscreen:hover {
    background-color: #505FA0;
}

.media__fullscreen:active {
    background-color: #364572;
}

.fullscreen {
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url("/assets/img/icon_fullsize.svg");
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: top 10px center;
    background-color: white;
    border-radius: 100%;
}

.fullscreen:hover,
.fullscreen:active {
    background-position: bottom 10px center;
}

.fullscreen:hover {
    background-color: #505FA0;
}

.fullscreen:active {
    background-color: #364572;
}

.brand-info ul {
    list-style: decimal;
    margin-left: 1em;
}

.brand-info__contacts-info_hidden {
    width: 20px;
    height: 20px;
    background-image: url("/assets/img/icon_mail.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.brand-info__email,
.brand-indo__phone {
    margin-right: 1em;
    display: inline-block;
    margin-top: 3px;
}

.brand-info__contacts-info_hidden > * {
    display: none;
}

a.brand-info__contacts-info {
    margin-left: 1em;
}

.dflex {
    display: flex;
}

.brand-info__suggest-button {
    width: 187px;
    font-size: 14px;
}

.media-slider {
    height: 59px;
    margin-top: 1em;
}

.media-slider__item {
    width: 93px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
}

.media-slider__item:hover {
    box-shadow: 3px 3px 0 #9aa2c2;
}

.media-slider__item img {
    width: 100%;
}

.media-slider .slick-prev,
.media-slider .slick-next {
    background-image: url("/assets/img/blue-arrows.svg");
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    background-color: transparent;
    z-index: 250;
    border-radius: 7px;
    cursor: pointer;
    outline: none;
}

.media-slider .slick-prev {
    background-position: left center;
    left: -18px;
}

.media-slider .slick-next {
    background-position: right center;
    right: -18px;
}

.media-slider .slick-slide {
    text-align: center;
}

.brand-info__big-photo {
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
    width: 623px;
    position: relative;
}

.brand-info__meta .rating__meta {
    position: relative;
    top: -2px;
}

.brand-view h1 {
    margin-bottom: 0;
}

.brand-info__checkin,
.brand-info__add2favorites,
.brand-info__share,
.event-info__add2schedule,
.route__checkin,
.route__add2favorites,
.route__share {
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #909090;
    position: relative;
    padding-left: 22px;
    margin-right: 1em;
}

.brand-info__checkin:before,
.route__checkin:before {
    background-image: url("/assets/img/icon_checkin.svg");
    width: 24px;
    height: 25px;
    top: -3px !important;
}

.brand-info__add2favorites:before,
.route__add2favorites:before {
    background-image: url("/assets/img/icon_hearts.svg");
    width: 21px;
    height: 18px;
    top: -2px !important;
}

.event-info__add2schedule {
    background-image: url("/assets/img/icon_calendar_event.svg");
    width: 21px;
    height: 18px;
    top: -2px !important;
}

.brand-info__share:before,
.route__share:before {
    background-image: url(/images/share.svg);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* margin-left: 16px; */
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
}


.brand-info__checkin:before,
.brand-info__add2favorites:before,
.route__checkin:before,
.route__add2favorites:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: scale(0.7);
}

.brand-info__checkin:hover,
.brand-info__add2favorites:hover,
.route__checkin:hover,
.route__add2favorites:hover {
    color: #405089;
}

.brand-info__checkin:hover:before,
.brand-info__add2favorites:hover:before,
.route__checkin:hover:before,
.route__add2favorites:hover:before {
    background-position: left center;
}

.brand-info__checkin:active,
.brand-info__add2favorites:active,
.route__checkin:active,
.route__add2favorites:active {
    color: #1D1D1B;
}


.route__checkin:active:before,
.route__add2favorites:active:before {
    background-position: left bottom 1px;
}

.brand-info__checkin.checked:before,
.brand-info__add2favorites.checked:before {
    background-position: left bottom 1px;
}

.brand-info__checkin.checked:hover:before,
.brand-info__add2favorites.checked:hover:before {
    background-position: left center;
}


.brand-info__controls, .route__controls {
    margin-top: 1em;
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
}


.auth-social {
    padding: 12px;
    padding-left: 37px;
    padding-right: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    overflow: hidden;
    color: transparent;
    transition: all 0.4s;
    background-repeat: no-repeat;
    background-position: center left 12px;
    position: relative;
    margin-right: 10px;
}

.auth-social.auth-social_site_vk {
    background-color: #5093DA;
}

.auth-social.auth-social_site_fb {
    background-color: #1877F2;
}

.auth-social.auth-social_site_gp {
    background-color: #11A861;
}

.auth-social.auth-social_site_ya {
    background-color: #FE0000;
}

.auth-social.auth-social_site_ok {
    background-color: #F7931E;
}

.auth-social.auth-social_site_in {
    background: rgba(84, 66, 214, 1);
    background: -moz-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84, 66, 214, 1)), color-stop(33%, rgba(183, 41, 168, 1)), color-stop(64%, rgba(242, 32, 64, 1)), color-stop(100%, rgba(254, 191, 83, 1)));
    background: -webkit-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: -o-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: -ms-linear-gradient(left, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    background: linear-gradient(to right, rgba(84, 66, 214, 1) 0%, rgba(183, 41, 168, 1) 33%, rgba(242, 32, 64, 1) 64%, rgba(254, 191, 83, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5442d6', endColorstr='#febf53', GradientType=1);
}

.auth-social.auth-social_site_yt {
    background-color: #FF0000;
}

.auth-social:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
}

.auth-social.auth-social_site_vk:before {
    background-image: url("/assets/img/icon_vk.svg");
}

.auth-social.auth-social_site_fb:before {
    background-image: url("/assets/img/icon_fb.svg");
}

.auth-social.auth-social_site_in:before {
    background-image: url("/assets/img/icon_in.svg");
}

.auth-social.auth-social_site_yt:before {
    background-image: url("/assets/img/icon_yt.png");
}

.auth-social.auth-social_site_gp:before {
    background-image: url("/assets/img/icon_gp.svg");
}

.auth-social.auth-social_site_ya:before {
    background-image: url("/assets/img/icon_ya.svg");
}

.auth-social.auth-social_site_ok:before {
    background-image: url("/assets/img/icon_ok.svg");
}

.auth-box__title {
    font-size: 21px;
    font-weight: 500;
    color: #1D1D1B;
}

.auth-box {
    font-size: 14px;
    color: #706F6F;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 21px;
    padding: 35px 28px;
    box-sizing: border-box;
    position: relative;
    top: 20px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.auth-box input[type=text] {
    background-image: url("/assets/img/icon_paper-plane.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.auth-box__subtitle {
    margin: 1em 0;
}

.auth-box {
    background-image: url("/assets/img/icon_person_gray.svg");
    background-repeat: no-repeat;
    background-position: top 24px left 29px;
    padding-top: 70px;
    width: 344px;
}

.map-pin__pointer {
    width: 17px;
    height: 13px;
    background-image: url("/assets/img/baloon_pointer.svg");
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    margin: auto;
}

.map-pin {
    font-size: 14px;
    font-weight: 500;
    color: #1D1D1B;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.map-pin__plate {
    background-color: white;
    box-sizing: border-box;
    padding: 10px 10px 10px 45px;
    height: 35px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    /* transform: translate(-50%, -50%); */
}

.map-pin__plate:before {
    background-position: center;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.map-pin_type_nature .map-pin__plate:before {
    background-image: url("/assets/img/icon_trees.svg");
    background-color: #D7F5C6;
}


.audiojs .time {
    display: none;
}

.audiojs .scrubber {
    float: none;
    width: auto;
    height: 14px;
    background: transparent !important;
    border: none;
}

.audiojs .loaded {
    width: 100% !important;
    /* display: none; */
    background: white;
    height: 1px;
    top: 50%;
}

.audiojs .progress:after {
    content: '';
    width: 7px;
    height: 7px;
    background: white;
    position: absolute;
    top: 4px;
    right: 0;
    border-radius: 100%;
}

.audiojs .progress {
    background: transparent;
    margin-left: 7px;
}

.audiojs .play-pause {
    border: none;
}

.audiojs {
    background: transparent;
    width: 186px;
    height: 35px;
    /* border-radius: 18px; */
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    box-shadow: none;
}

.audiojs .play {
    background-image: url(/assets/img/icon_play.svg);
    background-position: top 12px center;
}

.audiojs .pause {
    background-image: url(/assets/img/icon_pause.svg);
    background-position: top 13px center;
}

.audio-player__play {
    background-image: url("/assets/img/icon_volume.svg");
    background-position: center;
    width: 35px;
    height: 35px;
    background-color: white;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 100%;
}

.audio-player_muted .audio-player__play {
}

.audio-player_active .audio-player__play {
    background-image: url("/assets/img/icon_mute.svg");
}

.audio-player_active.audio-player_muted .audio-player__play {
    background-image: url("/assets/img/icon_volume.svg");

}

.audiojs .play-pause {
    padding: 0;
}

.audio-player {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #505FA0;
    border-radius: 19px;
    overflow: hidden;
    height: 35px;
    width: 35px;
}

.audio-player.audio-player_active {
    width: auto;
}

.recommended-brands {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.comments {
    width: 716px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.brand-text-blocks {

}

.how-to-travel__text {
    width: 623px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.how-to-travel__map {
    padding-right: 93px;
    width: 344px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.how-to-travel {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
}

.brand-text-blocks {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.team__tag {
    padding: 10px 13px;
    display: inline-block;
    border-radius: 21px;
    text-transform: uppercase;
    background-color: #505FA0;
    color: white;
    margin-right: 1em;
    margin-bottom: 1em;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 2em;
}

.team__tag_type_dev {
    color: #3DCEB3;
    background-color: #E6F9F5;
}

.team__tag_type_author {
    color: #FCB785;
    background-color: #FFF4EC;
}

.team__tag_type_creator {
    color: #9265E9;
    background-color: #F3EFFD;
}

.team__col {
    font-size: 13px;
    width: 344px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.team__col p {
    margin: 1em 0;
}

.team__col a {
    color: #505FA0;
    font-weight: bold;

}

.participation__right {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    padding: 17px;
    border: 1px solid #F1F2FE;
    border-radius: 21px;
    display: inline-block;
    margin-left: 3em;
}

.participation__controls {
    display: flex;
    margin-top: 2em;
    margin-bottom: 2em;
}

.participation__create-brand,
.participation__get-role {
    text-align: center;
    color: #505FA0;
    font-weight: 500;
    font-size: 14px;
    flex: 1;
}

.participation__create-brand {

}

.participation__get-role {

}

.participation__get-role:before {
    background-image: url("/assets/img/participation_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    content: '';
    height: 40px;

}

.participation__create-brand:before {
    background-image: url("/assets/img/participation_2.svg");
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    height: 40px;

}

.team,
.participation,
.routes,
.feedback,
.auth,
.registration-complete,
.catalog,
.route {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 1116px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.team h1, .catalog h1 {
    width: 100%;
}

.participation {
    display: flex;
    flex-wrap: wrap;
}

.participation__left {
    flex: 1;
}

.participation h1 {
    width: 100%;
    display: block;
}

.participation__left p {
    text-indent: 36px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.participation__left h2 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 1em;
}

.participation__left > h2 + p {
    text-indent: 0;
    margin-top: 0;
}

.routes__list {
    /* display: flex */
}

.route-item__img {
    width: 100%;
}

.route-item__title {
    font-weight: 500;
    font-size: 21px;
}

.route-item__region {
    font-weight: bold;
    color: #505FA0;
    font-size: 13px;
    margin: 1em 0;
    display: block;
}

.route-item__description {
    font-size: 14px;
}

.route-item__tag {
    padding: 10px 13px;
    display: inline-block;
    border-radius: 21px;
    text-transform: uppercase;
    background-color: #505FA0;
    color: white;
    /* margin-right: 1em; */
    margin-bottom: 1em;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    /* margin-top: 2em; */
}

.route-item__tag_type_walk {
    color: #3DCEB3;
    background-color: #E6F9F5;
}

.route-item__tag_type_car {
    color: #FCB785;
    background-color: #FFF4EC;
}

.route-item__tag_type_bike {
    color: #9265E9;
    background-color: #F3EFFD;
}

.route-item {
    border-radius: 21px;
    border: 1px solid #DADADA;
    overflow: hidden;
    width: 342px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 26px;
}

.route-item__header {
    padding: 28px;
}

.route-item__meta-size {
    position: absolute;
    right: 21px;
    top: 18px;
}

.route-item__meta {
    position: relative;
    padding: 15px 21px 21px;
}

.route-item__meta-size {
    color: #878787;
    font-size: 13px;
}

.route-item__meta-size-qty {
    display: flex;
    text-align: right;

}

.route-item__meta-size-qty div {
    flex: 1;
    padding: 0px 10px;
    box-sizing: border-box;
    text-align: center;
}

.route-item__meta-size-qty div:first-child {
    border-right: 1px solid #878787;
}

.routes__list {
    /* flex-wrap: wrap; */
}

.routes__filter {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.routes__filter > div {
    width: 30%;
    padding: 0 12px;
}

.routes h1 {
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.photo-box__item-title {
    font-size: 16px;
    color: #1D1D1B;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -25px;
}

.feedback h1, .auth h1 {
    margin-left: 14px;
    margin-right: 14px;
    width: 1088px;
}

.feedback__col, .auth__col {
    width: 530px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.field-header {
    margin-bottom: 0.7em;
}

.field-header + input[type=text], .field-header + textarea {
    margin-bottom: 1.5em;
}

.auth__flex {
    display: flex;
    margin-top: 3em;
    /*justify-content: space-between;*/
    font-size: 15px;

}

.auth__flex .button {
    margin-right: 42px;
}

.auth a {
    color: #505FA0;
    font-weight: bold;

}

.auth__col_right {
    padding-left: 93px;
    width: 437px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.auth .checkbox-container {
    font-size: 14px;
    margin-top: 2em;
}

.auth .button {
    width: 187px;
}

.auth__flex div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.popup.recommended-brands {
    float: none;
    margin: 0 auto;
    margin-top: -140px;
}

.tabs {
    border-bottom: 3px solid #31429A0A;
    font-size: 13px;
    font-weight: 500;
}

.tab {
    display: inline-block;
    position: relative;
    opacity: 0.5;
    font-weight: 500;
    color: #505FA0;
    top: 3px;
    padding-bottom: 17px;
    padding-right: 17px;
    margin-right: 17px;
    font-size: 13px;
}

.tab:hover {
    opacity: 0.7;
}

.tab.tab_active:hover {
    opacity: 1;
}

.tab_active {
    opacity: 1;
}

.tab_active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #505FA0;
    border-radius: 3px;
    width: 100%;
    content: '';
}

.tab-counter {
    height: 14px;
    min-width: 14px;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 7px;
    background-color: #505FA0;
    color: white;
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 9px;
    font-weight: bold;
    line-height: 14px;
    /* todo extrabold */
}

.catalog__total {
    position: absolute;
    right: 0;
    top: 1.5em;
    font-size: 13px;
}

.catalog {
    position: relative;
}

.catalog__filter-panel {
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
    zoom: 1;
}

.filter-panel .select {
    width: 251px;
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 28px;
}

.filter-panel .direction {
    width: 65px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.catalog__filter-panel .tabs {
    width: 274px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.route__region:before,
.route__walk:before,
.route__duration:before,
.route__length:before,
.route__city-route:before,
.route__brand-qty:before {
    content: '';
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    height: 2em;
    position: relative;
    top: 10px;
    width: 2em;
    margin-right: 0.3em;
}

.route__meta {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.route__meta-sep {
    height: 14px;
    width: 1px;
    background-color: #DADADA;
    content: '';
    display: inline-block;
}

.route__meta-item {
    margin-top: -15px;
}

.route__region:before {
    background-image: url("/assets/img/icon_pin.svg");
}

.route__walk:before {
    background-image: url("/assets/img/icon_foot.svg");
}

.route__duration:before {
    background-image: url("/assets/img/icon_clock.svg");
}

.route__length:before {
    background-image: url("/assets/img/icon_map.svg");
}

.route__city-route:before {
    background-image: url("/assets/img/icon_cityscape.svg");
}

.route__brand-qty:before {
    background-image: url("/assets/img/icon_cube.svg");
}

.tag {
    padding: 10px 13px;
    display: inline-block;
    border-radius: 21px;
    text-transform: uppercase;
    background-color: #505FA0;
    color: white;
    margin-bottom: 1em;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.tag.tag_category_construction {
    color: #9D9D9C;
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
}

.tag.tag_category_nature {
    color: #61D118;
    background-color: #D8F4C6;
    border: 1px solid #D8F4C6;
}

.tag.tag_category_gastronom {
    color: #6D70B5;
    background-color: #D9DAF0;
    border: 1px solid #D9DAF0;
}

.tag.tag_category_obraz {
    color: #E94E1B;
    background-color: #FCEAD2;
    border: 1px solid #FCEAD2;
}

.tag.tag_category_poselenie {
    color: #D6AD00;
    background-color: #FFEA82;
    border: 1px solid #FFEA82;
}

.tag.tag_category_artcluster {
    color: #E26D9D;
    background-color: #EFD5DE;
    border: 1px solid #EFD5DE;
}

.tag.tag_category_tradition {
    color: #36A9E1;
    background-color: #D2EFF3;
    border: 1px solid #D2EFF3;
}

.tag.tag_category_persona {
    color: #4DC288;
    background-color: #D8F4C6;
    border: 1px solid #D8F4C6;
}

.tag.tag_category_data {
    color: #E6332A;
    background-color: #F3C6BE;
    border: 1px solid #F3C6BE;
}

.tag.tag_category_event {
    color: #3DCEB3;
    background-color: #E6F9F5;
    border: 1px solid #E6F9F5;
}

.tag.tag_category_obraz:active {
    border-color: #E94E1B;
}

.tag.tag_category_poselenie:active {
    border-color: #D6AD00;
}

.tag.tag_category_artcluster:active {
    border-color: #E26D9D;
}

.tag.tag_category_tradition:active {
    border-color: #36A9E1;
}

.tag.tag_category_persona:active {
    border-color: #4DC288;
}

.tag.tag_category_data:active {
    border-color: #E6332A;
}

.route-item .media-slider {
    margin-bottom: 10px;
}

.route__est {
    color: #878787;
    font-size: 13px;
    text-align: center;
    position: relative;
    top: -1.5em;
}

.route-item:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.route__line {
    border-left: 1px solid #DADADA;
}

.route__line-item {
    position: relative;
    /* color: black; */
    padding-left: 1em;
}

.route__line-item:before {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    left: -4px;
    background-color: #DADADA;
}

.route__line-handle {
    background-image: url("/assets/img/icon_route-handle.svg");
    width: 22px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    left: -12px;
}

.route__line {
    position: relative;
    width: 336px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.route__body {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
    margin-top: 2em;
}

.route__map {
    width: 716px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

main.route {
    position: relative;
}

.route__controls {
    position: absolute;
    top: 0;
    right: 0;
}

.quick-search__input {

}

.members {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
}

.members__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.members__member {
    width: 30%;
    display: flex;
    margin-bottom: 1em;
}

.members__member .member__name {
    font-size: 18px;
    color: #505FA0;
    font-weight: bold;
}

.member__region {
    font-size: 13px;
    margin-bottom: 3px;
}

a.member__brand {
    color: #505FA0;
    font-weight: bold;
    display: block;
}

.members__member .member__photo {
    width: 35px;
    height: 35px;
    margin-right: 1em;
}

.members__litera header {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 1.5em;
}

section.members__litera {
    margin-top: 3em;
}

.members__filter-panel .quick-search {
    width: 372px;
    position: relative;
    margin-right: 1em;
}

.quick-search__clear {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/img/icon_cross-small.svg");
    width: 10px;
    height: 10px;
    right: 29px;
    top: 12px;
    display: none;
}

.quick-search_has-results .quick-search__clear {
    display: block;
}

.quick-search__do-search {
    background-image: url(/assets/img/icon_search.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    right: 6px;
}

.quick-search__holder {
    position: relative;
}

.filter-panel input[type=text],
.filter-panel input[type=date],
.filter-panel .select__text {
    padding: 6px 12px;
}

.filter-panel .select {
    height: 35px;
}

.filter-panel {
    /* display: flex; */
}

section.members__filter-panel.filter-panel {
    display: flex;
    margin-top: 2em;
}

.quick-search__results {
    background: white;
    border-radius: 21px;
    padding: 0.5em 1em;
    position: absolute;
    box-shadow: 9px 9px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    max-height: 10em;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
}

.quick-search_has-results,
.quick-search__results {
    display: block;

}

a.quick-search__result {
    display: block;
    margin: 5px 0;
}

.members__total {
    display: inline-block;
    margin-left: 1em;
}

.members h1 {
    display: inline;
}

.calendar-item {
    border-radius: 21px;
    border: 1px solid #DADADA;
    overflow: hidden;
    width: 342px;
    display: inline;
    /* float: left; */
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 26px;
    padding: 21px;
    box-sizing: border-box;
}

.calendar__list {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.calendar-item__description {
    font-size: 14px;
    margin-top: 1em;
}

.calendar-item__description p {
    margin: 0.5em 0;
}

.calendar-item__header {
    position: relative;
}

.calendar-item__date {
    position: absolute;
    right: 0;
    top: 0.3em;
    font-size: 21px;
    font-weight: bold;
}

.calendar-item__place {
    font-size: 13px;
    color: #505FA0;
    font-weight: bold;
}

h2.calendar-item__title {
    margin-bottom: 1em;
}

.calendar-item__duration {
    color: #878787;
    font-size: 13px;
}

.calendar-item__description a {
    color: #505ea0;
    font-weight: bold;
}

.calendar {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1116px;
    display: flex;
    flex-wrap: wrap;
}

.calendar h1 {
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.calendar__total {
    display: inline-block;
    font-size: 13px;
    margin-top: 20px;
    margin-left: 20px;
}

.calendar__select-date {
    width: 300px;
    padding-right: 40px;
    position: relative;
    margin-right: 1em;
}

.calendar__select-date-event-filter {
    width: 140px;
    padding-right: 25px;
    position: relative;
    margin-right: 1em;
    margin-bottom: 28px;
}

.calendar__filter .calendar__select-date {

    margin-bottom: 28px;
}

.calendar-field__select {
    display: block;
    position: absolute;
    background-image: url("/assets/img/icon_calendar.svg");
    width: 22px;
    height: 22px;
    right: 0;
    top: 5px;
}

.calendar__filter.filter-panel {
    display: flex;
    width: 100%;
    margin-left: 14px;
    flex-wrap: wrap;

    align-items: center;
}

.page-map__text {
    font-size: 14px;
}

.page-map__map-box {
    width: 100%;
}

.page-map__map-box {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

#map_big {
    width: 100%;
    height: 532px;
}

.external-link {
    display: inline-block;
    font-weight: 500;
    color: #505FA0;
    font-size: 13px;
    margin-right: 3em;
}

.external-link:after {
    content: '';
    display: inline-block;
    background-image: url("/assets/img/icon_external-link.svg");
    width: 11px;
    height: 11px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.member__icon {
    background-image: url("/assets/img/icon_complex-person.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.members-list {
    display: flex;
    flex-wrap: wrap;
}

.tabs-content {
    margin: 1em 0;

}

.region-info {

    margin-bottom: 1em;
}

.region-info__gerb {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.region-info__lang {
    font-size: 12px;
}

.region-info__lang img {
    width: 16px;
    height: 10px;
}

.region-info__code {
    font-size: 36px;
}

.region-info__photo {
    width: 182px;
    height: 182px;
    overflow: hidden;
    border-radius: 48px;
    margin-right: 2em;
}

.region-info__photo img {
    width: 100%;
    border-radius: 21px;
}

.map-popup, .popup-window {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
    padding: 28px;
    box-sizing: border-box;
    width: 530px;
    border-radius: 21px;
    position: relative;
    display: inline;
    float: left;
    z-index: 50;
    margin-left: 14px;
    margin-right: 14px;
    top: 60px;
    background: white;
}

.map-popup .tabs {
    clear: left;
    margin-top: 2em;
}

.map-popup__header, .popup-window .map-popup__header {
    display: flex;
    flex-wrap: wrap;
}

.map-popup__header-info {
    flex: 1;
    padding-top: 1em;
}

a.map-popup__goto {
    color: #505ea0;
    font-size: 13px;
    font-weight: 500;
    background-image: url(/assets/img/chevron_right.svg);
    background-position: top 6px right;
    background-repeat: no-repeat;
    padding-right: 0.8em;
    margin-bottom: 1em;
    display: inline-block;
}

.map-popup__controls {
    margin: 2em 0;
}

.page-map {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
}

.page-map__info {
    padding-left: 93px;
    width: 437px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.main .social-block {
    margin-top: 30px;
}

.main .news-item.news-item-large {
    width: 100%;
}

.banner {
    background-image: url("/assets/img/pattern.png");
    height: 1000px;
    border-radius: 21px;
    position: relative;
    overflow: hidden;
}

.banner__image {
    background-image: url("/assets/img/banner-image.png");
    position: absolute;
    top: -30px;
    right: 0;
    width: 656px;
    height: 443px;
}

.banner {
    height: 308px;
    margin-bottom: 1em;
    max-width: 1088px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.map-object__left,
.map-object__right {
    background-image: url("/assets/img/blue-arrows.svg");
    width: 11px;
    height: 18px;
    background-repeat: no-repeat;
    display: inline-block;
}

.map-object__title {
    font-size: 21px;
    font-weight: bold;
    color: #1D1D1B;
}

.map-object {
    width: calc(100% - 88px);
    position: relative;
}

.map-object__category:before {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    content: '';
    display: block;
}

.map-object__category_type_artcluster:after {
    color: #E26D9D;
}

.map-object__category_type_tradition:after {
    color: #36A9E1;
}

.map-object__category_type_persona:after {
    color: #4DC288;
}

.map-object__category_type_poselenie:after {
    color: #D6AD00;
}

.map-object__category_type_data:after {
    color: #E6332A;
}

.map-object__category_type_obraz:after {
    color: #E94E1B;
}

.map-object__category_type_gastronom:after {
    color: #6D70B5;
}

.map-object__category_type_nature:after {
    color: #61D118;
}

.map-object__category_type_construction:after {
    color: #9D9D9C;
}

.category div {
    display: flex;
    align-items: center;
}

.category div:before {
    width: 35px;
    height: 35px;
    border-radius: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
    display: block;
    margin-right: 10px;
}

.category_type_artcluster div:before,
.map-object__category_type_artcluster:before {
    background-image: url("/assets/img/icon_type_artcluster.svg");
    background-color: #EFD5DE;
}

.category_type_tradition div:before,
.map-object__category_type_tradition:before {
    background-image: url("/assets/img/icon_type_tradition.svg");
    background-color: #D3EFF2;
}

.category_type_persona div:before,
.map-object__category_type_persona:before {
    background-image: url("/assets/img/icon_type_persona.svg");
    background-color: #DEF3E7;
}

.category_type_poselenie div:before,
.map-object__category_type_poselenie:before {
    background-image: url("/assets/img/icon_type_poselenie.svg");
    background-color: #FFEA82;
}

.category_type_data div:before,
.map-object__category_type_data:before {
    background-image: url("/assets/img/icon_type_data.svg");
    background-color: #F4C6BD;
}

.category_type_obraz div:before,
.map-object__category_type_obraz:before {
    background-image: url("/assets/img/icon_type_obraz.svg");
    background-color: #FBE9D1;
}

.category_type_gastronom div:before,
.map-object__category_type_gastronom:before {
    background-image: url("/assets/img/icon_type_gastronom.svg");
    background-color: #D9D9EF;
}

.category_type_nature div:before,
.map-object__category_type_nature:before {
    background-image: url("/assets/img/icon_type_nature.svg");
    background-color: #D8F4C6;
}

.category_type_construction div:before,
.map-object__category_type_construction:before {
    background-image: url("/assets/img/icon_type_construction.svg");
    background-color: #EDEDED;
}

.map-object {
    border-radius: 21px;
    background-color: white;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -130px;
    left: 44px;
    height: 196px;
    overflow: hidden;
    /* cursor: pointer; */
}

.category {
    display: flex;
    margin-right: 20px;
}

.category span {
    white-space: nowrap;
}


.map-object__image-canvas {
    max-width: 1188px;
    height: 1188px;
    border-radius: 100%;
    position: absolute;
    left: -534px;
    overflow: hidden;
    top: -420px;
    width: 120%;
}

.map-object__image {
    position: absolute;
    right: 0;
    top: 324px;
    width: 716px;
    height: 489px;
    background-repeat: no-repeat;
    background-size: cover;
}

.map-object__info {
    position: absolute;
    right: 30px;
    top: 25px;
    width: 286px;
    height: 150px;
    overflow: hidden;
}

.main-map {
    height: 448px;
    width: 100%;
    position: relative;
    border-radius: 21px;
    overflow: hidden;
    max-width: 1088px;
}

section.container_12.main__map {
    position: relative;
    margin-bottom: 140px;
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
}

.map-object__category {
    margin-bottom: 1em;
}

.map-object__controls {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px;
    /* height: 40px; */
    display: flex;
    justify-content: space-between;
    /* cursor: pointer; */
    z-index: 50;
}

.main-map__mask {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/assets/img/map-mask.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.map-object__right {
    background-position: top right;
}

.main__participate {
    max-width: 592px;
    width: 100%;
}

.main__participate img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main__section {
    max-width: 1145px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

.main__section h2 {
    font-size: 36px;
    margin-bottom: 1em;
}

.main__section:before, .main__section:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.main__section:after {
    clear: both;
}

.main__map {
    position: relative;
    margin-bottom: 200px;
    margin-top: 2em;
}

a.button {
    display: block;
}

a.button:hover {
    color: white;
}

.banner__info {
    width: 310px;
    margin-left: 65px;
    margin-top: 85px;
}

.banner__info h2 {
    margin: 0;
    margin-bottom: 0.3em;
}

.banner__info p {
    margin-bottom: 1.5em;
}


.main-map__yandex {
    height: 554px;
    position: relative;
    top: -110px;

}

.main-participate__left {
    max-width: 592px;
    width: 80%;

}

.main-participate__right {
    width: 50%;
    max-width: 437px;
    margin-left: 55px;
}

.main-participate {
    margin-bottom: 3em;
    display: flex;
    justify-content: space-between;
}

.main-participate:before, .main-participate:after {
    display: none;
}

.main-news h2 {
    width: 100%;
    max-width: 1088px;
}

.main-news__left {
    width: 437px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.main-news__right {
    width: 623px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.main-participate .button {
    margin-top: 1em;
}

.categories-line {
    display: flex;
    margin-bottom: 20px;
}

.horizontal-scroll {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}


.nicescroll-rails {
    background-color: #F8FAFF;
}

.category:hover {
    font-weight: bold;
    color: inherit;
    padding-right: 0;
}

.ymaps-2-1-74-graphics-SVG {
    opacity: 0;
}

.main-map__button {
    transform: scale(0);
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all .1s;
}

.main-map__button_active {
    transform: scale(1);
}

.page-lk__right-col {
    border-radius: 21px;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #1D1D1B;
    overflow: hidden;
    width: 870px;
    display: inline;
    float: left;
    /* margin-left: 14px; */
    margin-right: 14px;
}

.lk-header {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 1em;
    margin-top: 1em;
}

.lk-flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.lk-flex > div {
    flex: 1;
    margin-right: 21px;
}

.lk-flex > div:last-child {
    margin-right: 0;
}

.lk__change-email {
    margin-top: -48px;
    display: block;
    margin-left: 310px;
    color: #505ea0;
    font-weight: 500;
}

.drop-photo {
    width: 168px;
    height: 168px;
    border: 2px dashed #505FA0;
    border-radius: 21px;
    padding: 45px 20px;
    box-sizing: border-box;
    text-align: center;
    color: #878787;
    flex: unset !important;
    font-size: 16px;
}

.drop-photo a {
    font-weight: 500;
    color: #505FA0;
    display: block;
    margin-bottom: 1em;
}

.page-lk input[type=text],
.page-lk input[type=date],
.page-lk textarea,
.page-lk .select {
    margin-top: 10px;
    margin-bottom: 1em;
}

.page-lk .button {
    width: auto;
    min-width: 127px;
}

.dostig span {
    background-color: #FFEA7C;
    padding: 6px 11px;
    border-radius: 20px;
}

.dostig p {
    margin: 15px 0;
    font-size: 14px;
}

.page-lk__tab {
    padding: 51px;
    position: relative;
}

.page-lk__tab_first {
    background-image: url("/assets/img/yellow-circle.svg");
    background-repeat: no-repeat;
    background-position: top -323px right -120px;
}

.page-lk__tab-meta {
    position: absolute;
    top: 60px;
    right: 100px;
    display: flex;
}

.lk__meta {
    margin-right: 20px;
    font-size: 14px;
}

.lk__meta:before {
    width: 56px;
    height: 56px;
    content: '';
    background: white;
    display: block;
    border-radius: 16px;
    background-position: center;
    margin-bottom: 1em;
    background-repeat: no-repeat;
}

.lk__meta_type_prize:before {
    background-image: url("/assets/img/icon-prize.svg");
}

.lk__meta_type_comment:before {
    background-image: url("/assets/img/icon_lk-comment.svg");
}

.page-lk__menu a {
    font-weight: bold;
    color: #1D1D1B;
    padding: 14px;
    box-sizing: border-box;
    display: block;
}

.page-lk__menu a:hover,
.page-lk__menu a.active {
    background-color: #EEEFF6;
}

.lk-flex__small {
    width: 158px;
    flex: unset !important;
}

.lk-flex__middle {
    width: 300px;
    flex: unset !important;
}

.lk-flex__calendar {
    width: 158px;
    flex: unset !important;
    padding-right: 40px;
    background-image: url("/assets/img/icon_calendar.svg");
    background-repeat: no-repeat;
    background-position: bottom 30px right;
}

.lk__social-item {
    padding: 10px 10px 10px 40px;
    background-repeat: no-repeat;
    background-position: left 10px center;
    min-width: 196px;
    color: white;
    border-radius: 20px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    position: relative;
    height: 37px;
    vertical-align: top;
}

.lk__social-item .member__name {
    color: #fff;
    position: relative;
    top: 3px;
    font-weight: 500;
}

.lk__social-item a {
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.lk__social-item_type_vk {
    background-image: url("/assets/img/icon_vk.svg");
    background-color: #5093DA;
}

.lk__social-item_type_fb {
    background-image: url("/assets/img/icon_fb.svg");
    background-color: #1877F2;
}

.lk__social-item_type_ok {
    background-image: url("/assets/img/icon_ok.svg");
    background-color: #F7931E;
}

.lk__social-item-close {
    background-color: #505FA0;
    width: 28px;
    height: 28px;
    background-position: center;
    background-image: url("/assets/img/icon_small-cross.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    border-radius: 100%;
}

.lk__social-item .member {
    width: 100%;
    position: relative;
    top: -6px;
    left: -9px;
}

.lk__social-item .member__photo {
    border: 2px solid white;
}

.page-lk__left-col {
    width: 218px;
    display: inline;
    float: left;
    margin-left: 14px;
    /* margin-right: 14px; */
}

.page-lk__left-col .member {
    width: 100%;
}

.page-lk__tab {
    display: none;
}

.page-lk__tab_active {
    display: block;
}


.page-lk .brand__photo-cnt {
    width: 224px;
    margin-right: 21px;
}

.page-lk .brand {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #23409D;
    padding-bottom: 30px;
    margin-top: 20px;
}

.page-lk .brand__description-cnt {
    width: auto !important;
    flex: 1;
    margin-right: 0;
}

#lk-map {
    height: 200px;
}

.page-lk .route-item:before {
    right: 20px;
    top: 20px;
    content: '';
    display: block;
    width: 44px;
    background-position: bottom;
    position: absolute;
    height: 35px;
    background-repeat: no-repeat;
    background-image: url("/assets/img/icon_hearts.svg");
    background-size: 40px;
}

.page-lk .route-item {
    position: relative;
    margin-left: 0;
    margin-right: 40px;
}

.page-lk .tabs {
    margin-bottom: 30px;
}

.lk__rates {
    display: flex;
    flex-wrap: wrap;
}

.lk-rate__photo {
    width: 145px;
    height: 145px;
    border-radius: 20px;
    background-size: cover;
    margin-right: 20px;
}

.lk__rate {
    width: 50%;
    border-bottom: 1px solid #23409d47;
    padding-bottom: 1em;
    display: flex;
    margin-top: 1em;
}

.lk-rate__title {
    font-size: 21px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lk-rate__rate-title {
    font-size: 14px;
    margin: 1em 0;
}

.lk__rate a {
    font-size: 13px;
    font-weight: bold;
    color: #505ea0;
    margin-top: 1em;
    display: block;
}


.lk__comments {
    display: flex;
    flex-wrap: wrap;
}

.lk-comment__photo {
    width: 145px;
    height: 145px;
    border-radius: 20px;
    background-size: cover;
    margin-right: 20px;
    flex: unset;
}

.lk__comment {
    width: 100%;
    border-bottom: 1px solid #23409d47;
    padding-bottom: 1em;
    display: flex;
    margin-top: 1em;
}

.lk-comment__title {
    font-size: 21px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lk-comment__desc p {
    margin: 0.5em 0;
}

.subscribe-lists {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.subscribe-list {
    width: 33%;
}

.subscribe-list .checkbox-container {
    margin-bottom: 10px;
}

.general-subscriptions {
    margin-bottom: 3em;
}

.lk__rate:last-child,
.lk__rate:nth-last-child(2) {
    border-bottom: 0;
}

.lk__comment:last-child {
    border: 0;
}

.main__section_categories {
    position: relative;
    height: 40px;
    margin-top: 30px;
}

.main__section_categories .categories-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media all and (max-width: 1360px) {
    .main__section_categories {
        position: relative;
        height: 40px;
        margin-top: 30px;
    }

    .main__section_categories .categories-line {
        position: static;
        left: 0;
        transform: none;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }
}

.profile__data-row {
    font-size: 14px;
    display: flex;
    margin-bottom: 1em;
}

.profile__data-title {
    width: 190px;
    color: #9D9D9C;
    padding-right: 20px;
    box-sizing: border-box;
}

.profile__data-value {
    flex: 1;
    /* white-space: pre; */
}

.page-profile h2 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.brand-plate__image {
    width: 127px;
    height: 127px;
    display: inline-block;
    background-size: cover;
    border-radius: 31px;
}

.brand-plate {
    width: 130px;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}

.profile__nonapproved-brands {
    display: inline-block;
    width: 45%;
}

.profile__approved-brands {
    display: inline-block;
    width: 45%;
}

.brand-plate__title {
    font-size: 13px;
    color: #505FA0;
    font-weight: bold;
}

.profile__data-row a {
    color: #505FA0;
    display: block;
}

.profile__col {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

.send-message:before {
    content: '';
    background-image: url("/assets/img/icon_message.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

a.send-message {
    color: #505ea0;
}

.page-profile h1 {
    width: auto;
    display: inline-block;
    margin-right: 20px;
}


.profile__photo {
    width: 168px;
    height: 168px;
    border-radius: 30px;
    background-size: cover;
    margin-top: 20px;
}

.profile__role {
    font-size: 13px;
    text-align: center;
}

.page-profile__left-col {
    width: 158px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.page-profile__right-col {
    width: 872px;
    display: inline;
    float: left;
    margin-left: 44px;
    margin-right: 14px;
    position: relative;
}

main.page-profile {
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
    zoom: 1;
}

.page-profile__header {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.profile__brand-titles {
    font-size: 14px;
    margin-bottom: 1em;
}

.profile__data-value p {
    margin: 0 0 0.3em;
}

.register__row {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.register__field {
    flex: 1;
    margin-right: 20px;
}

.register__field:last-child {
    margin-right: 0;
}

.register .select {
    margin-bottom: 0;
}

.button-helper {
    font-size: 14px;
    text-align: right;
    margin-right: 20px;
    margin-top: 5px;
}

.register .section-top-header {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.register h1 {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.register__textarea-col textarea {
    margin-bottom: 20px;
}

.register__textarea-col {
    width: 530px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.register__left {
    width: 716px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.register__right {
    width: 344px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.register__footer-left {
    width: 50%;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 0.3em;
}

.register__footer-right {
    margin-left: 14px;
    margin-right: 14px;
    width: 50%;
    display: flex;
}

.register__footer {
    border-top: 1px solid #EEEFF6;
    padding-top: 1.3em;
    display: flex;
    width: 100%;
}

.register__full-row {
    width: 1088px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.register {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
}

.register__field_type_date {
    width: 150px;
    flex: unset;
}

.register__field_type_date input {
    background-image: url("/assets/img/icon_calendar.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.chat-preview__photo {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -18px;
}

.chat-message__author-photo {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
}

.chat-preview__unread-counter {
    width: 20px;
    height: 20px;
    color: white;
    background-color: #505ea0;
    text-align: center;
    border-radius: 100%;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    display: none;
    position: absolute;
    right: 22px;
    bottom: 10px;
}

.chat-preview__unread-counter.chat-preview__unread-counter_active {
    display: block;
}

.chat__chat-preview {
    position: relative;
    color: #1D1D1B;
    border-radius: 35px;
    height: 70px;
    width: 437px;
    display: block;
    overflow: hidden;
}

.chat-preview__name {
    font-size: 18px;
    font-weight: bold;
    top: 16px;
    position: absolute;
    left: 70px;
    width: 300px;
}

.chat-preview__last-message {
    font-size: 13px;
    position: absolute;
    top: 37px;
    left: 70px;
    width: 340px;
}

.chat-preview__timestamp {
    font-size: 13px;
    width: 44px;
    position: absolute;
    right: 10px;
    top: 20px;
    text-align: center;
}

.chat__chat-preview.chat__chat-preview_selected {
    background-color: #EEEFF6;
    position: relative;
    top: -2px;
}

.chat__list {
    width: 442px;
    margin-top: 5px;
    height: 489px;
    padding-right: 10px;
    overflow-y: scroll;
}


.chat__search input[type="text"] {
    background-image: url("/assets/img/icon_search.svg");
    background-position: left 14px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    border: 0;
    background-size: 14px;
    background-color: #F2F6F9;
    /* margin: 0 20px; */
    /* width: 100%; */
    display: block;
    box-sizing: border-box;
}

.chat__window {
    background-color: #EEEFF6;
    padding: 5px;
    border-radius: 25px;
    margin-top: 20px;
    height: 490px;
    position: relative;
    box-sizing: border-box;
}

.button_send-message {
    background-image: url(/assets/img/icon_message.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 13px;
    z-index: 10;
    width: 30px;
    height: 30px;
    top: 7px;
    cursor: pointer;
}

.chat__form-message {
    position: relative;
}

.chat-message {
    color: #1D1D1B;
}

.chat-message chat-message__out .chat-message__text {
    color: white;
    background-color: #505FA0;
}

.chat-message__text {
    border-radius: 35px;
    background-color: white;
    box-sizing: border-box;
    padding: 18px 28px;
}

.chat-message__timestamp {
    font-size: 13px;
    text-align: center;
}

.chat__with-whom {
    font-size: 18px;
    font-weight: 500;
}

.chat__region:before {
    content: '';
    display: inline-block;
    background-image: url(/assets/img/icon_city.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 13px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.chat__region {
    font-size: 13px;
}

.chat-message__author {
    width: 40px;
    text-align: center;
    margin-right: 10px;
}

.chat-message {
    display: flex;
    margin-bottom: 1em;
}

.chat-message.chat-message__out .chat-message__text {
    background-color: #505ea0;
    color: white;
}

.chat-message.chat-message__out {
    width: 100%;
    /* text-align: right; */
    justify-content: flex-end;
}

.chat__messages {
    padding: 10px;
    box-sizing: border-box;
    height: 438px;
}

.button_send-message:hover {
    opacity: 0.7;
}

.chat__form-message input {
    border: 0;
    background-color: white;
}

.chat__left {
    width: 437px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.chat__right {
    width: 623px;
    display: inline;
    float: left;
    margin-left: 14px;
    margin-right: 14px;
}

.chat {
    zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1116px;
}

.chat__receipient {
    margin-top: -60px;
    margin-left: 80px;
}

form.chat__search {
    padding: 0 10px;
    margin-bottom: 25px;
}

.chat__chat-preview:after {
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: black;
    content: '';
}

.chat__chat-preview.chat__chat-preview_selected:after {
    display: none;
}

.page:before, .page:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.page {
    margin-bottom: 20px;
}

.page-lk .brand__controls {
    transform: scale(0.7);
    transform-origin: right center;
}

.lk-rate__desc {
    flex: 1;
}

.lk-comment__desc {
    flex: 1;
}

.button_visitka {
    width: 240px;
}

.event-info__type {
    font-size: 18px;
    margin-top: 0.3em;
    margin-bottom: 0.6em;
    font-style: italic;
}