* {
	margin: 0;
	padding: 0;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html {
	height: 100%;
}

body {
    height: 100%;
	font-family: 'Mulish', sans-serif;
	font-style: normal;
    line-height: normal;
    display: none;
}

.wrapper {
	position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.wrapper.intro {
    background: url(../images/intro_map.jpg);
    background-color: #D43F48;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.wrapper.intro .mask {
    background: none;
}

.wrapper.intro .logo-pmef {
    width: 18vw;
    top: 6.2vw;
    right: 5.8vw;
    text-align: center;
}

.wrapper.intro .logo-pmef img {
    width: 4.65vw;
    margin-bottom: 0.6vw;
}

.wrapper.intro .logo-pmef p {
    font-family: Unbounded;
    font-size: 1.82vw;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mask {
    position: absolute;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    /* overflow: hidden; */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mask:after {
    content: '';
    display: block;
    padding-top: 56.273%;
}

.mask.map-bg h1.title {
    font-family: 'Unbounded', sans-serif;
    font-size: 2.34vw;
    font-weight: bold;
    line-height: 2.86vw;
    max-width: 26vw;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.07vw;
    color: #000000;
    position: absolute;
    top: 2.6vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.mask.map-bg h1.title span {
    display: block;
    font-size: 1.35vw;
    line-height: 1.72vw;
    margin-bottom: 0.57vw;
}

.title img {
    display: block;
    width: 2.92vw;
    margin: 0 auto;
    margin-top: 0.61vw;
}

.map-wrapper {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}

.logo-pmef {
    position: absolute;
    width: 4.65vw;
    top: 4.2vw;
    right: 4.2vw;
}

.logo-pmef img {
    width: 100%;
}

.map {
	width: 100%;
    height: 100%;
    position: relative;
}

a.close-btn {
    position: absolute;
    right: 1.04vw;
    top: 1.04vw;
    font-size: 0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.langs {
    position: absolute;
    top: 4.17vw;
    left: 2.5vw;
    z-index: 20;
    font-size: 0.63vw;
    font-weight: 800;
    line-height: 1;
}

.langs a {
    text-decoration: none;
    color: #BDBDBD;
}

.langs a, .langs span {
    width: 2.81vw;
    height: 2.08vw;
    display: block;
    padding: 0.7vw;
    text-align: center;
    border: 1px solid #BDBDBD;
    border-radius: 0.42vw;
    box-sizing: border-box;
    text-transform: uppercase;
}

.lang-item {
    display: inline-block;
    background: #ffffff;
    border-radius: 0.52vw;
    margin-right: 1.04vw;
}

.lang-item.active {
    background: #e20016;
    color: #ffffff;
}

.lang-item.active span {
    border: 1px solid #e20016;
}

.region .hidden {
    display: none;
}

/* Фильтры на карте */

.map-block-filter {
    position: absolute;
    right: 4.15vw;
    bottom: 2.3vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 10;
}

.map-filter-info {
    margin-right: 4vw;
}

.map-filter-info-list {
    display: flex;
    flex-wrap: wrap;
    width: 22.45vw;
    font-size: 0.89vw;
    line-height: 1.3;
    color: #000000;
    margin-right: -1.04vw;
}

.map-filter-info-item {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    align-items: center;
    justify-content: space-between;
    padding: 0.5vw 0;
}

.map-filter-info-item-icon {
    width: 2.29vw;
    font-size: 0;
    margin-right: 0;
    text-align: center;
}

.map-filter-info-item-icon img {
    width: 1.35vw;
}

.map-filter-info-item.moroz .map-filter-info-item-icon img {
    width: 2.29vw;
}

.map-filter-info-item-title {
    width: 7.58vw;
    margin-right: 0.8vw;
    font-size: 0.63vw;
    font-weight: 700;
    line-height: 0.63vw;
}

.map-filter-info-item.moroz .map-filter-info-item-title {
    width: 8.33vw;
    margin-right: 0vw;
}

.map-filter-list {
    margin: -1.04vw 0;
}

.map-filter-item {
    border-radius: 0.42vw;
    overflow: hidden;
    margin: 1.04vw 0;
}

.map-filter-item label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding: 0.63vw 0.94vw;
	cursor: pointer;
}

label.attractions {
	background: #000000;
}

label.adm-centers {
	background: #E30613;
}

.map-filter-item span {
    margin-right: 0.63vw;
	display: inline-block;
}

.map-filter-item p {
	display: inline-block;
    font-size: 0.63vw;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
}

/* END Фильтры на карте */

/* Объекты на карте */

.map-block-filter-icon-list {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	font-size: 0;
	pointer-events: none;
}

img.icon-map {
    transform: scale(1.1);
    width: 0.76vw;
    height: 0.76vw;
}

span.icon-number-counter {
    position: absolute;
    padding: 0.10vw 0.16vw;
    font-size: 0.42vw;
    font-weight: 800;
    text-align: left;
    text-decoration: none;
    color: #6D51E4;
    background: #ffffff;
    z-index: 2;
    border-radius: 1.04vw;
    bottom: -0.51vw;
    right: -0.5vw;
    box-sizing: border-box;
}

/* Районы */

.icon-velikoustyugskij {
    position: absolute;
    width: 14vw;
    height: 14vw;
    right: 6.5vw;
    top: 11vw;
}

.icon-kichmengsko-gorodetskij {
    position: absolute;
    width: 18vw;
    height: 12vw;
    right: 6vw;
    top: 22vw;
}

.icon-nikolskij {
    position: absolute;
    width: 16vw;
    height: 13.3vw;
    right: 11.2vw;
    top: 27.5vw;
}

.icon-nyuksenskij {
    position: absolute;
    width: 10.5vw;
    height: 13.45vw;
    right: 19.7vw;
    top: 14.8vw;
}

.icon-babushkinskij {
    position: absolute;
    width: 14.3vw;
    height: 13.8vw;
    right: 22.4vw;
    top: 26.1vw;
}

.icon-tarnogskij {
    position: absolute;
    width: 13.5vw;
    height: 12.9vw;
    right: 25.2vw;
    top: 13vw;
}

.icon-totemskij {
    position: absolute;
    width: 14.5vw;
    height: 17.6vw;
    right: 30.1vw;
    top: 22.5vw;
}

.icon-verhovazhskij {
    position: absolute;
    width: 11.8vw;
    height: 8.9vw;
    right: 35.8vw;
    top: 15vw;
}

.icon-syamzhenskij {
    position: absolute;
    width: 10.5vw;
    height: 9.6vw;
    right: 42.5vw;
    top: 22.6vw;
}

.icon-gryazoveckij {
    position: absolute;
    width: 18vw;
    height: 9.6vw;
    right: 42.2vw;
    top: 39.5vw;
}

.icon-mezhdurechenskij {
    position: absolute;
    width: 14.4vw;
    height: 9.1vw;
    right: 41.5vw;
    top: 33.1vw;
}

.icon-sokolskij {
    position: absolute;
    width: 15.4vw;
    height: 7.4vw;
    right: 43.7vw;
    top: 31.2vw;
}

.icon-harovskij {
    position: absolute;
    width: 11.6vw;
    height: 9.95vw;
    right: 50vw;
    top: 22.3vw;
}

.icon-vozhegodskij {
    position: absolute;
    width: 18.7vw;
    height: 8.5vw;
    right: 46.6vw;
    top: 16.9vw;
}

.icon-ust-kubinskij {
    position: absolute;
    width: 7.6vw;
    height: 11.9vw;
    right: 57.2vw;
    top: 24.2vw;
}

.icon-vologodskij {
    position: absolute;
    width: 11vw;
    height: 14vw;
    right: 54.9vw;
    top: 30.2vw;
}

.icon-kirillovskij {
    position: absolute;
    width: 8.5vw;
    height: 19.6vw;
    right: 63.3vw;
    top: 16.5vw;
}

.icon-sheksninskij {
    position: absolute;
    width: 7.9vw;
    height: 10.1vw;
    right: 62.3vw;
    top: 33.3vw;
}

.icon-cherepoveckij {
    position: absolute;
    width: 15vw;
    height: 18.1vw;
    right: 64vw;
    top: 31.7vw;
}

.icon-vashkinskij {
    position: absolute;
    width: 10.2vw;
    height: 8.2vw;
    right: 67.7vw;
    top: 18.1vw;
}

.icon-belozerskij {
    position: absolute;
    width: 12.6vw;
    height: 13.5vw;
    right: 70.4vw;
    top: 20.2vw;
}

.icon-kadujskij {
    position: absolute;
    width: 8.9vw;
    height: 10.2vw;
    right: 74.9vw;
    top: 31.5vw;
}

.icon-ustyuzhenskij {
    position: absolute;
    width: 10.1vw;
    height: 10.5vw;
    right: 77.9vw;
    top: 39.3vw;
}

.icon-chagodoshchenskij {
    position: absolute;
    width: 8.4vw;
    height: 7.7vw;
    right: 86.4vw;
    top: 37.9vw;
}

.icon-babaevskij {
    position: absolute;
    width: 11.4vw;
    height: 20.9vw;
    right: 80.5vw;
    top: 21.2vw;
}

.icon-vytegorskij {
    position: absolute;
    width: 23.1vw;
    height: 17vw;
    right: 68.5vw;
    top: 5.4vw;
}

.icon-region-item {
    pointer-events: all;
}

.icon-region-item a {
    display: inline-block;
    font-size: 0.52vw;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: #000000;
}

/* Достопримечательности */

.icon-list-wrap {
    position: absolute;
    display: flex;
    align-items: center;
}

.icon-attractions {
    margin-right: 0.21vw;
}

.icon-attractions img {
    width: 1.35vw;
}

.icon-velikoustyugskij-item.object-1 {
    top: 3.6vw;
    right: 0.08vw;
    max-width: 6.3vw;
}

.icon-velikoustyugskij-item.object-1 .icon-attractions img {
    width: 2.35vw;
}

.icon-velikoustyugskij-item.object-2 {
    top: 5.53vw;
    right: 6.6vw;
    max-width: 4vw;
    text-align: right;
}

.icon-velikoustyugskij-item.object-2 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-velikoustyugskij-item.object-3 {
    top: 6.8vw;
    right: -1.45vw;
    max-width: 7vw;
}

.icon-velikoustyugskij-item.object-4 {
    top: 7.05vw;
    left: 1.2vw;
}

.icon-velikoustyugskij-item.object-5 {
    top: 7.77vw;
    left: 4.7vw;
}

.icon-nikolskij-item.object-1 {
    top: 8vw;
    left: 8.23vw;
    width: 8vw;
}

.icon-nyuksenskij-item.object-1 {
    top: 5vw;
    right: -3.72vw;
    max-width: 6vw;
    z-index: 2;
}

.icon-nyuksenskij-item.object-2 {
    top: 5.78vw;
    left: 2.4vw;
    max-width: 7vw;
}

.icon-babushkinskij-item.object-1 {
    top: 6.37vw;
    right: 2.7vw;
    max-width: 9.95vw;
}

.icon-tarnogskij-item.object-1 {
    top: 8.75vw;
    right: 4.55vw;
}

.icon-tarnogskij-item.object-1 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-totemskij-item.object-1 {
    top: 3.62vw;
    left: 7.52vw;
}

.icon-totemskij-item.object-2 {
    top: 3.11vw;
    right: 6.98vw;
    display: block;
    text-align: right;
}

.icon-totemskij-item.object-2 .icon-attractions {
    display: block;
    margin-right: 0;
    margin-top: 0.22vw;
}

.icon-totemskij-item.object-3 {
    top: 3.95vw;
    right: 8.55vw;
    z-index: 2;
    text-align: right;
    max-width: 5.4vw;
}

.icon-totemskij-item.object-3 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-totemskij-item.object-4 {
    top: 5.15vw;
    right: 8.73vw;
    width: 6.4vw;
    text-align: right;
}

.icon-totemskij-item.object-4 a {
    max-width: 5vw;
}

.icon-totemskij-item.object-4 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-totemskij-item.object-5 {
    top: 6.05vw;
    left: 5.55vw;
}

.icon-totemskij-item.object-6 {
    top: 6.5vw;
    right: 9vw;
    width: 8.1vw;
    text-align: right;
}

.icon-totemskij-item.object-6 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-totemskij-item.object-7 {
    top: 7.82vw;
    right: 4.35vw;
    max-width: 5vw;
}

.icon-totemskij-item.object-8 {
    top: 8.05vw;
    right: 9.35vw;
    width: 5.7vw;
    text-align: right;
}

.icon-totemskij-item.object-8 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-gryazoveckij-item.object-1 {
    top: 4.12vw;
    left: -1.6vw;
    width: 6vw;
    text-align: right;
}

.icon-gryazoveckij-item.object-1 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-gryazoveckij-item.object-2 {
    top: 5.45vw;
    right: 4.8vw;
    max-width: 7vw;
}

.icon-ust-kubinskij-item.object-1 {
    top: 7.32vw;
    right: -3.25vw;
    max-width: 6.4vw;
}

/*.icon-vologodskij-item.object-1 {
    top: 7vw;
    right: -2.25vw;
    max-width: 7.2vw;
}*/

.icon-vologodskij-item.object-1 {
    top: 7vw;
    left: 8.2vw;
    width: 7.2vw;
}

/*.icon-vologodskij-item.object-2 {
    top: 7.75vw;
    left: 0.6vw;
}*/

.icon-vologodskij-item.object-2 {
    top: 7.75vw;
    right: 3.33vw;
}

.icon-vologodskij-item.object-2 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-vologodskij-item.object-3 {
    top: 9.33vw;
    left: 1.25vw;
    max-width: 6.4vw;
    text-align: right;
}

.icon-vologodskij-item.object-3 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-vologodskij-item.object-4 {
    top: 10.7vw;
    right: -2.45vw;
    max-width: 6.2vw;
}

.icon-sheksninskij-item.object-1 {
    top: 3.01vw;
    left: 2vw;
}

.icon-sheksninskij-item.object-2 {
    top: 7.76vw;
    left: 1.3vw;
}

.icon-kirillovskij-item.object-1 {
    top: 8.73vw;
    right: -2.85vw;
    max-width: 7.3vw;
}

.icon-kirillovskij-item.object-2 {
    top: 11.58vw;
    right: -2.7vw;
    max-width: 8.2vw;
}

.icon-kirillovskij-item.object-3 {
    top: 13.5vw;
    left: -3vw;
    max-width: 6vw;
    text-align: right;
}

.icon-kirillovskij-item.object-3 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
    margin-bottom: 0.4vw;
}

.icon-kirillovskij-item.object-4 {
    top: 14.45vw;
    right: -2.2vw;
    max-width: 7.8vw;
}

.icon-cherepoveckij-item.object-1 {
    top: 6.9vw;
    left: 4.58vw;
    max-width: 6.4vw;
    letter-spacing: -0.03vw;
}

.icon-cherepoveckij-item.object-2 {
    flex-wrap: wrap;
    max-width: 7vw;
    top: 7.1vw;
    left: -2.45vw;
    justify-content: end;
    text-align: right;
    pointer-events: none;
}

.icon-cherepoveckij-item.object-2 a {
    width: 5.7vw;
    pointer-events: all;
}

.icon-cherepoveckij-item.object-2 a.icon-attractions {
    width: 1.35vw;
    margin-right: 0;
    margin-bottom: 0.1vw;
}

.icon-cherepoveckij-item.object-3 {
    top: 9.37vw;
    right: 4.94vw;
    max-width: 4.2vw;
}

.icon-cherepoveckij-item.object-4 {
    top: 10.9vw;
    right: 3.65vw;
    max-width: 5.4vw;
}

.icon-cherepoveckij-item.object-5 {
    top: 10.9vw;
    right: -38.3px;
    max-width: 5.7vw;
}

.icon-cherepoveckij-item.object-6 {
    bottom: 3.52vw;
    left: 3.3vw;
}

.icon-vashkinskij-item.object-1 {
    top: 4.94vw;
    left: 6.7vw;
    width: 8.1vw;
}

.icon-belozerskij-item.object-1 {
    top: 8.26vw;
    right: 1.76vw;
    text-align: right;
    max-width: 7.4vw;
}

.icon-belozerskij-item.object-1 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-kadujskij-item.object-1 {
    position: absolute;
    top: 5.76vw;
    left: -0.46vw;
    max-width: 7vw;
    text-align: right;
}

.icon-kadujskij-item.object-1 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-ustyuzhenskij-item.object-1 {
    position: absolute;
    top: 4.23vw;
    left: 5.75vw;
    width: 7.75vw;
}

.icon-ustyuzhenskij-item.object-2 {
    top: 6vw;
    left: -1.27vw;
    max-width: 6.6vw;
    text-align: right;
}

.icon-ustyuzhenskij-item.object-2 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
    margin-bottom: 0.4vw;
}

.icon-ustyuzhenskij-item.object-3 {
    top: 6vw;
    right: -1.95vw;
    max-width: 6.3vw;
}

.icon-ustyuzhenskij-item.object-3 .icon-attractions {
    margin-bottom: 0.4vw;
}

.icon-babaevskij-item.object-1 {
    position: absolute;
    top: 13.9vw;
    right: 4.7vw;
    text-align: right;
}

.icon-babaevskij-item.object-1 .icon-attractions {
    margin-left: 0.2vw;
    margin-right: 0;
}

.icon-babaevskij-item.object-2 {
    top: 7.85vw;
    left: 5.95vw;
    width: 7.12vw;
}

.icon-vytegorskij-item.object-1 {
    top: 3.9vw;
    left: 8.67vw;
}

.icon-vytegorskij-item.object-2 {
    top: 6.25vw;
    left: 8.68vw;
}

.icon-vytegorskij-item.object-3 {
    top: 10.69vw;
    left: 2.89vw;
}

/* END объекты на карте */

.map-boarder, .map-water, .map-region, .map-region-title, .map-city-title {
    position: absolute;
    width: 100%;
    height: 100%;
}

.map-boarder, .map-water, .map-region-title, .map-city-title {
	pointer-events: none;
}

.map-city-title {
	z-index: 4;
}

.map-region-title {
    z-index: 3;
}

.map-water {
    z-index: 2;
}

.map-boarder {
    z-index: 1;
}

.region-name {
    /* fill: #7B9A49; */
    fill: #000000;
    font-size: 12px;
    font-weight: 400;
    pointer-events: none;
    opacity: 0.4;
    text-transform: uppercase;
}

.city-name {
	fill: #ffffff;
    font-size: 13px;
    font-weight: 800;
    pointer-events: none;
}

.map svg {
	width: 100%;
	height: auto;
}

.map svg path.region:hover,
.map svg path.region:active,
.map svg path.region:focus {
    fill: #D3B37D;
}

/* Checkbox в виде слайдера */

.CheckboxSlide {
    display: none;
}
.CheckboxSlide + span {
    display: inline-block;
    width: 1.56vw;
    height: 0.83vw;
    background-color: #ccc;
    border-radius: 17px;
    position: relative;
    cursor: pointer;
}
.CheckboxSlide + span:after {
    content: '';
    position: absolute;
    top: 0.05vw;
    left: 0.05vw;
    width: 0.73vw;
    height: 0.73vw;
    border-radius: 50%;
    background-color: #fff;
    transition: transform 0.3s;
}
.CheckboxSlide:checked + span {
    background-color: #33c53e;
}
.CheckboxSlide:checked + span:after {
    transform: translateX(0.78vw);
}

/* END Checkbox в виде слайдера */

/* Модальное окно со списком объектов */

.modal {
    position: absolute;
    z-index: 50;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    pointer-events: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal:after {
    content: '';
    display: block;
    padding-top: 56.273%;
}

.modal:target {
    opacity: 1;
}

.modal:target .modal-dialog {
    pointer-events: auto;
}

.modal-dialog {
    position: absolute;
    max-width: 48.54vw;
    top: 2.08vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.modal-content {
    position: relative;
    background: #ffffff;
    border-radius: 1.04vw;
    padding: 1.56vw 4.17vw 1.56vw 1.56vw;
    outline: 0;
}

.modal-content-list {
    display: flex;
    flex-wrap: wrap;
    margin: -0.52vw;
}

.modal-content-item {
    margin: 0.52vw;
    width: calc(50% - 1.04vw);
}

.modal-content-item a {
    display: flex;
    align-items: center;
    padding: 0.52vw 1.56vw;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0px 0.21vw 0.63vw 0px #0000001F;
    border-radius: 0.52vw;
    color: #1C4255;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.89vw;
    font-weight: 800;
    line-height: 1.3;
}

.modal-content-item a img {
    width: 1.98vw;
    margin-right: 1.04vw;
}

.close {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in; 
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.close-btn:focus, .close-btn:hover,
.close:focus, .close:hover {
    cursor: pointer;
    transform: rotate(90deg);
}

/* END Модальное окно со списком объектов */

/* Страница региона */

.region-info-block {
    position: absolute;
    top: 2.08vw;
    right: 2.08vw;
    width: 34.38vw;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    overflow: hidden;
    z-index: 20;
    height: calc(100% - 4.16vw);
    padding: 2.08vw;
    box-sizing: border-box;
    border-radius: 1.04vw;
}

.region-info-block-wrapper {
    width: 100%;
}

.region-info-block-title {
    margin-bottom: 1.30vw;
}

.region-info-block-title h1 {
    font-size: 1.35vw;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    color: #1C4255;
}

.region-info-block-title h1 span {
    display: block;
    font-weight: 400;
}

.region-info-scroll-wrapper {
    display: block;
    width: 100%;
    height: 47vw;
    max-height: calc(100% - 8vw);
    overflow-y: auto;
    padding-right: 1.13vw;
}

.region-info-scroll-wrapper::-webkit-scrollbar-track {
    background: #eeeeee;
    margin: 0;
}

.swiper {
    width: 100%;
    height: 17.19vw;
    margin-bottom: 1.30vw;
}

.swiper-slide {
    border-radius: 0.36vw;
    overflow: hidden;
    background: #ffffff;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    transition: opacity 0.5s ease-out;
}

.swiper-slide.swiper-slide-active img {
    opacity: 1;
}

.region-info-block-content h2 {
    font-size: 0.88vw;
    line-height: 1;
    margin-bottom: 0.3vw;
    color: #e20016;
}

.region-info-block-content h3 {
    font-size: 0.85vw;
    line-height: 1;
    margin-bottom: 0.3vw;
    color: #e20016;
}

.region-info-block-content p {
    font-size: 0.82vw;
    line-height: 1.4;
    margin-bottom: 0.3vw;
}

.region-info-block-content br {
    margin-bottom: 0.5vw;
}

.region-info-block-content p:last-child {
    margin-bottom: 0vw;
}

.accordion {
    margin-bottom: 0.5vw;
}

.accordion a {
    position: relative;
    width: 100%;
    padding: 0.5vw 1.5vw 0.5vw 0.5vw;
    display: block;
    box-sizing: border-box;
    background: #d3b37d;
    color: #000000;
    text-decoration: none;
    border-radius: 0.5vw;
    margin-bottom: 0.5vw;
    font-size: 0.80vw;
    font-weight: bold;
}

.accordion a:after {
    content: '';
    position: absolute;
    width: 1vw;
    right: 0.5vw;
    height: 1px;
    background: #000000;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.accordion a:before {
    content: '';
    position: absolute;
    width: 1px;
    right: 1vw;
    height: 1vw;
    background: #000000;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.accordion a.active:before {
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    -o-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}

.accordion .inner span {
    display: inline-block;
    font-size: 0;
}

.accordion .inner span img {
    height: 0.6vw;
    vertical-align: sub;
}

.region .map-filter-info {
    margin-right: 0;
    margin-bottom: 1.56vw;
}

.region .map-filter-info-list {
    color: #1c4255;
}

.region .map-filter-info-item {
    border-bottom: 1px solid #1C4255;
}

.region .map-filter-info-item-title {
    margin-right: 0;
}

.region .map-filter-info-item-info {
    max-width: 10vw;
    text-align: right;
}

.region .map-block-filter {
    position: relative;
    right: auto;
    bottom: auto;
}

.region .map-filter-item {
    border-radius: 0;
}

.region .map-filter-item label {
    border-radius: 0.42vw;
}

.map-filter-item-dop-info {
    margin-top: 0.52vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 2.29vw;
    font-size: 0.73vw;
    font-weight: 400;
    line-height: 1;
}

.map-filter-item-dop-info img {
    width: 1.25vw;
    margin-right: 0.52vw;
}

.region-info-block-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.region .logo-pmef {
    position: relative;
    width: 8.28vw;
    top: auto;
    right: 1.04vw;
}

.region .map {
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(3);
}

.region .map svg .select path.region {
    fill: #D3B37D;
}

.region .map .select {
    pointer-events: none;
}

.region.vologodskij .map {
    left: 12vw;
    bottom: 26vw;
}

.region.velikoustyugskij .map {
    left: -124vw;
    bottom: -31vw;
}

.region.kichmengsko-gorodetskij .map {
    left: -122vw;
    bottom: -2vw;
}

.region.nikolskij .map {
    left: -109vw;
    bottom: 18vw;
}

.region.nyuksenskij .map {
    left: -94vw;
    bottom: -20vw;
}

.region.babushkinskij .map {
    left: -76vw;
    bottom: 14vw;
}

.region.tarnogskij .map {
    left: -68vw;
    bottom: -26vw;
}

.region.totemskij .map {
    left: -49vw;
    bottom: 9vw;
}

.region.verhovazhskij .map {
    left: -42vw;
    bottom: -26vw;
}

.region.syamzhenskij .map {
    left: -22vw;
    bottom: -2vw;
}

.region.gryazoveckij .map {
    left: -11vw;
    bottom: 49vw;
}

.region.mezhdurechenskij .map {
    left: -19vw;
    bottom: 30vw;
}

.region.sokolskij .map {
    left: -12vw;
    bottom: 19vw;
}

.region.harovskij .map {
    left: 3vw;
    bottom: -2vw;
}

.region.vozhegodskij .map {
    left: 0;
    bottom: -20vw;
}

.region.ust-kubinskij .map {
    left: 14vw;
    bottom: 5vw;
}

.region.kirillovskij .map {
    left: 36vw;
    bottom: -5vw;
}

.region.sheksninskij .map {
    left: 35vw;
    bottom: 32vw;
}

.region.cherepoveckij .map {
    left: 44vw;
    bottom: 38vw;
}

.region.vashkinskij .map {
    left: 48vw;
    bottom: -18vw;
}

.region.belozerskij .map {
    left: 62vw;
    bottom: -2vw;
}

.region.kadujskij .map {
    left: 71vw;
    bottom: 25vw;
}

.region.ustyuzhenskij .map {
    left: 78vw;
    bottom: 49vw;
}

.region.chagodoshchenskij .map {
    left: 102vw;
    bottom: 42vw;
}

.region.babaevskij .map {
    left: 77vw;
    bottom: 9.3vw;
    transform: scale(2.6);
}

.region.vytegorskij .map {
    left: 74vw;
    bottom: -42.5vw;
}

/* END Страница региона */

/* Страница объекта */

.object-title {
    margin-right: 4vw;
    margin-bottom: 1.7vw;
}

.object-title h1 {
    font-family: Unbounded;
    font-size: 1.6vw;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase;
}

.fancybox__content p {
    font-size: 0.9vw;
    line-height: 1.5;
    margin-bottom: 0.6vw;
}

.fancybox__content p:last-child {
    margin-bottom: 0vw;
}

.object-content {
    display: flex;
    flex-wrap: nowrap;
}

.object-content-block {
    margin-right: 1.04vw;
}

.fancybox__content img {
    max-width: 32vw;
    height: fit-content;
    border-radius: 0.36vw;
}

/* END Страница объекта */

/* Ссылка назад на карту */

.back-map-link {
    position: absolute;
    display: inline-block;
    left: 3.91vw;
    bottom: 3.91vw;
}

.back-map-link a {
    display: block;
    font-size: 0.94vw;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background: #000000;
    padding: 0.94vw 1.41vw;
    border-radius: 0.63vw;
    box-sizing: border-box;
}

/* END Ссылка назад на карту */

/* Модальное Fancybox */

.fancybox__container {
    --fancybox-bg: rgba(0, 0, 0, 0.8)!important;
}

.fancybox__content {
    width: 100%!important;
    max-width: 77.66vw!important;
    color: #1C4255!important;
    padding: 2.08vw 3.13vw 2.6vw!important;
    border-radius: 1.04vw!important;
    box-sizing: border-box;
    margin: 2.08vw!important;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 0!important;
}

.fancybox__content button.f-button.is-close-btn {
    top: 2.3vw;
    right: 3.13vw;
    color: #1C4255;
    outline: none;
    border: 0;
    box-shadow: none;
    opacity: 1;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.fancybox__content button.f-button.is-close-btn:hover {
    transform: rotate(90deg);
}

/* END Модальное Fancybox */

/* Стилизация скролла */

::-webkit-scrollbar {
  width: 1.04vw;               /* ширина scrollbar */
}
::-webkit-scrollbar-track {
  background: #ffffff; /* цвет дорожки */
  border-radius: 1.04vw;
  margin: 2.08vw;
}
::-webkit-scrollbar-thumb {
  background-color: #D3B37D;    /* цвет плашки */
  border-radius: 1.04vw;       /* закругления плашки */
}

/* END Стилизация скролла */