/* Заготовка для меню */
/*
* Вендорные префиксы
*
* Имеется возможность задать явный браузер в постфиксе,
* поддерживаются следующие варианты:
* _no - без префикса
* _wk - префикс webkit
* _ms - префикс ms
* _moz - префикс moz
*/
/* transition */
/* transition для трансформаций */
/* user-select */
/* transform-origin*/
/* animation-duration*/
/* animation-fill-mode*/
/* animation-name*/
/* Трансформации */
/*
* Несколько трансформаций в одной
* Необходимо явно указыть параметр
*/
/*
* Cдвиг блока на двумерной плоскости
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Деформация блока на двумерной плоскости
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Поворот блока на двумерной плоскости
* По умолчанию отностиельно центра
* При задании _origin(transform-origin) можно указать конкретную точку
*/
/*
* Масштабирование блока
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Иконки на базе css
* Все имеют префиксы _i
* Имя состоит из название[_ориентация]
*/
/* Стрелки */
/* Минималистичный reset */
/* Сброс характеристик для input-полей */
/* Сброс характеристик для input-полей в iOS */
/* Сброс оформления colorbpx */
/* Интерактивность по флагу*/
/* Абсолютное позиционирование */
/* Пропадение текста в ограниченом по высоте блоке*/
.city-info-item {
  line-height: 24px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.city-info-item .item__city {
  color: #ff5d31;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAABrUlEQVQoU4VSMUsjQRh9LyaCEivF6ho5BMGsi7oTPAQhEPEXBFSstLC2UxBOEAsRrLSz8a7wfoGNQmITjuyuyO7mOEFsBEG46vDC6el+sutuTIKeU8zAm+99782bj4hWsVhMptPdCyCnCfQLhBBekPgG3O0ZhvEvKGWwWdZ5j/D+AIJ83KDlLD4+YGZsTLth2Lmr5xDA5BvFMVzq7EhMsWK7cxR8bSj2ARwLAk+hYlt8J5R5mrZ71GDlEcJ5pTJfnq06swLuA0iGJOKEpuVeAfgQdfGUoWmN1kzLOQU4/IzJNSuWe0OgNyo6V4Y20ELwAA5G2K9AwQFQ70rIyuXlz61CoSC27S0JsBWnSeAHTdvZhnCpJSGHgAigN+HkDi3L/SjAGYD0O7HWIP5I+HGm7X6GYO2/BGJDjWqrIaFcLnek2ru+Axh6jRR4T6X8rK7rf0JCqGJ646CU6pm/MB/El3w2O3RSn6X4rmI56wRXm1W4qYzMcozVFQKgWq2212p+CcSn6GfN29/piVyu7++rhGgcBgS0wxkS31BK9xoVmxRe3uMsIpFIqtHMbmsIT1UNl/zjd47FAAAAAElFTkSuQmCC) no-repeat left 5px;
  font-size: 24px;
  font-weight: 400;
  padding-left: 25px;
}
@media screen and (max-width: 970px) {
  .city-info-item .item__city {
    cursor: text;
    text-decoration: none;
  }
}
.city-info-item .item__title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin: 5px 0;
  padding-left: 25px;
}
.city-info-item .item__address {
  padding-left: 25px;
  color: #4b5055;
  font-size: 14px;
  font-weight: 300;
}
.city-info-item .item__phone,
.city-info-item .item__fax {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACQUlEQVQ4T32STWgTURSFz52kta2/CKKIGxfRYifRdN5kpzj4U0ERaSXSblRw4w9VRCsopVB0EaRICGShCF0q6qqoUFyHMPMSTCaiEoiCIKIuBLNo2mSuTJmJ0aZ5u/fOPd+7971D6LBMaacJOAfQFwK/cRyajcVUq9VC/iaf/7B9cLD/a6to5uwzxDQCOHsAGvC0VPX3ugnD2Lng7pcBVs6+CcZtAE90Eb7YrinLKuyGotwDYwTAq00be4ZDoVCNpLTHGUg2TUwPq9Uflw3DqFuy+AygQ+4dBMwIEZ43ZWmawJMgfqBrketkSfsbgK3/zkWTQqh3PfhxAPsB9DJ4KiYi06a05wg44Si0ry0AhAldC9/3odlsYUcgqDwGcJQV5zAvoaIElAoBaRcwD+CIV9wAKCm0gRtExK1d5fP5LQ2nq8ygYkyoByxpFwD0kZSlswye9Yo/6iLcv9rPWlbxNYiOCU0NyJz9FKDTJKXsA9a8ZSAEoA6mUV1Xn7eDmLJ0icCnhKYO5XL2KIOGlr/RzNnDxHjhmX6CHUPX95Y6hczXmkEypf2IgAue8AnsnGyFWJZ9h4jrQkQSbZOYyWR6u7rXvwRguAUMfAdhXOHaHFNPAsxXvOQlhQhfW9GBe5DJvNvc1e24oxxsKSh77/M3a8DM58r7W/F4vNEcwVcLhcLaxUUlBcL5Dm9QCwbq26LR6K8VAN8kZXGMoUwBvOt/EAFXNU1NuVlZFeCastnyhmBwYYyBOAA3H0sMSsSEmvahfwBMHNtkr/uu2gAAAABJRU5ErkJggg==) left 7px no-repeat;
  margin: 5px 0;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 300;
}
.city-info-item .item__phone a,
.city-info-item .item__fax a {
  font-size: 14px;
  font-weight: 300;
  color: #8c8e91;
  text-decoration: none;
}
.city-info-item .item__fax + .item__phone {
  background: none;
}
.city-info-item .item__fax + .item__phone a {
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}
.city-info-item .item__email {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAA8klEQVQoU42RvUoDURCFz7EQ8Vly0+SOL5FOiVrEF5AIBpRYWFooERQMvoAW/qCdL5G52+RmXyWkysiukciym3XaOd+ZMzMcJ7FLwwiAAVigvjYA0Ige0zTdnM3tGGZ39dxSQfa3t/hIDfFLvGurTnogH2oNzE5EmqOMy2CD4VPE7WkyPV2bgOxLq3GvGj9A7P7AefFdfGN/HOIZgWExgQHnO97dapi+AdbJiRVcbVAGlsD5zV9F3GEIk4GB14RdeN+8UY0vIA7+JipMXrYMzyLuSJN4JS13qRqfQHSLq5TDmerXoAIsj137q5WgevI/TL4BpRt8vvUaxAkAAAAASUVORK5CYII=) left 7px no-repeat;
  padding-left: 25px;
}
.city-info-item .item__email a {
  font-size: 14px;
  font-weight: 300;
  color: #ff5d31;
}
.city-info-item .item__email a:hover {
  text-decoration: none;
}
.city-info-item .item__link {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAf0lEQVQoU2M8febyPgYGBkcG0sEBxtNnLv8nXR9Ex6hmEkOOkUT1KMopDu2dDAwMbmS4YDdOZ58+fcmFgZFxJcP//+Gmpnp7sBmOoRmsCQJYGRgZNzP8/+/LwMDwGySAbgiK5hMnbvMxs/y4wsDAIA01AJR0YWp+mZrociK7AACXWTY61VloqgAAAABJRU5ErkJggg==) left 7px no-repeat;
  margin: 5px 0;
  padding-left: 25px;
}
.city-info-item .item__link a {
  font-size: 14px;
  font-weight: 300;
  color: #ff5d31;
}
.city-info-item .item__link a:hover {
  text-decoration: none;
}
.representations-groups--map-list {
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2;
}
.representations-groups--map-list .representations-group-name {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 5px;
}
.representations-groups--map-list .representations-group {
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 10px;
}
.representations-groups--map-list .representations__city {
  cursor: pointer;
  text-decoration: underline;
}
.representations-groups--map-list .representations__city:hover {
  text-decoration: none;
}
.main .representations-map-list {
  left: calc((100% - 1214px)/2);
  position: absolute;
  top: 25px;
}
@media screen and (max-width: 1278px) {
  .main .representations-map-list {
    left: calc((100% - 905px)/2);
  }
}
.representations-map {
  position: relative;
  height: 580px;
  margin-bottom: 50px;
}
@media screen and (max-width: 970px) {
  .representations-map {
    display: none;
  }
}
.representations-map-list {
  left: 0;
  position: absolute;
  top: 25px;
  background-color: rgba(255, 110, 61, 0.9);
  color: #ffffff;
  height: 510px;
  padding: 15px 20px;
  width: 250px;
  z-index: 1;
}
@media screen and (max-width: 1278px) {
  .representations-map-list {
    left: 0;
  }
}
.representations-map-list h2,
.representations-map-list h3 {
  color: #ffffff;
}
.site-container .representations-map-title {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 31px;
}
.site-container .representations-map-title a {
  color: #fff;
  border-bottom: 2px solid #ffffff;
  text-decoration: none;
}
.site-container .representations-map-title a:hover {
  border-bottom-color: rgba(255, 255, 255, 0);
}
.representations-map #representations-map {
  height: 100%;
}
.representations-map #representations-map .representations-groups--teaser {
  display: block;
  margin-right: 0;
}
.representations-map .representations-groups--teaser .representations__city {
  cursor: default;
}
.representations-groups--teaser .item__city {
  display: none;
}