@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap');

@font-face {
    font-family: OpenWeatherIcons;
    src: url("../fonts/OpenWeatherIcons.eot");
    src: url("../fonts/OpenWeatherIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenWeatherIcons.woff2") format("woff2"), url("../fonts/OpenWeatherIcons.woff") format("woff"), url("../fonts/OpenWeatherIcons.ttf") format("truetype"), url("../fonts/OpenWeatherIcons.svg#OpenWeatherIcons") format("svg");
    font-style: normal;
    font-weight: 400;
}

html, body, ul, ol, h1, h2, h3, h4, h5, h6, p {
  color: #48525c;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
/*
html, body {
  min-width: 1152px;
}
*/
body, input, textarea, select {
  font-family: 'Lato', sans-serif;
}

p {
  margin-bottom: 1em
}

a {
  text-decoration: none;
}

p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.ind {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.arrow {
  padding-right: 35px;
  position: relative;
}

.arrow:after {
  border-width: 2px 2px 0 0;
  border-style: solid;
  content: '';
  height: 7px;
  position: absolute;
  right: 0;
  width: 7px;
}

.arrow-down:after {
  transform: rotate(135deg);
  transform-origin: left;
}

.arrow-top:after {
  transform: rotate(-45deg);
}

.arrow-right:after {
  transform: rotate(45deg);
}

.border-white {
  border-color: #fff;
}

.border-red {
  border-color: #901f19;
}

.wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
}

.site-header {
  height: 704px;
  margin-bottom: 58px;
  position: relative;
  z-index: 740;
}

.inner-page .site-header {
  background: #c3681f url(../images/header-inside.jpg) center top no-repeat;
  height: 195px;
}

.inner-page .site-header > .wrap {
  height: 128px;
}

.site-logo {
  overflow: visible;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
}

.site-logo:before {
  background-color: #901f19;
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 5000px;
}

.site-logo a {
  background: url(../images/dobrichka-bg-logo.png) 10px 21px no-repeat;
  color: #fff;
  display: block;
  font-size: 26px;
  font-weight: normal;
  height: 87px;
  line-height: 32px;
  padding: 21px 24px 20px 87px;
  position: relative;
  width: 145px;
}

.inner-page .site-logo a {
  padding-right: 56px;
}

.ver-en .site-logo a {
  width: 180px;
}

.inner-page .site-logo a:after {
  background-color: #ac2b25;
  bottom: 0;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  width: 256px;
}

.ver-en.inner-page .site-logo a:after {
  width: 296px;
}

.site-logo a span {
  display: block;
  font-size: 15px;
  line-height: 26px;
}

.carousel {
  background: center / cover no-repeat;
  height: 637px;
  position: relative;
  width: 100%;
}

.proekt-obyad {
  background-color: #901F19EB;
  border-radius: 16px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: Roboto;
  font-weight: 700;
  left: 50%;
  padding: 54px 42px 35px 63px;
  position: absolute;
  top: 161px;
  transform: translateX(-100px);
  transition: .3s ease-in-out;
  width: 436px;
}

.proekt-obyad:hover {
  background-color: #901F19;
}

.proekt-obyad strong {
  border-left: 2px solid #FFB235;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 33px;
  margin-left: 3px;
  padding-left: 24px;
}

.proekt-obyad img {
  margin-bottom: 22px;
  width: 336px;
}

.referendum-circle {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  width: 357px;
  height: 357px;
  border-radius: 50%;
  background: #901F19E5;
  box-shadow: 8.71px 12.19px 11.32px 0px #00000057;
  top: 152px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 56px;
  font-family: Roboto;
  transition: all .3s ease-in-out;
}

.referendum-circle:hover {
  background: #901F19;
  box-shadow: 8.71px 12.19px 11.32px 0px #0000008a;
}

.referendum-circle strong {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA2MSA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzcxNTUgNDIuNzI5MUMtMS4xNTY4NSAzNC41Njc3IC0wLjE1ODU5NSAyNS42MjI1IDQuMTEwNTggMTguMTg3M0M2LjE5MzM1IDE0LjU1OTggOC45MjQ4MSAxMS40NTYxIDEyLjIyOTYgOC45NjIyM0MxNS42NzIzIDYuMzY0MzEgMTkuNTY4MyA0LjU2MjM5IDIzLjgwOTQgMy42MDY3NEMyNC40NjA4IDMuNDU5NDIgMjUuMTA5IDMuODcyODggMjUuMjU1MSA0LjUyOTk0QzI1LjQwMTEgNS4xODY4NSAyNC45OTA2IDUuODM4NDIgMjQuMzM4MSA1Ljk4NTQzQzE2LjYxNjEgNy43MjU1IDEwLjE3NjggMTIuNDkyMiA2LjIwNjUxIDE5LjQwNzJDMi4yNzUyMyAyNi4yNTQzIDEuMzU1MjEgMzQuNDkwMyAzLjY4MjY1IDQyLjAwMzNDMy44ODE3OSA0Mi42NDU5IDMuNTI1NzMgNDMuMzI5MiAyLjg4NzQ3IDQzLjUyOTZDMi43Njc0NyA0My41Njc0IDIuNjQ1OTYgNDMuNTg1MiAyLjUyNjcyIDQzLjU4NTJDMi4wMTEwMiA0My41ODUyIDEuNTMzMTYgNDMuMjUwNyAxLjM3MTU1IDQyLjcyOTFaTTM2LjY2MjMgNS45ODU3NEM0NC4zODM3IDcuNzI1ODEgNTAuODIyNiAxMi40OTE0IDU0Ljc5MjUgMTkuNDA0OUM1OC43MjQyIDI2LjI1MTcgNTkuNjQ0NiAzNC40ODg2IDU3LjMxNzQgNDIuMDAzNUM1Ny4xMTg2IDQyLjY0NiA1Ny40NzQ1IDQzLjMyOTMgNTguMTEyOSA0My41Mjk4QzU4LjIzMjkgNDMuNTY3NCA1OC4zNTQzIDQzLjU4NTIgNTguNDczNiA0My41ODUyQzU4Ljk4OTIgNDMuNTg1MiA1OS40NjcyIDQzLjI1MDggNTkuNjI5IDQyLjcyODlDNjIuMTU2OSAzNC41NjU5IDYxLjE1ODEgMjUuNjE5OCA1Ni44ODg3IDE4LjE4NUM1NC44MDYxIDE0LjU1ODMgNTIuMDc0OCAxMS40NTUyIDQ4Ljc3MDQgOC45NjE5M0M0NS4zMjgxIDYuMzY0NDYgNDEuNDMyMyA0LjU2MyAzNy4xOTEzIDMuNjA3MzVDMzYuNTQwMyAzLjQ1OTg4IDM1Ljg5MTYgMy44NzM0OSAzNS43NDU2IDQuNTMwNTVDMzUuNTk5NCA1LjE4NzE1IDM2LjAxIDUuODM4NzMgMzYuNjYyMyA1Ljk4NTc0Wk01MS4xNDgzIDUyLjc0MTdDNDcuNDY4MyA1Ni43NTgxIDQyLjc2MzQgNTkuNTk4NiAzNy41NDIyIDYwLjk1NjFDMzYuODk0OSA2MS4xMjQ0IDM2LjUwNTUgNjEuNzg5MyAzNi42NzI3IDYyLjQ0MDhDMzYuODEzOCA2Mi45OTAzIDM3LjMwNTMgNjMuMzU1MiAzNy44NDM5IDYzLjM1NTJDMzcuOTQ0MSA2My4zNTUyIDM4LjA0NjEgNjMuMzQyNiAzOC4xNDc1IDYzLjMxNjJDNDMuODIwNSA2MS44NDExIDQ4LjkzMTYgNTguNzU1OSA1Mi45Mjc4IDU0LjM5NDNDNTMuMzgxMSA1My44OTk3IDUzLjM1MDMgNTMuMTI4NSA1Mi44NTg4IDUyLjY3MjJDNTIuMzY3MSA1Mi4yMTU4IDUxLjYwMTIgNTIuMjQ2NiA1MS4xNDgzIDUyLjc0MTdaTTIzLjE1NjMgNjMuMzU1MkMyMy42OTUgNjMuMzU1MiAyNC4xODY2IDYyLjk5MDMgMjQuMzI3NSA2Mi40NDA4QzI0LjQ5NDUgNjEuNzg5MyAyNC4xMDUzIDYxLjEyNDQgMjMuNDU4IDYwLjk1NjFDMTguMjM2NyA1OS41OTg2IDEzLjUzMTkgNTYuNzU3OSA5Ljg1MjI1IDUyLjc0MTdDOS4zOTg5IDUyLjI0NjkgOC42MzI3NyA1Mi4yMTYgOC4xNDE1OSA1Mi42NzIxQzcuNjUwMSA1My4xMjg1IDcuNjE5MjMgNTMuODk5NyA4LjA3MjQzIDU0LjM5NDNDMTIuMDY4NiA1OC43NTYxIDE3LjE3OTYgNjEuODQxMiAyMi44NTI3IDYzLjMxNjJDMjIuOTU0NCA2My4zNDI2IDIzLjA1NTkgNjMuMzU1MiAyMy4xNTYzIDYzLjM1NTJaTTIyLjYwNDcgMTkuMTg5MUMyMy4xODk2IDE4Ljg2MjkgMjMuNDAxMyAxOC4xMjEzIDIzLjA3NzQgMTcuNTMyNUMyMi43NTMzIDE2Ljk0MzQgMjIuMDE2MiAxNi43MzA3IDIxLjQzMiAxNy4wNTY2QzE1LjMzODMgMjAuNDUzNyAxMS42MzE4IDI2LjkxODggMTEuNzU4NCAzMy45MjkyQzExLjc3MDUgMzQuNTk0NyAxMi4zMTAxIDM1LjEyNTcgMTIuOTY4NCAzNS4xMjU3QzEyLjk3NTggMzUuMTI1NyAxMi45ODM1IDM1LjEyNTcgMTIuOTkwOCAzNS4xMjU2QzEzLjY1OTMgMzUuMTEzMyAxNC4xOTEzIDM0LjU1NzcgMTQuMTc5MiAzMy44ODQ4QzE0LjA2ODkgMjcuNzc5IDE3LjI5NzMgMjIuMTQ3OSAyMi42MDQ3IDE5LjE4OTFaTTQ4LjAwOTYgMzUuMTI1NkM0OC4wMTcyIDM1LjEyNTcgNDguMDI0NiAzNS4xMjU3IDQ4LjAzMiAzNS4xMjU3QzQ4LjY5MDQgMzUuMTI1NyA0OS4yMjk4IDM0LjU5NDcgNDkuMjQxOSAzMy45MjkyQzQ5LjM2ODYgMjYuOTE4NSA0NS42NjIgMjAuNDUzNCAzOS41Njg0IDE3LjA1NjFDMzguOTgzOCAxNi43MzAxIDM4LjI0NzEgMTYuOTQyOSAzNy45MjI5IDE3LjUzMkMzNy41OTkxIDE4LjEyMDggMzcuODEwOCAxOC44NjI0IDM4LjM5NTcgMTkuMTg4NkM0My43MDMgMjIuMTQ3NCA0Ni45MzE0IDI3Ljc3ODggNDYuODIxMSAzMy44ODQ5QzQ2LjgwOSAzNC41NTc4IDQ3LjM0MTEgMzUuMTEzMyA0OC4wMDk2IDM1LjEyNTZaTTU5LjM4MzEgNTAuMzY1M0M1OC45NDMyIDUxLjEzMjQgNTguMTQ0OCA1MS41NzQzIDU3LjMwOTIgNTEuNTc0M0M1Ny4wMjk4IDUxLjU3NDMgNTYuNzQ2MyA1MS41MjUxIDU2LjQ3MDUgNTEuNDIyQzU2LjQ3MDUgNTEuNDIxOCA1Ni40NzA1IDUxLjQyMTggNTYuNDcwNSA1MS40MjE4TDQyLjI3MzEgNDYuMTEzMkM0MS4yMzI5IDQ1LjcyNDMgNDAuNDUzIDQ0LjkzMTQgNDAuMDc2OCA0My44ODA1QzM5LjcwMDYgNDIuODI5NiAzOS43OTkxIDQxLjcxOCA0MC4zNTQgNDAuNzUwNEw0MC4zNzA3IDQwLjcyMTNMMzUuODQ5MyAzOC4wOTMzQzM1LjIxMDEgMzguODU5MiAzNC40MTI4IDM5LjQ4NjkgMzMuNTA3MyAzOS45MjM1TDM0Ljc4MDggNzUuNTYyNUg0Mi4zMDMyQzQyLjk3MTcgNzUuNTYyNSA0My41MTM3IDc2LjEwODIgNDMuNTEzNyA3Ni43ODEyQzQzLjUxMzcgNzcuNDU0MyA0Mi45NzE3IDc4IDQyLjMwMzIgNzhIMTguNjk3M0MxOC4wMjg4IDc4IDE3LjQ4NjggNzcuNDU0MyAxNy40ODY4IDc2Ljc4MTJDMTcuNDg2OCA3Ni4xMDgyIDE4LjAyODggNzUuNTYyNSAxOC42OTczIDc1LjU2MjVIMjYuMjE5N0wyNy40OTMxIDM5LjkyMzRDMjYuNTg3NyAzOS40ODY3IDI1Ljc5MDQgMzguODU5MiAyNS4xNTEzIDM4LjA5MzNMMjAuNjI5OCA0MC43MjEzTDIwLjY0NjUgNDAuNzUwNEMyMS4yMDE0IDQxLjcxODMgMjEuMjk5NiA0Mi44Mjk2IDIwLjkyMzUgNDMuODgwNUMyMC41NDc3IDQ0LjkzMTQgMTkuNzY3NiA0NS43MjQ1IDE4LjcyNzMgNDYuMTEzNEw0LjUzMDA0IDUxLjQyMThDNC4yNTQzNCA1MS41MjQ5IDMuOTcwNzYgNTEuNTc0MyAzLjY5MTQzIDUxLjU3NDNDMi44NTU4NCA1MS41NzQzIDIuMDU3NDggNTEuMTMyNyAxLjYxNzI5IDUwLjM2NTZDMS4wMzAzMiA0OS4zNDEyIDEuMjYwNzggNDguMDUxMyAyLjE2NDc3IDQ3LjI5NzRMMTMuODI5OCAzNy41NzMyQzE0LjY4NDggMzYuODYwOSAxNS43NTcgMzYuNTc3MSAxNi44NDg3IDM2Ljc3NDlDMTcuOTQwOSAzNi45NzI1IDE4Ljg0NzkgMzcuNjE0IDE5LjQwMjYgMzguNTgxNEwxOS40MTkzIDM4LjYxMDVMMjMuOTM2OCAzNS45ODQ3QzIzLjY2MzkgMzUuMjMzMSAyMy41MTQ3IDM0LjQyMjIgMjMuNTE0NyAzMy41NzY3QzIzLjUxNDcgMzAuMTE0NyAyNi4wMTMyIDI3LjIzMSAyOS4yODk2IDI2LjY1MTlWMjEuMzk4NUgyOS4yNTYzQzI4LjE0NjggMjEuMzk4NSAyNy4xNDEzIDIwLjkyODUgMjYuNDI1MiAyMC4wNzUzQzI1LjcwOTIgMTkuMjIxNSAyNS40MTcxIDE4LjE0NTEgMjUuNjAyNSAxNy4wNDM4TDI4LjEzNDcgMi4wMTEwOUMyOC4zMzEyIDAuODQ1OTY1IDI5LjMyNTkgMCAzMC41MDAzIDBDMzEuNjc0NSAwIDMyLjY2OTEgMC44NDU5NjUgMzIuODY1NCAyLjAxMTM5TDM1LjM5NzcgMTcuMDQzOUMzNS41ODMyIDE4LjE0NTcgMzUuMjkwOSAxOS4yMjIzIDM0LjU3NDggMjAuMDc1NEMzMy44NTkxIDIwLjkyODcgMzIuODUzNiAyMS4zOTg3IDMxLjc0NCAyMS4zOTg3SDMxLjcxMDdWMjYuNjUyMUMzNC45ODcgMjcuMjMxMSAzNy40ODU1IDMwLjExNDkgMzcuNDg1NSAzMy41NzY5QzM3LjQ4NTUgMzQuNDIyMiAzNy4zMzY0IDM1LjIzMzMgMzcuMDYzNCAzNS45ODQ3TDQxLjU4MDkgMzguNjEwNUw0MS41OTc2IDM4LjU4MTRDNDIuMTUyNiAzNy42MTM3IDQzLjA1OTUgMzYuOTcyMiA0NC4xNTE2IDM2Ljc3NDlDNDUuMjQzNSAzNi41NzcxIDQ2LjMxNTcgMzYuODYwOCA0Ny4xNzAxIDM3LjU3MzJMNTguODM1MyA0Ny4yOTc0QzU5LjczOTkgNDguMDUxMyA1OS45NzAyIDQ5LjM0MTUgNTkuMzgzMSA1MC4zNjUzWk0yOS4yNTY0IDE4Ljk2MTJIMzEuNzQ0QzMyLjE0NTMgMTguOTYxMiAzMi40NjYyIDE4LjgxMTMgMzIuNzI1MyAxOC41MDI1QzMyLjk4NDMgMTguMTkzNyAzMy4wNzc1IDE3Ljg1IDMzLjAxMDUgMTcuNDUxNEwzMC41MDAxIDIuNTQ5MDJMMjcuOTg5NyAxNy40NTE2QzI3LjkyMjUgMTcuODUgMjguMDE1NyAxOC4xOTM4IDI4LjI3NDggMTguNTAyNUMyOC41Mzc1IDE4LjgxNTQgMjguODQ5NSAxOC45NjEyIDI5LjI1NjQgMTguOTYxMlpNMTguNTQ5NiA0MS45Njg5TDE3LjMwNiAzOS44MDAxQzE3LjEwMjQgMzkuNDQ1MyAxNi44MjExIDM5LjI0NjMgMTYuNDIwNiAzOS4xNzRDMTYuMzMwOCAzOS4xNTc4IDE2LjI0NDYgMzkuMTQ5NiAxNi4xNjEyIDM5LjE0OTZDMTUuODcxOSAzOS4xNDk2IDE1LjYxNzEgMzkuMjQ4IDE1LjM3MzYgMzkuNDUwOUwzLjgwOTQ2IDQ5LjA5MDlMMTcuODg0MyA0My44Mjg0QzE4LjI2NTggNDMuNjg1NiAxOC41MDc3IDQzLjQzOTggMTguNjQ1NiA0My4wNTQzQzE4Ljc4MTggNDIuNjczOSAxOC43NTAzIDQyLjMxOSAxOC41NDk2IDQxLjk2ODlaTTMxLjEwOCA0MC41ODEyQzMwLjkwNzUgNDAuNTk4NyAzMC43MDUyIDQwLjYwOTUgMzAuNTAwMSA0MC42MDk1QzMwLjI5NTIgNDAuNjA5NSAzMC4wOTI4IDQwLjU5ODcgMjkuODkyMSA0MC41ODEyTDI4LjY0MjQgNzUuNTYyNUgzMi4zNTc5TDMxLjEwOCA0MC41ODEyWk0zNS4wNjQ1IDMzLjU3NjdDMzUuMDY0NSAzMS4wNDI5IDMzLjAxNyAyOC45ODE2IDMwLjUwMDMgMjguOTgxNkMyNy45ODM1IDI4Ljk4MTYgMjUuOTM2IDMxLjA0MjkgMjUuOTM2IDMzLjU3NjdDMjUuOTM2IDM2LjExMDUgMjcuOTgzNSAzOC4xNzE5IDMwLjUwMDMgMzguMTcxOUMzMy4wMTcgMzguMTcxOSAzNS4wNjQ1IDM2LjExMDUgMzUuMDY0NSAzMy41NzY3Wk01Ny4xOTA1IDQ5LjA5MDhMNDUuNjI2MiAzOS40NTA2QzQ1LjM4MzEgMzkuMjQ3OSA0NS4xMjgyIDM5LjE0OTQgNDQuODM5MSAzOS4xNDk0QzQ0Ljc1NTYgMzkuMTQ5NCA0NC42Njk0IDM5LjE1NzcgNDQuNTc5NiAzOS4xNzM4QzQ0LjE3OTIgMzkuMjQ2MyA0My44OTc5IDM5LjQ0NTIgNDMuNjk0MyAzOS44MDAxTDQyLjQ1MDQgNDEuOTY4OUM0Mi4yNDY5IDQyLjMyMzcgNDIuMjE2MyA0Mi42Njg2IDQyLjM1NDMgNDMuMDUzOUM0Mi40OTIzIDQzLjQzOTMgNDIuNzM0MyA0My42ODU1IDQzLjExNTYgNDMuODI4MUw1Ny4xOTA1IDQ5LjA5MDhaIiBmaWxsPSIjRkZCMjM1Ii8+Cjwvc3ZnPg==") left center no-repeat;
  color: #FFF;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  padding: 9px 0 9px 76px;
  margin-bottom: 35px;
}

.referendum-circle .date {
  background: #FFB235;
  border-radius: 3px;
  color: #901F19EB;
  font-size: 28.48px;
  font-weight: 600;
  line-height: 33.37px;
  text-align: center;
  padding: 8px 0 6px;
  margin-bottom: 33px;
  width: 100%;
}

.proekt-obyad .more, .referendum-circle .more {
  color: #FFB235;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjMxMTc3OCAxNS42ODM4QzAuMTAzOTI2IDE1LjQ3MyAwIDE1LjIyMzQgMCAxNC45MzVDMCAxNC42NDcyIDAuMTAzOTI2IDE0LjM5NzkgMC4zMTE3NzggMTQuMTg3MUw2LjQwMTg1IDguMDEwNTRMMC4yOTA5OTMgMS44MTI5MUMwLjA5Njk5NzYgMS42MTYxNiAwIDEuMzcwMjIgMCAxLjA3NTFDMCAwLjc3OTk3NCAwLjEwMzkyNiAwLjUyNzAwOSAwLjMxMTc3OCAwLjMxNjIwNkMwLjUxOTYzIDAuMTA1NDAyIDAuNzY1NzI3IDAgMS4wNTAwNyAwQzEuMzMzODYgMCAxLjU3OTY4IDAuMTA1NDAyIDEuNzg3NTMgMC4zMTYyMDZMOC43NzEzNiA3LjQyMDI5QzguODU0NSA3LjUwNDYxIDguOTEzNTMgNy41OTU5NiA4Ljk0ODQ1IDcuNjk0MzNDOC45ODI4MiA3Ljc5MjcxIDkgNy44OTgxMSA5IDguMDEwNTRDOSA4LjEyMjk3IDguOTgyODIgOC4yMjgzNyA4Ljk0ODQ1IDguMzI2NzVDOC45MTM1MyA4LjQyNTEyIDguODU0NSA4LjUxNjQ3IDguNzcxMzYgOC42MDA3OUwxLjc2Njc0IDE1LjcwNDlDMS41NzI3NSAxNS45MDE2IDEuMzMzODYgMTYgMS4wNTAwNyAxNkMwLjc2NTcyNyAxNiAwLjUxOTYzIDE1Ljg5NDYgMC4zMTE3NzggMTUuNjgzOFoiIGZpbGw9IiNGRkIyMzUiLz4KPC9zdmc+") right center no-repeat;
  padding: 0 29px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.09px;
}

.proekt-obyad .more {
  background-size: auto 13px;
  font-size: 14px;
  padding-right: 24px;
  text-align: right;
}

.main-nav {
  background-color: #901f19;
  height: 67px;
}

.main-nav .wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.main-nav, .main-nav a {
  color: #fff;
  font-size: 17px;
}

.main-menu-trigger {
  display: none;
}

.main-menu {
  align-items: center;
  display: flex;
}

.main-menu > a {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  line-height: 20px;
  padding: 0 18px;
  height: 67px;
}

.main-nav .main-menu > a:first-child {
  padding-left: 40px;
  position: relative;
}

.main-nav .main-menu > a:first-child:before {
  background: url(../images/icons.svg) right top / 161px 637px no-repeat;
  content: '';
  height: 18px;
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
}

.main-menu > a:hover, .main-menu .active {
  background-color: #711914;
}

.main-nav .site-search {
  line-height: 20px;
  padding: 25px 13px 22px 30px;
  position: relative;
}

.main-nav .site-search:before {
  background: url(../images/icons.svg) right -40px / 161px 637px no-repeat;
  content: '';
  height: 16px;
  position: absolute;
  left: 8px;
  top: 27px;
  width: 19px;
}

.main-nav .acc-mode {
  background: url(../images/icons.svg) 0 -1px / 161px 637px no-repeat;
  border-radius: 50%;
  display: block;
  height: 41px;
  padding: 0;
  width: 41px;
}

.main-nav .acc-mode:hover, .main-nav .acc-mode.active {
  background-position: -43px -1px;
}

.lang-nav-button {
  padding: 0 13px;
}

.main-nav .lang-nav-trigger {
  position: relative;
  text-transform: uppercase;
}

.utility-box {
  align-items: center;
  display: flex;
}

.main-nav .site-search, .acc-mode-button, .lang-nav-button {
  margin: 0 0 0 auto;
}

.lang-nav {
  display: none;
}

.main-nav .site-search:hover, .main-nav .site-search.active {
  background-color: #711914;
}

.mega-menu {
  background-color: #711914;
  display: none;
  left: 16px;
  padding: 34px 34px 38px;
  position: absolute;
  right: 16px;
  top: 68px;
  z-index: 10;
}

.mega-menu:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 12px 12.5px;
  border-color: transparent transparent #c13a1b transparent;
  position: absolute;
  top: 22px;
}

.mega-admin:before {
  left: 158px;
}

.mega-servs:before {
  left: 435px;
}

.mega-concil:before {
  left: 320px;
}

.mega-admin-top {
  border-bottom: 8px solid #c1391b;
  border-top: 3px solid #c1391b;
  display: flex;
}

.ver-bg .mega-admin-top {
  margin-bottom: 28px;
}

.mega-mayor-box {
  color: #fff;
  display: flex;
  height: 277px;
  padding-top: 20px;
  width: 630px;
}

.mega-mayor-box .pic {
  height: 277px;
  margin-right: 28px;
  overflow: hidden;
  position: relative;
  width: 307px;
}

.mega-mayor-box img {
  height: 277px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-47%);
  width: auto;
}

.mega-mayor-box .text {
  padding-top: 34px;
}

.mega-mayor-box h3, .mega-mayor-box h4, .mega-mayor-box p {
  color: #fff;
}

.mega-mayor-box h3 {
  font-size: 28px;
  font-weight: normal;
}

.mega-mayor-box h4 {
  font-size: 19px;
  font-weight: normal;
  margin-bottom: 16px;
}

.mega-mayor-box p {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 0;
}

.mega-mayor-box h3 + p {
  margin-bottom: 24px;
}

.mega-mayor-box a, .mega-mayor-box span {
  color: #f47932;
}

.mega-mayor-box a {
  text-decoration: underline;
}

.mega-mayor-box a:hover {
  text-decoration: none;
}

.mega-admin-links {
  background-color: #c1391b;
  display: flex;
  flex: 1;
  padding: 20px 40px;
}

.mega-admin-links div:first-child {
  padding-right: 54px;
}

.mega-admin-links div:last-child {
  flex-shrink: 0;
}

.mega-admin-links a {
  display: block;
  margin-bottom: 20px;
}

.mega-admin-bottom {
  display: flex;
  font-size: 17px;
}

.mega-admin-bottom a + a {
  padding-left: 52px;
}

.mega-admin-bottom a:nth-child(2) {
  flex: 1;
  min-width: 250px;
}

.mega-admin-bottom a:nth-child(3) {
  flex: 1;
  min-width: 184px;
}

.mega-admin-bottom a:nth-child(4) {
  flex: 1;
  min-width: 114px;
}

.mega-servs .content {
  display: flex;
}

.mega-servs .about {
  background: url(../images/mega-menu-services.jpg) center / cover no-repeat;
  padding: 34px;
}

.mega-servs .about h2 {
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 30px;
}

.mega-servs .about ul {
  list-style: none;
  padding-left: 24px;
}

.mega-servs .about li + li {
  margin-top: 16px;
}

.mega-servs .about a {
  color: #fff;
  display: block;
  font-size: 17px;
}

.mega-servs .links {
  background-color: #fff;
}

.mega-servs .top {
  align-items: center;
  background-color: #c1391b;
  display: flex;
  height: 72px;
  padding: 17px 19px 15px 42px;
}

.mega-servs .top > div {
  box-sizing: border-box;
  padding-right: 30px;
}

.mega-servs .top > div:last-child {
  padding-right: 0;
}

.mega-servs .top a {
  display: block;
  padding: 5px 0;
}

.mega-servs .top > div:last-child a {
  padding: 0;
}

.mega-servs .top img {
  display: block;
  height: auto;
  width: 234px;
}

.mega-servs .center {
  display: flex;
  padding: 22px 27px;
}

.mega-servs .center > div + div {
  padding-left: 30px;
}

.mega-servs .center a {
  color: #950009;
  display: block;
  font-size: 17px;
  line-height: 31px;
}

.mega-servs .center .blocks a {
  background-color: #901f19;
  color: #fff;
  line-height: normal;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
  width: 171px;
}

.mega-servs .center .blocks a + a {
  margin-top: 2px;
}

.mega-servs .bottom {
  background-color: #c1391b;
  display: flex;
  margin: 0 27px 24px;
  padding: 20px 40px;
}

.mega-servs .bottom > div + div {
  padding-left: 40px;
}

.mega-servs .bottom a {
  color: #fff;
  display: block;
}

.mega-servs .bottom a + a {
  padding-top: 8px;
}

.mega-concil .content {
  background-color: #c1391b;
  display: flex;
  padding: 36px;
}

.mega-concil .content div {
  box-sizing: border-box;
}

.mega-concil .content div:nth-child(1) {
  -ms-flex: 0 0 298px;
  flex: 0 0 298px;
  max-width: 298px;
}

.mega-concil .content div:nth-child(2) {
  -ms-flex: 0 0 348px;
  flex: 0 0 348px;
  max-width: 348px;
}

.mega-concil .content div + div {
  padding-left: 46px;
}

.mega-concil .content a {
  display: block;
}

.mega-concil .content a + a {
  margin-top: 10px;
}

.search-box {
  background-color: #711914;
  display: none;
  left: 16px;
  padding: 34px;
  position: absolute;
  right: 16px;
  top: 68px;
  z-index: 10;
}

.search-box .fields {
  align-items: center;
  background-color: #c1391b;
  display: flex;
  padding: 16px;
  position: relative;
}

.search-box .fields:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 12px 12.5px;
  border-color: transparent transparent #c13a1b transparent;
  position: absolute;
  top: -12px;
  right: 90px;
}

.search-box label {
  font-size: 17px;
  padding-right: 16px;
}

.search-field {
  flex: 1;
  font-size: 24px;
  height: 44px;
  line-height: 44px;
  padding-left: 16px;
}

.search-field:focus {
  outline: 0;
}

.search-box div {
  padding-left: 16px;
}

.search-box .submit {
  background: transparent none;
  border: none;
  cursor: pointer;
  height: 28px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: -999px;
  width: 28px;
}

.search-box .submit:before {
  border: 2px solid #fff;
  border-radius: 50%;
  content: '';
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
}

.search-box .submit:after {
  background-color: #fff;
  content: '';
  height: 2px;
  position: absolute;
  left: 15px;
  top: 20px;
  transform: rotate(45deg);
  width: 14px;
}

.tab-box {
  background-color: #ebeff2;
  margin-bottom: 41px;
}
.tabs-nav ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.tabs-nav li {
  padding-right: 1px;
}

.tabs-nav li:last-child {
  padding-right: 0;
}

.tabs-nav a {
  background-color: #901f19;
  color: #fff;
  display: block;
  font-size: 20px;
  line-height: 22px;
  padding: 16px 22px 12px;
  word-wrap: unset;
  -webkit-hyphens: none;
  -moz-hyphens: auto;
  hyphens: none;
}

.tabs-nav .active {
  background-color: #ebeff2;
  color: #901f19;
}

.tabs-nav a:hover {
  background-color: #f24c27;
  color: #fff;
}

.tabs-content {
  height: 79px;
  padding: 48px 26px 0;
  position: relative;
}

.tabs-content > div {
  display: none;
  left: 26px;
  position: absolute;
  right: 26px;
  top: 48px;
}

.tabs-content .content {
  display: flex;
  padding-bottom: 50px;
}

.tabs-content .pic {
  padding-right: 17px;
}

.tabs-content .text {
  flex: 1;
}

.tabs-content .header {
  display: flex;
  justify-content: space-between;
}

.tabs-content .header, .tabs-content h2 {
  color: #901f19;
  font-size: 18px;
  font-weight: bold;
}

.tabs-content a {
  color: #901f19;
}

.mews-msg-box h2 {
  display: none;
}

.list1 {
  list-style: none;
  padding: 0 72px;
}

.list1 a {
  align-items: start;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}

.list1 .single {
  display: flex;
  font-size: 16px;
  font-weight: normal;
}

.list1 .single h4 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 5px;
}

.list1 a:hover h4 {
  color: #901f19;
}

.list1 .single .more {
  color: #901f19;
  text-align: right;
}

.list1 .date {
  background-color: #901f19;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  margin-right: 30px;
  padding: 8px;
  position: relative;
}

.list1 .single .date {
  background-color: transparent;
  color: #901f19;
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-right: 0;
  padding: 0;
}

.list1 .date:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #901f19 transparent transparent;
  -ms-transform: skew(20deg);
  transform: skew(20deg);
  position: absolute;
  right: 11px;
  top: 100%;
}

.list1 .single .date:after {
  display: none;
}

.list1 .single img {
  display: block;
  margin-left: 30px;
  max-height: 250px;
}

.list1 .single p img {
  display: none;
}

.list2, .list3 {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 2px;
}

.list3 {
  display: block;
  padding: 0 60px;
}

.list2 li {
  box-sizing: border-box;
  padding: 0 23px 34px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.list3 li {
  margin-bottom: 34px;
}

.list2 a, .list3 a {
  border-left: 2px solid #901f19;
  color: #48525c;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding-left: 12px;
}

.list2 a:hover, .list3 a:hover {
  color: #901f19;
}

.list4 .date {
  background-color: #f24c27;
}

.list4 .date:after {
  border-color: transparent #f24c27 transparent transparent;
}

.slider {
  min-height: 195px;
  position: relative;
  width: 100%;
}

.slider > ul {
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.nav-slider {
  bottom: 33px;
  display: flex;
  left: 80px;
  position: absolute;
  z-index: 200;
}

.nav-slider a {
  background-color: #b6bbbf;
  border-radius: 50%;
  height: 14px;
  margin: 0 4px;
  overflow: hidden;
  text-indent: -999px;
  transition: background-color .2s ease-in;
  width: 14px;
  will-change: background-color;
}

.nav-slider .active, .nav-slider a:hover {
  background-color: #f47932;
  transition: background-color .2s ease-out;
}

.view-more {
  bottom: 30px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.view-more.only-one {
  right: 72px;
  text-align: right;
}

.view-more a {
  font-size: 16px;
}

.view-more a:hover {
  color: #f24c27;
}

.banners-box {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0 -10px 45px;
  margin: 0 0 45px;
}

.banners-box > div {
  display: flex;
  flex-direction: column;
  /*
  flex: 0 0 50%;
  max-width: 50%;
  */
}

.banners-box .left {
  gap: 16px;
}

.banners-box > div > div {
  box-sizing: border-box;
  /*
  -ms-flex: 0 0 33.33334%;
  flex: 0 0 33.33334%;
  max-width: 33.33334%;
  */
  /*
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 10px;
  */
}

.banners-box img {
  display: block;
  height: auto;
  width: 100%;
}

.weather-box-wrap {
  background: url(../images/weather-background.jpg) center / cover no-repeat;
  display: flex;
  height: 100%;
  height: 170px;
}

.weather-box-arrow {
  cursor: pointer;
  height: 100%;
  position: relative;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  max-width: 25px;
  overflow: hidden;
  text-indent: -999px;
}

.weather-box-arrow:before {
  border: solid #1a1e20;
  border-width: 2px 2px 0 0;
  content: '';
  height: 16px;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg) skew(20deg, 20deg) translateY(9px);
  width: 16px;
}

.weather-box-prev:before {
  left: 5px;
}

.weather-box-next:before {
  right: 13px;
  transform: rotate(45deg) skew(20deg, 20deg) translateY(-9px);
}

.weather-list {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.weather-list ul {
  bottom: 0;
  color: #1a1e20;
  list-style: none;
  position: absolute;
}

.weather-list li {
  align-items: center;
  display: flex;
  float: left;
  gap: 24px;
  height: 100%;
  justify-content: center;
}

.weather-list span {
  /* flex: 1; */
}

.weather-list .name {
  font-size: 24px;
  line-height: 24px;
  padding-left: 10px;
  text-transform: uppercase;
}

.weather-list .icon {
  text-align: center;
}

.weather-list .status {
  flex: 0;
  font-size: 18px;
  line-height: 18px;
  padding-right: 10px;
}

.weather-list .status:first-letter {
  text-transform: uppercase;
}

.banners-box > .referendum {
  /* padding: 0; */
}

.banners-box .right {
  text-align: center;
  background-color: #ebeff2;
}

.banners-box .right a {
  color: #901f19;
  display: block;
  line-height: 40px;
}

.banners-box .right a:hover {
  color: #f24c27;
}

.referendum a {
  box-sizing: border-box;
  background: #901F19EB;
  display: block;
  padding: 18px 24px;
}

.referendum p {
  border-left: 3px solid #FFB235;
  color: #fff;
  padding-left: 22px;
  font-size: 18px;
  line-height: 17px;
  margin-bottom: 8px;
}

.referendum p strong {
  display: block;
  font-size: 23px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 8px;
}

.referendum a > span {
  color: #FFB235;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  padding: 0 20px 0 27px;
  position: relative;
}

.referendum a > span:after {
  border-right: 2px solid #FFB235;
  border-top: 2px solid #FFB235;
  content: '';
  height: 8px;
  position: absolute;
  right: 0;
  top: 3px;
  transform: rotate(45deg);
  transition: all .3s;
  width: 8px;
}

.referendum a:hover > span:after {
  border-color: #fff;
  right: -12px;
}

.referendum.proekt {
  margin-bottom: 41px;
}

.referendum.proekt a {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}

.referendum.proekt a:hover {
  background-color: #f24c27;
}

.referendum.proekt p {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 0;
}

.owi {
    display: inline-block;
    transform: translate(0, 0);
    text-rendering: auto;
    font: normal normal 400 14px/1 OpenWeatherIcons;
    font-size: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.owi-lg {
    vertical-align: -15%;
    line-height: 0.75em;
    font-size: 1.33333333em;
}

.owi-2x {
    font-size: 2em;
}

.owi-3x {
    font-size: 3em;
}

.owi-4x {
    font-size: 4em;
}

.owi-5x {
    font-size: 5em;
}

.owi-fw {
    width: 1.28571429em;
    text-align: center;
}

.owi-01d::before {
    content: "\ea01";
}

.owi-01n::before {
    content: "\ea02";
}

.owi-02d::before {
    content: "\ea04";
}

.owi-02n::before {
    content: "\ea03";
}

.owi-03d::before {
    content: "\ea05";
}

.owi-03n::before {
    content: "\ea06";
}

.owi-04d::before {
    content: "\ea07";
}

.owi-04n::before {
    content: "\ea08";
}

.owi-09d::before {
    content: "\ea09";
}

.owi-09n::before {
    content: "\ea0a";
}

.owi-10d::before {
    content: "\ea0b";
}

.owi-10n::before {
    content: "\ea0c";
}

.owi-11d::before {
    content: "\ea0d";
}

.owi-11n::before {
    content: "\ea0e";
}

.owi-1232n::before {
    content: "\ea0f";
}

.owi-13d::before {
    content: "\ea10";
}

.owi-13n::before {
    content: "\ea12";
}

.owi-50d::before {
    content: "\ea11";
}

.owi-50n::before {
    content: "\ea13";
}

.banners-main {
  height: 140px;
  margin-bottom: 45px;
  overflow: hidden;
  position: relative;
}

.banners-main ul {
  list-style: none;
  position: absolute;
}

.banners-main li {
  box-sizing: border-box;
  float: left;
  padding: 0 29px;
  width: 183px;
}

.banners-main div {
  position: relative;
  margin-top: 50%;
  text-align: center;
  transform: translateY(-50%);
}

.banners-main img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.about-box {
  background-color: #ebeff2;
  margin-bottom: 56px;
  padding: 18px 16px 2px;
}

.about-box h2 {
  color: #901f19;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.about-box ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -8px;
}

.about-box li {
  box-sizing: border-box;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 0 8px 16px;
}

.about-box a {
  background-color: #f5f8fa;
  color: #48525c;
  display: block;
  font-size: 22px;
  line-height: 26px;
  padding: 27px 16px 27px 115px;
  position: relative;
  transition: background-color .2s ease-in, color .2s ease-out;
  will-change: background-color, color;
}

.about-box a:hover {
  background-color: #901f19;
  color: #fff;
  transition: background-color .2s ease-out, color .2s ease-out;
}

.about-box a:after {
  background: url(../images/icons.svg?321312) 0 0 / 161px 637px no-repeat;
  content: '';
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  height: 52px;
  width: 52px;
}

.about-box li:nth-child(1) a:after {
  background-position: 0 -111px;
}

.about-box li:nth-child(1) a:hover:after {
  background-position: -54px -111px;
}

.about-box li:nth-child(2) a:after {
  background-position: 0 -273px;
}

.about-box li:nth-child(2) a:hover:after {
  background-position: -54px -273px;
}

.about-box li:nth-child(3) a:after {
  background-position: 0 -435px;
}

.about-box li:nth-child(3) a:hover:after {
  background-position: -54px -435px;
}

.about-box li:nth-child(4) a:after {
  background-position: 0 -165px;
}

.about-box li:nth-child(4) a:hover:after {
  background-position: -54px -165px;
}

.about-box li:nth-child(5) a:after {
  background-position: 0 -327px;
}

.about-box li:nth-child(5) a:hover:after {
  background-position: -54px -327px;
}

.about-box li:nth-child(6) a:after {
  background-position: 0 -592px;
}

.about-box li:nth-child(6) a:hover:after {
  background-position: -54px -592px;
}

.about-box li:nth-child(7) a:after {
  background-position: 0 -219px;
}

.about-box li:nth-child(7) a:hover:after {
  background-position: -54px -219px;
}

.about-box li:nth-child(8) a:after {
  background-position: 0 -381px;
}

.about-box li:nth-child(8) a:hover:after {
  background-position: -54px -381px;
}

.about-box li:nth-child(9) a:after {
  background-position: 0 -543px;
}

.about-box li:nth-child(9) a:hover:after {
  background-position: -54px -543px;
}

.serv-info-box {
  background-color: #901f19;
  margin-bottom: 56px;
  padding: 14px 13px;
}

.serv-info-box h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.serv-box ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 21px;
}

.serv-box li {
  padding: 0;
}

.serv-box a {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 36px;
  line-height: 18px;
  padding: 68px 4px 12px;
  position: relative;
  text-align: center;
  transition: background-color .2s ease-in;
  will-change: background-color, color;
}

.serv-box li:nth-child(1) a {
  min-width: 144px;
}

.serv-box li:nth-child(5) a {
  max-width: 218px;
}

.serv-box li:nth-child(7) a {
  min-width: 128px;
}

.serv-box li:nth-child(8) a {
  max-width: 110px;
}

.serv-box a:hover {
  background-color: #f47932;
  transition: background-color .2s ease-out;
}

.serv-box a:after {
  background: url(../images/icons.svg) 0 0 / 161px 637px no-repeat;
  content: '';
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  height: 52px;
  width: 52px;
}

.serv-box li:nth-child(1) a:after {
  background-position: -108px -111px;
}

.serv-box li:nth-child(2) a:after {
  background-position: -108px -165px;
}

.serv-box li:nth-child(3) a:after {
  background-position: -108px -219px;
}

.serv-box li:nth-child(4) a:after {
  background-position: -108px -273px;
}

.serv-box li:nth-child(5) a:after {
  background-position: -108px -327px;
}

.serv-box li:nth-child(6) a:after {
  background-position: -108px -381px;
}

.serv-box li:nth-child(7) a:after {
  background-position: -108px -435px;
}

.serv-box li:nth-child(8) a:after {
  background-position: -108px -489px;
}

.info-box {
  background-color: transparent;
}

.info-box .tabs-nav li {
  padding-right: 2px;
}

.info-box .tabs-nav li:last-child {
  padding-right: 0;
}

.info-box .tabs-nav a {
  align-items: center;
  background-color: #c1391b;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  height: 50px;
  padding: 0 17px;
  text-align: center;
  transition: background-color .2s ease-in;
  will-change: background-color;
}

.info-box .tabs-nav li:nth-child(1) a {
  width: 152px;
}

.info-box .tabs-nav li:nth-child(5) a {
  width: 140px;
}

.info-box .tabs-nav .active {
  background-color: #fff;
  color: #901f19;
  margin-top: -5px;
  padding-top: 5px;
}

.info-box .tabs-nav a:hover {
  background-color: #f24c27;
  transition: background-color .2s ease-out;
}

.info-box .tabs-nav .active:hover {
  background-color: #fff;
}

.info-box .tabs-nav a span {
  line-height: 16px;
}

.info-box .tabs-content {
  background-color: #fff;
}

.info-box .tabs-content ul {
  list-style: none;
}

/*
.info-box .tabs-content ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -8px;
  width: 100%;
}

.info-box .tabs-content li {
  box-sizing: border-box;
  padding: 0 8px 16px;
}

.info-box .tabs-content a {
  background-color: #901f19;
  color: #fff;
  display: block;
  font-size: 18px;
  padding: 18px 16px 16px;
  text-align: center;
  transition: background-color .2s ease-in;
  will-change: background-color;
}

.info-box .tabs-content a:hover {
  background-color: #f24c27;
  transition: background-color .2s ease-out;
}
*/

.serv-info-box .tabs-content h2 {
  display: none;
}

.admin-box {
  background-color: #901f19;
  margin-bottom: 44px;
  padding: 14px 16px;
}

.admin-box h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.admin-box-headings {
  display: flex;
}

.admin-box-headings h2 {
  flex-basis: 50%;
  min-width: 50%;
}

.admin-box-content {
  display: flex;
  margin-bottom: 16px;
}

.admin-box-content .box {
  color: #fff;
  flex-basis: 50%;
  min-width: 50%;
}

.admin-box-content .box-text {
  display: flex;
}

.admin-box-content .pic, .admin-box-content .text {
  flex: 1 1 46%;
  min-width: 46%;
  width: 46%;
}

.admin-box-content .pic {
  background-color: #c88f8c;
  height: 100%;
}

.admin-box-content img {
  display: block;
  height: auto;
  width: 100%;
}

.admin-box-content .text {
  padding-left: 4%;
}

.admin-box-content h3 {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}

.admin-box-content h4 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  margin-bottom: 24px;
}

.admin-box-content p {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 0;
}

.admin-box-content p + p {
  margin-top: 8px;
}

.admin-box-content a {
  color: #fff;
  text-decoration: underline;
}

.admin-box-content a:hover {
  text-decoration: none;
}

.admin-box-nav {
  display: flex;
}

.admin-box-nav span {
  flex: 1 1 auto;
}

.admin-box-nav span + span {
  margin-left: 2px;
}

.admin-box-nav a {
  background-color: #c1391b;
  color: #fff;
  display: block;
  font-size: 18px;
  margin-bottom: 3px;
  padding: 16px 30px;
  text-align: center;
  transition: background-color .2s ease-in;
  will-change: background-color, color;
}

.admin-box-nav a:hover {
  background-color: #f47932;
  transition: background-color .2s ease-out;
}

article {
  margin-bottom: 18px;
}

.page-header {
  background: #901f19 url(../images/page-title.jpg) right top no-repeat;
  padding: 30px 16px 24px;
  text-align: center;
}

.page-title {
  color: #fff;
  font-size: 26px;
  font-weight: normal;
}

.breadcrumbs, .breadcrumbs a {
  color: #e75149;
  font-size: 14px;
}

.breadcrumbs span {
  margin-right: 12px;
}

.breadcrumbs span, .breadcrumbs a, .breadcrumbs a:after {
  display: inline-block;
}

.breadcrumbs a br {
  display: none;
}

.breadcrumbs a:hover {
  color: #fff;
}

.breadcrumbs a:after {
  content: '»';
  margin-left: 4px;
}

.breadcrumbs a:last-child:after {
  display: none;
}

.breadcrumbs a:hover:after {
  color: #e75149;
}

.page-content {
  background-color: #f5f8fa;
  display: flex;
  margin-bottom: 6px;
  padding: 21px 18px;
}

.page-content.centered {
  padding: 21px 88px;
}

.sidebar {
  padding-right: 36px;
}

.sidebar-menu-trigger {
  display: none;
}

.page-nav {
  width: 240px;
}

.page-nav ul {
  list-style: none;
}

.page-nav a {
  background-color: #901f19;
  color: #fff;
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
  padding: 16px 24px;
  transition: background-color .2s ease-in;
  will-change: background-color;
}

.page-nav li li a {
  padding-left: 48px;
}

.page-nav a:hover {
  background-color: #f24c27;
  transition: background-color .2s ease-out;
}

.page-nav .current {
  background-color: #f24c27;
}

.page-nav .current.parent {
  background-color: #901f19;
}

.page-text {
  flex: 1;
}

.home-page .page-text {
  padding-bottom: 2em;
}

.inner-page .page-text {
  padding-top: 2em;
}

.page-desc {
  background-color: #e5eaee;
  margin-bottom: 2em;
  margin-top: -2em;
  padding: 16px 20px;
}

.news-page .page-desc {
  margin-top: 0;
}

.page-desc video {
  max-width: 100%;
}

.page-text img {
  height: auto;
  max-width: 100%;
}

.news-page .page-text .pic {
  box-sizing: border-box;
  border: 8px solid #cfdae3;
  float: right;
  margin: 0 0 20px 30px;
  max-width: 40%;
}

.news-page .page-text .pic {
  display: block;
  float: none;
  margin: 0 auto 1em;
  max-width: 100%;
}

.page-text h1, .page-text h2 {
  font-size: 24px;
  line-height: 24px;
  margin: 1.2em 0 1em;
}

.page-text h3 {
  font-size: 20px;
  line-height: 20px;
  margin: 1.2em 0 1em;
}

.page-text h4 {
  font-size: 18px;
  line-height: 18px;
  margin: 1.2em 0 1em;
}

.page-text h5, .page-text h6 {
  margin: 1.2em 0 1em;
}

.page-text a {
  color: #901f19;
}

.page-text a:hover {
  color: #f24c27;
}

.page-text ul:not(.news-list) {
  list-style: none;
  margin-bottom: 1em;
  padding-left: 12px;
}

.page-text ol {
  margin-left: 17px;
}

.page-text ul:not(.news-list) li {
  padding-left: 17px;
  position: relative;
}

.page-text .subpages li {
  padding-left: 0;
}

.page-text ul:not(.news-list) li:before {
  background-color: #901f19;
  border-radius: 50%;
  content: '';
  height: 7px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 7px;
}

.page-text .subpages li:before {
  display: none;
}

.page-text tr td {
  background-color: #e5eaee;
  padding: 5px;
}

.page-text tr:nth-child(2n+2) td {
  background-color: #eceff2;
}

.page-text tr:hover td {
  background-color: #d8e0e6;
}
/*
.subpages {
  list-style: none;
}

.subpages a {
  border-l
  color: #901f19;
  display: block;
  margin-bottom: 1em;
  transition: color .2s ease-in;
  will-change: color;
}

.subpages a:hover {
  color: #f24c27;
  transition: color .2s ease-out;
}
*/

.page-text .subpages {
  display: block;
  padding-left: 0;
}

.page-text .attachments + .subpages {
  padding-top: 24px;
}

.subpages li {
  margin-bottom: 1em;
}

.subpages a {
  font-weight: normal;
}

.page-gallery {
  background-color: #ebeff2;
  margin-bottom: 6px;
}

.page-gallery .title {
  color: #48525c;
  font-size: 24px;
  padding: 38px 16px 24px;
  text-align: center;
  text-transform: uppercase;
}

.page-gallery .list {
  display: flex;
  flex-wrap: wrap;
}

.page-gallery a {
  background: center / cover no-repeat;
  border: 8px solid #ebeff2;
  height: 176px;
  margin: 0 40px 40px;
  width: 272px;
  filter: grayscale(1);
  transition: all .2s ease-in;
  will-change: border-color, filter;
}

.page-gallery a:hover {
  border-color: #fff;
  filter: grayscale(0);
  transition: all .2s ease-out;
}

.page-gallery a img {
  display: none;
}

.attachments {
  margin-bottom: 6px;
}

.attachments .title {
  background-color: #d5dadc;
  color: #48525c;
  font-size: 20px;
  padding: 30px 16px 24px;
  text-align: center;
}

.attachments .list {
  background-color: #f5f8fa;
  list-style: none;
  padding: 18px 160px;
}

.page-text .attachments .list {
  background-color: #e5eaee;
}

.attachments .list li {
  padding-left: 0;
}

.attachments .list li + li {
  margin-top: 17px;
}

.attachments .list li:before {
  display: none;
}

.attachments .list a {
  color: #2b343c;
  display: block;
  font-size: 16px;
  min-height: 45px;
  padding: 3px 0 0 54px;
  position: relative;
}

.attachments .list a strong {
  display: block;
}

.attachments .list a:hover strong {
  color: #901f19;
}

.attachments .list a span {
  font-size: 14px;
  display: inline-block;
  margin-right: 12px;
}

.attachments .list a .desc {
  display: block;
}

.attachments a:before {
  background: url(../images/icons-files.svg) no-repeat;
  content: '';
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 34px;
}

.attachments .ppt:before {
	background-position: 0 -110px;
}

.attachments .excel:before {
	background-position: 0 -165px;
}

.attachments .doc:before {
	background-position: 0 0;
}

.attachments .pdf:before {
	background-position: 0 -55px;
}

.attachments .archiv:before {
	background-position: 0 -330px;
}

.attachments .image:before {
	background-position: 0 -220px;
}

.tags {
  background-color: #901f19;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 20px 16px 18px;
  text-align: center;
}

.tags span {
  margin-right: 22px;
}

.tags a {
  color: #f24c27;
}

.tags a + a {
  margin-left: 20px;
}

.tags a:hover {
  color: #fff;
}

.news-period {
  width: 240px;
}

.years-menu a {
  background-color: #941b06;
  color: #fff;
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
  padding: 16px 24px;
  transition: background-color .2s ease-in;
  will-change: background-color;
}

.years-menu .trigger {
  font-weight: bold;
}

.years-menu .trigger.arrow:after {
  right: 28px;
}

.years-menu ul a {
  font-size: 14px;
  padding-left: 78px;
}

.years-menu .month-list a {
  padding-left: 80px;
}

.years-menu a:hover {
  background-color: #f24c27;
  transition: background-color .2s ease-out;
}

.years-menu ul {
  list-style: none;
}

.years-menu .arrow-right:after {
  top: 50%;
  margin-top: -4px;
  right: 30px;
}

.years-menu .arrow-down:after {
  margin-top: 2px;
  transform-origin: 50% 50%;
}

.years-menu .arrow-top:after {
  margin-top: 6px;
}

.news-list {
  list-style: none;
}

.news-list li {
  align-items: center;
  margin-bottom: 5px;
}

.news-list a {
  align-items: center;
  background-color: #e5eaee;
  color: #48525c;
  display: flex;
  font-size: 18px;
  height: 85px
}

.news-list a:hover {
  color: #901f19;
}

.news-list .date, .video-list .pic {
  background-color: #901f19;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  min-width: 95px;
  padding: 0 10px;
  text-align: center;
  width: 95px;
}

.video-list .pic {
  background: #901f19 url(../images/dobrichka-bg-logo.png) center / auto 70% no-repeat;
}

.news-list .date span:first-child {
  display: block;
  line-height: 14px;
}

.news-list .title {
  padding: 5px 20px;
}

.news-list .thumb {
  background: center / cover no-repeat;
  height: 100%;
  min-width: 160px;
  width: 160px;
}

.news-list .thumb img {
  display: none;
}

.news-title {
  border-bottom: 2px solid #901f19;
  color: #48525c;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.home-page .news-title {
  margin-bottom: 1em;
}

.news-date {
  color: #901f19;
  display: block;
  font-size: 14px;
  margin-bottom: 32px;
}

.gallery-content, .search-content {
  background-color: #f5f8fa;
  padding: 48px 56px;
}

.gallery {
  background-color: #e5eaee;
  display: flex;
  position: relative;
}

.gallery:nth-child(2n+2) {
  flex-direction: row-reverse;
}

.gallery + .gallery {
  margin-top: 20px;
}

.gallery .pic {
  background: center / cover no-repeat;
  flex: 0;
  height: 284px;
  min-width: 380px;
  width: 380px;
}

.gallery .view {
  bottom: 36px;
  color: #901f19;
  height: 16px;
  line-height: 16px;
  padding-left: 32px;
  position: absolute;
  right: 52px;
  z-index: 2;
}

.gallery:nth-child(2n+2) .view {
  left: 52px;
  right: 0;
}

.gallery .view:hover {
  color: #48525c;
}

.gallery .view:before {  
  background: url(../images/icons.svg) -101px top / 161px 637px no-repeat;
  content: '';
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}

.gallery .pic img, .gallery .content p {
  display: none;
}

.gallery .content {
  flex: 1;
  padding: 80px 52px 0 72px;
  position: relative;
}

.gallery:nth-child(2n+2) .content {
  padding: 80px 72px 0 52px;
}

.gallery h2 {
  border-bottom: 2px solid #901f19;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 20px;
  padding-right: 40px;
}

.search-content h2 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 24px;
  text-align: center;
}

.paging {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.paging span {
  margin-right: 12px;
}

.paging ul {
  display: flex;
  list-style: none;
}

.paging li {
  margin: 0 4px;
}

.paging a {
  background-color: #e5eaee;
  color: #48525c;
  display: block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
}

.paging .selected, .paging a:hover {
  background-color: #901f19;
  color: #fff;
}

.enquiry-form {
  background-color: #e5eaee;
  padding: 0 24px 24px;
}

.attachments + .enquiry-form {
  margin-top: 18px;
}

.enquiry-form h2 {
  background-color: #d5dadc;
  color: #48525c;
  font-size: 20px;
  margin: 0 -24px 16px;
  padding: 30px 16px 24px;
  text-align: center;
}

.enquiry-form h3, .enquiry-form h4, .enquiry-form h5, .enquiry-form h6 {
  margin-bottom: .75em;
}

.enquiry-form label {
  display: inline-block;
  margin-bottom: .5em;
  margin-right: 10px;
}

.enquiry-form .labels label {
  width: 165px;
}

.enquiry-form .labels input[type=text] {
  max-width: 100%;
  width: 323px;
}

.enquiry-form textarea {
  width: 98%;
}

.enquiry-form .submit {
  background-color: #901f19;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  margin: 0 auto;
  padding: 16px 32px;
  text-align: center;
  transition: background-color .2s ease-in;
  will-change: background-color;
}

.enquiry-form .submit:hover {
  background-color: #f24c27;
  transition: background-color .2s ease-out;
}

.site-footer {
  box-sizing: border-box;
  background: #941b06 url(../images/lion.svg) 436px -13px / 390px auto no-repeat;
  display: flex;
  flex-direction: column;
  padding: 26px 35px 10px;
}

.site-footer nav {
  margin-bottom: 16px;
}

.site-footer nav, .site-footer div {
  align-items: start;
  display: flex;
}

.site-footer nav ul li + li {
  padding-top: 6px;
}

.site-footer nav ul {
  border-left: 1px solid #fff;
  list-style: none;
  margin-right: 40px;
  padding-left: 15px;
  width: 176px;
}

.site-footer nav ul:last-child {
  margin-left: auto;
  margin-right: 0;
  width: 210px;
}

.site-footer nav a, .site-footer nav span {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  vertical-align: top;
}

.site-footer div p {
  margin: 0;
}

.site-footer div p:first-child {
  margin-left: 16px;
}

.site-footer div p:last-child {
  margin-left: auto;
}

.site-footer div a {
  color: #f24c27;
  display: inline-block;
  font-size: 14px;
}

.site-footer div a:hover {
  color: #fff;
}

.go-top {
  background-color: #fff;
  border: 2px solid #901f19;
  border-radius: 50%;
  bottom: 170px;
  height: 44px;
  position: fixed;
  right: 10px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  width: 44px;
  z-index: 100;
}

.go-top:hover {
  opacity: 1 !important;
  transition: opacity .3s;
}

.go-top:before {
  background: url(../images/icons.svg) -103px -26px / 161px 637px no-repeat;
  content: '';
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

.cookie-info {
  background-color: #d5dadc;
  border-top: 1px solid #949494;
  bottom: 0;
  box-shadow: 0 -9px 9px rgba(0, 0, 0, .15);
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 999999;
}

.cookie-info > div {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1120px;
  padding: 20px;
  position: relative;
}

.cookie-info p {
  margin-bottom: 0;
  padding-right: 24px;
}

.cookie-info a {
  color: #901f19;
}

.cookie-info a:hover {
  color: #f24c27;
}

.cookie-agree {
  background-color: #901f19;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  margin: 0 auto;
  padding: 16px 32px;
  text-align: center;
  transition: background-color .2s ease-in;
  will-change: background-color;
}

.cookie-agree:hover {
  background-color: #f24c27;
  transition: background-color .2s ease-out;
}


@media screen and (max-width: 1151px) {
  .open-menu:after {
    background-color: rgba(0, 0, 0, .85);
    bottom: 0;
    content: '';
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
  }
  
  .wrap {
    width: 724px;
  }
  
  .site-header {
    height: 417px;
  }
  
  .carousel {
    height: 350px;
  }
  
  .proekt-obyad {
    left: auto;
    padding: 24px;
    right: 32px;
    top: 50%;
    transform: translate(0, -50%);
    width: 270px;
  }
  
  .proekt-obyad strong {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 16px;
  }
  
  .proekt-obyad img {
    display: block;
    height: auto;
    margin-bottom: 16px;
    max-width: 100%;
  }
  
  .referendum-circle {
    transform: scale(.75);
    transform-origin: right top;
    left: auto;
    right: 32px;
    top: 32px;
  }

  .main-menu-trigger {
    display: block;
    width: 42px;
    height: 30px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 10;
  }

  .main-menu-trigger b {
    color: #fff;
    font-weight: normal;
    left: calc(100% + 12px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .main-menu-trigger span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
  }

  .main-menu-trigger span:nth-child(1) {
    top: 0px;
  }

  .main-menu-trigger span:nth-child(2) {
    top: 12px;
  }

  .main-menu-trigger span:nth-child(3) {
    top: 24px;
  }

  .main-menu-trigger.open span {
    background-color: #c93e37;
    transition: .25s ease-in-out;
  }

  .main-menu-trigger.open span:nth-child(1) {
    top: 12px;
    transform: rotate(135deg);
  }

  .main-menu-trigger.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }

  .main-menu-trigger.open span:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  
  .main-menu {
    align-items: stretch;
    background-color: #901f19;
    display: none;
    left: 16px;
    position: absolute;
    right: 16px;
    top: calc(100% + 16px);
    z-index: 10;
  }
  
  .main-menu.open {
    display: flex;
  }
  
  .mega-menu:before {
    top: 8px;
  }

  .main-nav .main-menu a:first-child span {
    display: none;
  }
  
  .main-menu > a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding: 12px 18px;
  }
  
  .main-nav .main-menu a:first-child:before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  
  .main-menu > a br {
    display: none;
  }
  
  .mega-menu {
    padding: 20px 16px 16px;
    top: calc(100% + 81px);
  }
  
  .mega-admin:before {
    left: 128px;
  }
  
  .ver-bg .mega-admin-top {
    margin-bottom: 20px;
  }
  
  .mega-mayor-box {
    display: block;
    width: 50%;
  }
  
  .mega-mayor-box .pic {
    height: auto;
    margin-right: 16px;
    width: auto;
    float: left;
  }
  
  .mega-mayor-box img {
    height: 97px;
    position: static;
    transform: none;
    width: auto;
  }
  
  .mega-mayor-box .text {
    padding-top: 26px;
  }
  
  .mega-mayor-box h3 {
    font-size: 22px;
  }
  
  .mega-mayor-box p {
    font-size: 15px;
    line-height: 26px;
  }
  
  .mega-mayor-box a {
    font-size: 15px;
  }
  
  .mega-admin-links {
    display: block;
    width: 50%;
  }
  
  .mega-admin-links div:first-child {
    padding-right: 0;
  }
  
  .mega-admin-links a {
    margin-bottom: 0;
  }
  
  .mega-admin-links a + a {
    margin-top: 12px;
  }
  
  .mega-admin-bottom {
    display: block;
    font-size: 15px;
  }
  
  .mega-admin-bottom a + a {
    display: block;
    margin-top: 16px;
    padding-left: 0;
  }
  
  .mega-servs:before {
    left: 281px;
  }
  
  .mega-servs .about {
    padding: 20px;
  }
  
  .mega-servs .about ul {
    padding-left: 0;
  }
  
  .mega-servs .about {
    padding: 20px;
  }
  
  .mega-servs .about ul {
    padding-left: 0;
  }
  
  .mega-servs .top {
    flex-wrap: wrap;
    height: auto;
    padding: 20px;
  }
  
  .mega-servs .top div:last-child {
    margin-top: 16px
  }
  
  .mega-servs .center {
    flex-wrap: wrap;
    padding: 20px;
  }
  
  .mega-servs .center .blocks {
    display: flex;
    margin: 0 -2px 16px;
    width: 100%;
  }
  
  .mega-servs .center .blocks a {
    margin: 0 2px;
    width: calc(100% - 4px);
  }
  
  .mega-servs .center .blocks a + a {
    margin-top: 0;
  }
  
  .mega-servs .center > div + div {
    padding-left: 0;
    width: 50%;
  }
  
  .mega-servs .center > div:last-child {
    box-sizing: border-box;
    padding-left: 4px;
  }
  
  .mega-servs .bottom {
    display: block;
    margin: 0 20px;
    padding: 20px;
  }
  
  .mega-servs .bottom > div + div {
    margin-top: 8px;
    padding-left: 0;
  }
  
  .mega-servs .bottom > div br {
    display: none;
  }
  
  .mega-concil:before {
    left: 430px;
  }
  
  .mega-concil .content {
    flex-wrap: wrap;
    padding: 20px;
  }

  .mega-concil .content div:nth-child(1), .mega-concil .content div:nth-child(2), .mega-concil .content div:last-child a {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
  }
  
  .mega-concil .content div:nth-child(1), .mega-concil .content div:last-child a:nth-child(1) {
    padding-right: 10px;
  }
  
  .mega-concil .content div:nth-child(2), .mega-concil .content div:last-child a:nth-child(2) {
    padding-left: 10px;
  }
  
  .mega-concil .content div:last-child {
    display: flex;
    padding-left: 0;
    padding-top: 30px;
    width: 100%;
  }
  
  .mega-concil .content div:last-child a + a {
    margin-top: 0;
  }
  
  .search-box {
    padding: 20px;
  }
  
  .search-box:before {
    left: 107px;
  }
  
  .tabs-nav a {
    box-sizing: border-box;
    font-size: 17px;
    height: 100%;
    line-height: 21px;
  }
  
  .banners-box {
    flex-wrap: wrap;
  }
  /*
  .banners-box > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  */
  
  .banners-box > div {
    width: 100%;
  }
  
  .banners-box > .proekt {
    margin-top: 16px;
    max-width: none;
    min-width: 100%;
    width: 100%;
  }
  
  .banners-box > .proekt p {
    align-items: center;
    height: 75px;
    display: flex;
  }
  
  .banners-box > .proekt p strong {
    font-size: 23px;
  }
  
  .banners-box > .proekt p br {
    display: none;
  }
  
  .about-box a {
    box-sizing: border-box;
    font-size: 17px;
    height: 100%;
    line-height: 22px;
    padding: 20px 16px 20px 70px;
  }
  
  .about-box a:after {
    left: 10px;
    transform: translateY(-50%) scale(.8);
  }
  
  .serv-box ul {
    flex-wrap: wrap;
  }
  
  .serv-box li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .serv-box li:nth-child(n) a {
    max-width: none;
    min-width: auto;
  }
  
  .serv-box li span {
    width: 100%;
  }
  
  .info-box .tabs-nav li:nth-child(n) a {
    width: auto;
  }
  
  .admin-box-content {
    display: block;
  }
  
  .admin-box-content .box + .box {
    border-top: 1px solid #c88f8c;
    margin-top: 16px;
    padding-top: 16px;
  }
  
  .admin-box-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
    width: auto;
  }
  
  .admin-box-nav a {
    box-sizing: border-box;
    padding: 20px;
  }
  
  .info-box {
    margin-bottom: 0;
  }

  .serv-info-box .tabs-nav {
    display: none;
  }

  .serv-info-box .tabs-content {
    height: auto;
    padding: 0;
  }
  
  .serv-info-box .tabs-content > div {
    display: block;
    position: static;
  }
  
  .serv-info-box .tabs-content > div + div {
    margin-top: 2px;
  }

  .serv-info-box .tabs-content h2 {
    background-color: #c1391b;
    display: block;
    font-weight: normal;
    margin-bottom: 0;
    padding: 20px;
  }

  .serv-info-box .tabs-content .content {
    display: none;
    max-height: 191px;
    overflow: auto;
    padding: 20px;
  }

  .serv-info-box .tabs-content .active .content {
    display: block;
  }
  
  .info-box .tabs-content ul {
    display: block;
    padding: 0;
  }
  
  .info-box .tabs-content ul li {
    display: block;
    margin-bottom: 0;
    max-width: none;
    padding: 0;
  }
  
  .info-box .tabs-content ul li + li {
    margin-top: 12px;
  }

  .weather-list .name {
    font-size: 12px;
    line-height: 12px;
  }

  .weather-list .icon {
    font-size: 24px;
  }

  .weather-list .status {
    font-size: 12px;
    line-height: 12px;
  }
  
  .page-content {
    display: block;
  }
  
  .attachments .list {
    padding: 18px;
  }
  
  .list1 {
    padding: 0;
  }
  
  .view-more.only-one {
    right: 0;
  }
  
  .sidebar {
    padding-right: 0;
  }
  
  .sidebar-menu-trigger {
    background-color: #901f19;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 10px 30px 10px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
  }
  
  .sidebar-menu-trigger.open {
    background-color: #f24c27;
  }
  
  .sidebar-menu-trigger:before, .sidebar-menu-trigger:after {
    background-color: #fff;
    content: '';
    height: 2px;
    position: absolute;
    right: 10px;
    top: 19px;
    width: 10px;
  }
  
  .sidebar-menu-trigger:before {
    transform: rotate(-45deg);
  }
  
  .sidebar-menu-trigger.open:before {
    transform: rotate(45deg);
  }
  
  .sidebar-menu-trigger:after {
    transform: rotate(45deg);
    right: 16px;
  }
  
  .sidebar-menu-trigger.open:after {
    transform: rotate(-45deg);
  }
  
  .sidebar-menu {
    display: none;
    margin-top: 16px;
    width: 100%;
  }
  
  .news-list {
    margin-top: 2em;
  }
  
  .site-footer {
    height: auto;
  }
  
  .site-footer nav {
    flex-wrap: wrap;
  }
  
  .site-footer nav ul {
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 30px;
    margin-right: 0;
    max-width: 50%;
    width: auto;
  }
}

@media screen and (max-width: 755px) {
  .wrap {
    width: 500px;
  }
  
  .referendum.proekt a {
    align-items: center;
    flex-direction: column;
  }
  
  .referendum.proekt a img {
    max-width: 100%;
  }
  
  .proekt-obyad {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    top: auto;
    bottom: 16px;
    left: 16px;
    right: 16px;
    transform: translate(0);
    width: auto;
  }
  
  .proekt-obyad strong {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
  }
  
  .proekt-obyad img {
    margin-bottom: 0;
    max-width: 50%;
  }
  
  .proekt-obyad .more {
    overflow: hidden;
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 8px;
    box-sizing: border-box;
    text-indent: -9999px;
    padding: 0 8px 0 0;
  }
  
  .referendum-circle {
    transform: scale(.55);
  }
  
  .referendum-circle strong {
    font-weight: 400;
    margin-bottom: 11px;
  }
  
  .referendum-circle .date {
    margin-bottom: 14px;
  }
  
  .referendum-circle .more {
    font-size: 22px;
  }

  .main-menu.open {
    display: block;
  }
  
  .main-nav .main-menu > a:first-child {
    padding-left: 18px;
  }
  
  .main-nav .main-menu > a:first-child:before {
    display: none;
  }
  
  .main-nav .main-menu > a:first-child span {
    display: block;
  }

  .mews-msg-box .tabs-nav {
    display: none;
  }

  .mews-msg-box .tabs-content {
    height: auto;
    padding: 0;
  }
  
  .mews-msg-box .tabs-content > div {
    display: block;
    position: static;
  }
  
  .mews-msg-box .tabs-content > div + div {
    margin-top: 2px;
  }

  .mews-msg-box .tabs-content h2 {
    background-color: #901f19;
    color: #fff;
    display: block;
    font-weight: normal;
    margin-bottom: 0;
    padding: 20px;
  }

  .mews-msg-box .tabs-content h2:after {
    right: 10px;
    top: 38%;
  }

  .tabs-content .active h2:after {
    right: 18px;
    top: 53%;
    transform: rotate(-45deg);
  }

  .tabs-content .content {
    display: none;
    max-height: 352px;
    overflow: auto;
    padding: 20px;
  }

  .mews-msg-box .tabs-content .active .content {
    display: block;
    max-height: none;
  }

  .mews-msg-box .tabs-content .active .content > ul {
    margin-bottom: 12px;
  }
  
  .mews-msg-box .tabs-content .slider > ul {
    display: none;
    position: relative;
  }
  
  .mews-msg-box .tabs-content ul {
    display: block;
    padding: 0;
  }
  
  .mews-msg-box .tabs-content ul li {
    display: block;
    margin-bottom: 0;
    max-width: none;
    padding: 0;
  }
  
  .mews-msg-box .tabs-content ul li + li {
    margin-top: 12px;
  }
  
  .nav-slider {
    display: none;
  }
  
  .banners-box {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  
  .banners-box > div {
    -ms-flex: 0;
    flex: 0;
    max-width: none;
    margin: 0 auto;
    padding: 0;
    /* width: 360px; */
  }
  
  .banners-box > div + div {
    margin-top: 20px;
  }
  
  .banners-box img {
    width: 100%;
  }
  
  .weather-box-arrow {
    height: 111px;
  }

  .weather-list {
    height: 111px;
  }

  .weather-list .name {
    font-size: 20px;
    line-height: 20px;
  }

  .weather-list .icon {
    font-size: 44px;
  }

  .weather-list .status {
    font-size: 16px;
    line-height: 16px;
  }
  
  .banners-box .right video {
    height: 240px;
    object-fit: cover;
  }
  
  .view-more {
    position: static;
  }
  
  .about-box li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .list1 .single img {
    margin-left: 16px;
    max-height: 140px;
  }
  
  .page-content.centered {
    padding: 20px;
  }
  
  .page-text table {
    display: block;
    max-width: 100%;
    overflow: auto;
  }
  
  .inner-page .page-text img {
    float: none;
    height: auto;
    width: 100%;
  }
  
  .attachments .list {
    padding: 20px;
  }
  
  .admin-box-content .box-text {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
  }
  
  .admin-box-content .pic, .admin-box-content .text {
    min-width: 100%;
    width: 100%;
  }
  
  .admin-box-content .pic {
    margin-bottom: 16px;
  }
  
  .admin-box-content .text {
    padding-left: 0;
  }
  
  .admin-box-content .box:last-child h3, .admin-box-content .box:last-child h4 {
    display: none;
  }
  
  .admin-box-nav {
    display: block;
  }
  
  .admin-box-nav span {
    display: block;
  }
  
  .admin-box-nav span + span {
    margin-left: 0;
  }
  
  .admin-box-nav a {
    padding: 16px;
  }
  
  .g-recaptcha {
    max-width: 100%;
    overflow: hidden;
  }
  
  .site-footer {
    background-position: 66px -13px;
    padding: 20px;
  }
  
  .site-footer div {
    display: block;
    text-align: center;
  }
  
  .site-footer div p:first-child {
    margin-bottom: 12px;
    margin-left: 0;
  }
}

@media screen and (max-width: 531px) {
  .wrap {
    box-sizing: border-box;
    width: 100%;
  }
  
  .inner-page .site-header {
    background: #901f19 none;
  }
  
  .site-logo {
    left: 0;
    right: 0;
  }
  
  .site-logo:before {
    background-color: #ac2b25;
    bottom: 0;
    content: '';
    height: 1px;
    left: 16px;
    position: absolute;
    right: 16px;
    top: auto;
    width: auto;
  }
  
  .site-logo a {
    margin: 0 auto;
    padding-right: 0;
  }
  
  .inner-page .site-logo a:after {
    display: none;
  }
  
  .referendum-circle {
    transform: scale(.5) translateX(-100%);
    transform-origin: center bottom;
    top: -18px;
    left: 50%;
    right: auto;
  }
  
  .mega-menu {
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
  }
  
  .mega-admin-top {
    border-bottom: 0;
    display: block;
  }
  
  .mega-mayor-box, .mega-admin-links {
    box-sizing: border-box;
    height: auto;
    padding-top: 0;
    width: 100%;
  }
  
  .mega-mayor-box .pic {
    margin-right: 0;
    float: none;
  }
  
  .mega-mayor-box img {
    height: auto;
    width: 100%;
  }
  
  .mega-mayor-box .text {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  
  .mega-mayor-box h3 + p {
    margin-bottom: 12px;
  }
  
  .mega-admin-links {
    padding: 16px;
  }
  
  .mega-admin-links div:last-child {
    margin-top: 12px;
  }
  
  .mega-servs .content, .mega-servs .center, .mega-servs .center .blocks {
    display: block;
  }
  
  .mega-servs .center .blocks a, .mega-servs .center > div + div {
    display: block;
    width: auto;
  }
  
  .mega-servs .center .blocks a:first-child {
    margin-bottom: 4px;
  }
  
  .mega-servs .center > div:last-child {
    padding-left: 0;
  }
  
  .mega-servs .top img {
    max-width: 100%;
    width: auto;
  }
  
  .mega-servs .center a {
    font-size: 17px;
    line-height: 17px;
  }
  
  .mega-servs .center a + a {
    margin-top: 10px;
  }
  
  .mega-concil .content, .mega-concil .content div:last-child {
    display: block;
  }
  
  .mega-concil .content div:nth-child(1), .mega-concil .content div:last-child a:nth-child(1) {
    padding-right: 0;
  }
  
  .mega-concil .content div:nth-child(2), .mega-concil .content div:last-child a:nth-child(2) {
    padding-left: 0;
  }
  
  .mega-concil .content div:nth-child(1), .mega-concil .content div:nth-child(2), .mega-concil .content div:last-child a {
    -ms-flex: 0;
    flex: 0;
    max-width: none;
  }
  
  .mega-concil .content div + div, .mega-concil .content div:last-child {
    padding-top: 12px;
  }
  
  .mega-concil .content div:last-child a + a {
    padding-top: 12px;
  }
  
  .mega-admin:before, .mega-servs:before, .mega-concil:before {
    left: 32px;
  }
  
  .site-search {
    height: 20px;
  }
  
  .site-search span {
    display: none;
  }
  
  .search-box .fields {
    padding: 4px;
  }
  
  .search-box label {
    display: none;
  }
  
  .search-field {
    box-sizing: border-box;
    max-width: calc(100% - 44px);
  }
  
  .search-box div {
    padding-left: 10px;
  }
  
  .about-box ul {
    display: block;
  }
  
  .about-box li {
    -ms-flex: 0;
    flex: 0;
    margin-bottom: 10px;
    max-width: none;
    padding: 0;
  }
  
  .serv-box li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .list1 a {
    display: block;
  }
  
  .list1 .date {
    margin-bottom: 12px;
  }
  
  .list1 .single img {
    display: none;
  }
  
  .list1 .single p img {
    display: block;
    margin: 0 auto 1em;
    max-height: none;
    max-width: 100%;
  }
  
  .banners-box img {
    width: 100%;
  }
  
  .news-list a {
    display: block;
    height: auto;
  }
  
  .news-list .date {
    display: block;
    height: auto;
    padding: 5px;
    width: 100%;
  }
  
  .news-list .date span:first-child {
    display: inline;
    line-height: normal;
    margin-right: -2px;
  }
  
  .news-list .date span:first-child:after {
    content: '.';
  }
  
  .news-list .title {
    display: block;
  }
  
  .banners-box > div {
    width: 100%;
  }
  
  .weather-box .name {
    font-size: 16px;
    line-height: 16px;
  }
  
  .weather-box .icon {
    font-size: 36px;
  }
  
  .weather-box .status {
    font-size: 12px;
    line-height: 12px;
  }
  
  .site-footer nav, .site-footer div {
    display: block;
  }
  
  .site-footer nav ul {
    box-sizing: border-box;
    -ms-flex: 0;
    flex: 0;
    margin-right: 0;
    max-width: none;
  }
  
  .site-footer nav ul:last-child {
    margin-left: 0;
  }
  
  .cookie-info > div {
    flex-direction: column;
    gap: 16px;
  }
  
  .cookie-info p {
    padding-right: 0;
  }
  
  .cookie-agree {
    padding: 8px 32px;
  }
}

@media screen and (max-width: 480px) {
  .referendum.proekt p {
    border-left: 0;
    font-size: 16px;
    line-height: 22px;
    padding-left: 0;
  }

  .proekt-obyad {
    border-radius: 8px;
    padding: 8px 12px;
  }
  
  .proekt-obyad strong {
    border-left: 0;
    font-size: 16px;
    margin-bottom: 8px;
    padding-left: 0;
  }
  
  .proekt-obyad strong br {
    display: none;
  }
  
  .proekt-obyad img {
    max-width: none;
    width: 196px;
  }
  
  .banners-box > .proekt p {
    border-left: 0;
    padding-left: 0;
  }
  
  .banners-box > .proekt p strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 320px) {
}

.yt-embed { text-align: center; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 64px; max-width: 100%; } .yt-embed iframe, p:has([title="YouTube video player"]) object, .yt-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.responsive-video {
  height: auto;
  width: 100%;
}