/* Start:/local/templates/safety/css/vendor.css?150000869615628*/
.col{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:0 .5rem}.col--no-gutters{padding:0}.grid{box-sizing:border-box;padding:0 .5rem}.grid--container{margin:0 auto;max-width:1200px;width:100%}.grid--no-gutters{padding:0}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-right:-.5rem;margin-left:-.5rem;padding-right:0;padding-left:0}.row:last-child{margin-bottom:0}.row--no-gutters{margin:0}.text--left{text-align:left}.text--right{text-align:right}.text--center{text-align:center}.row--xs-top{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.row--xs-center{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.row--xs-bottom{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.col--xs-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--xs-align-center{-ms-flex-item-align:center;align-self:center}.col--xs-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--xs-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--xs-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--xs-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.row--xs-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col--xs-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.text--xs-right{text-align:right}.text--xs-left{text-align:left}.text--xs-center{text-align:center}.col--xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%;padding:0 .5rem}.col--xs-1{width:8.333333333333334%}.col--xs-1,.col--xs-2{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xs-2{width:16.666666666666668%}.col--xs-3{width:25%}.col--xs-3,.col--xs-4{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xs-4{width:33.333333333333336%}.col--xs-5{width:41.66666666666667%}.col--xs-5,.col--xs-6{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xs-6{width:50%}.col--xs-7{width:58.333333333333336%}.col--xs-7,.col--xs-8{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xs-8{width:66.66666666666667%}.col--xs-9{width:75%}.col--xs-9,.col--xs-10{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xs-10{width:83.33333333333334%}.col--xs-11{width:91.66666666666667%}.col--xs-11,.col--xs-12{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xs-12{width:100%}.col--xs-offset-0{margin-left:0}.col--xs-offset-1{margin-left:8.333333333333334%}.col--xs-offset-2{margin-left:16.666666666666668%}.col--xs-offset-3{margin-left:25%}.col--xs-offset-4{margin-left:33.333333333333336%}.col--xs-offset-5{margin-left:41.66666666666667%}.col--xs-offset-6{margin-left:50%}.col--xs-offset-7{margin-left:58.333333333333336%}.col--xs-offset-8{margin-left:66.66666666666667%}.col--xs-offset-9{margin-left:75%}.col--xs-offset-10{margin-left:83.33333333333334%}.col--xs-offset-11{margin-left:91.66666666666667%}.col--xs-offset-12{margin-left:100%}@media (min-width:601px){.row--sm-top{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.row--sm-center{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.row--sm-bottom{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.col--sm-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--sm-align-center{-ms-flex-item-align:center;align-self:center}.col--sm-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--sm-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--sm-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.row--sm-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col--sm-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.text--sm-right{text-align:right}.text--sm-left{text-align:left}.text--sm-center{text-align:center}.col--sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%;padding:0 .5rem}.col--sm-1{width:8.333333333333334%}.col--sm-1,.col--sm-2{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--sm-2{width:16.666666666666668%}.col--sm-3{width:25%}.col--sm-3,.col--sm-4{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--sm-4{width:33.333333333333336%}.col--sm-5{width:41.66666666666667%}.col--sm-5,.col--sm-6{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--sm-6{width:50%}.col--sm-7{width:58.333333333333336%}.col--sm-7,.col--sm-8{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--sm-8{width:66.66666666666667%}.col--sm-9{width:75%}.col--sm-9,.col--sm-10{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--sm-10{width:83.33333333333334%}.col--sm-11{width:91.66666666666667%}.col--sm-11,.col--sm-12{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--sm-12{width:100%}.col--sm-offset-0{margin-left:0}.col--sm-offset-1{margin-left:8.333333333333334%}.col--sm-offset-2{margin-left:16.666666666666668%}.col--sm-offset-3{margin-left:25%}.col--sm-offset-4{margin-left:33.333333333333336%}.col--sm-offset-5{margin-left:41.66666666666667%}.col--sm-offset-6{margin-left:50%}.col--sm-offset-7{margin-left:58.333333333333336%}.col--sm-offset-8{margin-left:66.66666666666667%}.col--sm-offset-9{margin-left:75%}.col--sm-offset-10{margin-left:83.33333333333334%}.col--sm-offset-11{margin-left:91.66666666666667%}.col--sm-offset-12{margin-left:100%}}@media (min-width:769px){.row--md-top{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.row--md-center{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.row--md-bottom{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.col--md-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--md-align-center{-ms-flex-item-align:center;align-self:center}.col--md-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--md-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--md-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.row--md-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col--md-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.text--md-right{text-align:right}.text--md-left{text-align:left}.text--md-center{text-align:center}.col--md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%;padding:0 .5rem}.col--md-1{width:8.333333333333334%}.col--md-1,.col--md-2{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--md-2{width:16.666666666666668%}.col--md-3{width:25%}.col--md-3,.col--md-4{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--md-4{width:33.333333333333336%}.col--md-5{width:41.66666666666667%}.col--md-5,.col--md-6{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--md-6{width:50%}.col--md-7{width:58.333333333333336%}.col--md-7,.col--md-8{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--md-8{width:66.66666666666667%}.col--md-9{width:75%}.col--md-9,.col--md-10{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--md-10{width:83.33333333333334%}.col--md-11{width:91.66666666666667%}.col--md-11,.col--md-12{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--md-12{width:100%}.col--md-offset-0{margin-left:0}.col--md-offset-1{margin-left:8.333333333333334%}.col--md-offset-2{margin-left:16.666666666666668%}.col--md-offset-3{margin-left:25%}.col--md-offset-4{margin-left:33.333333333333336%}.col--md-offset-5{margin-left:41.66666666666667%}.col--md-offset-6{margin-left:50%}.col--md-offset-7{margin-left:58.333333333333336%}.col--md-offset-8{margin-left:66.66666666666667%}.col--md-offset-9{margin-left:75%}.col--md-offset-10{margin-left:83.33333333333334%}.col--md-offset-11{margin-left:91.66666666666667%}.col--md-offset-12{margin-left:100%}}@media (min-width:1025px){.row--lg-top{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.row--lg-center{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.row--lg-bottom{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.col--lg-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--lg-align-center{-ms-flex-item-align:center;align-self:center}.col--lg-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--lg-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--lg-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.row--lg-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col--lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.text--lg-right{text-align:right}.text--lg-left{text-align:left}.text--lg-center{text-align:center}.col--lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%;padding:0 .5rem}.col--lg-1{width:8.333333333333334%}.col--lg-1,.col--lg-2{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--lg-2{width:16.666666666666668%}.col--lg-3{width:25%}.col--lg-3,.col--lg-4{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--lg-4{width:33.333333333333336%}.col--lg-5{width:41.66666666666667%}.col--lg-5,.col--lg-6{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--lg-6{width:50%}.col--lg-7{width:58.333333333333336%}.col--lg-7,.col--lg-8{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--lg-8{width:66.66666666666667%}.col--lg-9{width:75%}.col--lg-9,.col--lg-10{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--lg-10{width:83.33333333333334%}.col--lg-11{width:91.66666666666667%}.col--lg-11,.col--lg-12{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--lg-12{width:100%}.col--lg-offset-0{margin-left:0}.col--lg-offset-1{margin-left:8.333333333333334%}.col--lg-offset-2{margin-left:16.666666666666668%}.col--lg-offset-3{margin-left:25%}.col--lg-offset-4{margin-left:33.333333333333336%}.col--lg-offset-5{margin-left:41.66666666666667%}.col--lg-offset-6{margin-left:50%}.col--lg-offset-7{margin-left:58.333333333333336%}.col--lg-offset-8{margin-left:66.66666666666667%}.col--lg-offset-9{margin-left:75%}.col--lg-offset-10{margin-left:83.33333333333334%}.col--lg-offset-11{margin-left:91.66666666666667%}.col--lg-offset-12{margin-left:100%}}@media (min-width:1200px){.row--xl-top{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.row--xl-center{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.row--xl-bottom{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.col--xl-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--xl-align-center{-ms-flex-item-align:center;align-self:center}.col--xl-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--xl-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--xl-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.row--xl-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col--xl-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.text--xl-right{text-align:right}.text--xl-left{text-align:left}.text--xl-center{text-align:center}.col--xl{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%;padding:0 .5rem}.col--xl-1{width:8.333333333333334%}.col--xl-1,.col--xl-2{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xl-2{width:16.666666666666668%}.col--xl-3{width:25%}.col--xl-3,.col--xl-4{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xl-4{width:33.333333333333336%}.col--xl-5{width:41.66666666666667%}.col--xl-5,.col--xl-6{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xl-6{width:50%}.col--xl-7{width:58.333333333333336%}.col--xl-7,.col--xl-8{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xl-8{width:66.66666666666667%}.col--xl-9{width:75%}.col--xl-9,.col--xl-10{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xl-10{width:83.33333333333334%}.col--xl-11{width:91.66666666666667%}.col--xl-11,.col--xl-12{-webkit-box-flex:0;-ms-flex:none;flex:none}.col--xl-12{width:100%}.col--xl-offset-0{margin-left:0}.col--xl-offset-1{margin-left:8.333333333333334%}.col--xl-offset-2{margin-left:16.666666666666668%}.col--xl-offset-3{margin-left:25%}.col--xl-offset-4{margin-left:33.333333333333336%}.col--xl-offset-5{margin-left:41.66666666666667%}.col--xl-offset-6{margin-left:50%}.col--xl-offset-7{margin-left:58.333333333333336%}.col--xl-offset-8{margin-left:66.66666666666667%}.col--xl-offset-9{margin-left:75%}.col--xl-offset-10{margin-left:83.33333333333334%}.col--xl-offset-11{margin-left:91.66666666666667%}.col--xl-offset-12{margin-left:100%}}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}
/* End */


/* Start:/local/templates/safety/css/style.css?159101046732337*/
* {
  box-sizing: border-box;
}
html,
body {
  padding: 0;
  margin: 0;
  background: #fff;
  font-family: "Open Sans", "Trebuchet MS", "Arial", "Tahoma", "Verdana", "sans-serif";
  color: #22252d;
  line-height: normal;
}
html {
  min-width: 320px;
}
html.bx-ie {
  height: 100%;
  display: flex;
  flex-direction: column;
}
html,
body,
input,
textarea {
  font-size: 14px;
}
input::-ms-clear {
  display: none;
}
a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
}
a,
img,
button,
input,
textarea,
select {
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  border: none;
}
p {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #44474c;
}
h1 {
  font-size: 200%;
}
h2 {
  font-size: 150%;
}
h3 {
  font-size: 130%;
}
h4 {
  font-size: 130%;
}
h5 {
  font-size: 100%;
}
h6 {
  font-size: 100%;
}
.body {
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.bx-ie .body {
  position: relative;
  flex: 1;
}
.main {
  flex-grow: 1;
  flex-shrink: 0;
  background: #f6f5f4;
}
.main--white {
  background: #fff;
}
.hidden {
  display: none;
}
.main-color {
  color: #ff9d00;
}
.light-color {
  color: #6c6f74;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: #22252d;
  fill: #22252d;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 25px;
  background: #ff9d00;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 3px;
  line-height: 1;
}
.button__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5em;
  fill: #fff;
  stroke: #fff;
}
.button:hover {
  background: #ffb201;
}
.button--white {
  border: 1px solid #ddd9d3;
  background: #fff;
  color: #000;
}
.button--white:hover {
  background: #f0f0f0;
}
.button--disabled,
.button.disabled {
  background: #c8c4bb;
  cursor: default;
}
.button--disabled:hover,
.button.disabled:hover {
  background: #c8c4bb;
}
.link {
  color: #22252d;
  transition: 0.2s;
}
.link:hover {
  color: #ff9d00;
}
.alert {
  width: 400px;
  padding: 20px;
  position: absolute;
  left: calc(50% - 200px);
  top: 35%;
  background: #fff;
  border-radius: 3px;
  border-color: #ff9d00;
  z-index: 999;
}
.alert__text {
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}
.alert__button {
  max-width: 200px;
  margin: 0 auto;
}
.logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.logo__img {
  margin-right: 15px;
}
.logo__img--small {
  width: 40px;
}
.logo__name {
  font-size: 18px;
  font-weight: 600;
  color: #45474d;
}
.main-banner {
  overflow: hidden;
}
.main-banner__content {
  position: relative;
}
.main-banner__bg {
  display: block;
  width: 100%;
}
.main-banner__year {
  position: absolute;
  top: 50%;
  right: calc((100% - 1210px) / 2);
}
.copyright {
  color: #6c6f74;
  transition: 0.2s color;
}
.copyright:hover {
  color: inherit;
}
.section__header {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  color: #44474c;
}
.section__title {
  margin-right: auto;
}
.section__top-buttons {
  display: flex;
}
.section__top-buttons .button:not(:last-of-type) {
  margin-right: 10px;
}
.section__content {
  max-width: 1210px;
  padding: 0 20px;
  margin: 0 auto;
}
.section--messages {
  background: #f6f5f4;
}
.section--page {
  padding: 30px 0;
}
.section--breadcrumbs {
  padding-top: 30px;
}
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb__item {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.breadcrumb__item:not(:last-child)::after {
  content: '\\';
  color: #7e7e7e;
  margin: 0 7px;
}
.breadcrumb__link {
  color: #ff9d00;
  transition: border 0.2s;
  border-bottom: 1px solid transparent;
}
.breadcrumb__link:hover {
  border-color: #ff9d00;
}
.datetime {
  font-weight: 600;
  color: #6c6f74;
}
.datetime__date {
  color: #ff9d00;
}
.visibility {
  display: flex;
  align-items: center;
}
.visibility__icon {
  margin-right: 10px;
}
.type-icon {
  display: flex;
  flex: 1;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  background: #f6f5f4;
  box-shadow: rgba(0,0,0,0.1) 0 2px;
  border-radius: 3px;
  transition: all 0.2s;
}
.type-icon--white {
  background: #fff;
}
.type-icon:hover {
  background: #ff9d00;
}
.counter {
  display: flex;
  align-items: center;
  color: #6c6f74;
}
.counter__icon {
  width: 24px;
  height: 24px;
  fill: #c9c5bc;
  margin-right: 7px;
}
.share {
  display: flex;
  align-items: center;
  color: #6c6f74;
}
.share__title {
  margin-right: 10px;
}
.share__socials {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}
.share__socials:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.warning {
  position: relative;
  display: flex;
  height: 70px;
  padding: 0 20px;
  align-items: center;
  opacity: 1;
  overflow: hidden;
  background: rgba(255,157,0,0.05);
  border: 3px solid #ff9d00;
  border-radius: 5px;
  color: #ff9d00;
  font-weight: 600;
  transition: all 0.3s;
}
.warning__text {
  margin-right: 15px;
}
.warning__close {
  margin-left: auto;
}
.warning--closed {
  height: 0;
  opacity: 0;
  border-width: 0;
}
.status {
  position: relative;
  width: 34px;
  height: 34px;
  line-height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.status[data-code=new] {
  background-color: #01aef0;
}
.status[data-code=new] .status__value {
  color: #01aef0;
}
.status[data-code=execution] {
  background-color: #ff9d00;
}
.status[data-code=execution] .status__value {
  color: #ff9d00;
}
.status[data-code=closed] {
  background-color: #469d1a;
}
.status[data-code=closed] .status__value {
  color: #469d1a;
}
.status[data-code=rejected] {
  background-color: #767e91;
}
.status[data-code=rejected] .status__value {
  color: #767e91;
}
.status[data-code='closed'] {
  background-image: url("../../../../../../local/templates/safety/images/status--closed.svg");
}
.status[data-code='rejected'] {
  background-image: url("../../../../../../local/templates/safety/images/status--rejected.svg");
}
.status::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  background: transparent;
  border: 3px solid #fff;
  border-radius: inherit;
}
.status__value {
  font-weight: 600;
}
.status__icon {
  width: 14px;
  height: 14px;
  fill: #fff;
}
.status__icon-path {
  stroke: #fff;
  stroke-width: 2;
}
.status__tip {
  padding: 7px 10px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: calc(50% + 8px);
  background: #fff;
  color: #6c6f74;
  white-space: nowrap;
  line-height: 1;
  border-radius: 5px;
  box-shadow: 3px 3px 15px 0 rgba(0,0,0,0);
  opacity: 0;
  transform: scale(0);
  transform-origin: left bottom;
  transition: transform 0.2s, opacity 0.2s, box-shadow 0.1s;
  cursor: default;
}
.status__tip::before {
  content: '';
  position: absolute;
  top: calc(100% - 1px);
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: #fff transparent transparent transparent;
}
.status:hover .status__tip {
  opacity: 1;
  transform: scale(1);
  box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.3);
  z-index: 500;
}
.status--small {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 8px;
}
.status--small::before {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 3px;
  left: 3px;
  border-width: 2px;
}
.map__balloon-content {
  padding: 5px;
  max-width: 250px;
}
.map__balloon-address {
  font-weight: 600;
}
.map__clear-placemark-button {
  margin-top: 10px;
}
.form__field-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.form__field-container::after {
  content: attr(data-error);
  display: block;
  height: 0;
  flex: 1 1 100%;
  color: #ff9d00;
  font-style: italic;
  overflow: hidden;
  transition: height 0.3s;
}
.form__field-container--error {
  flex-wrap: wrap;
}
.form__field-container--error .form__field {
  border: none;
  box-shadow: #ff9d00 0 0 5px 2px;
}
.form__field-container--error::after {
  height: 30px;
  line-height: 30px;
}
.form__placeholder {
  padding: 7px 10px;
  position: absolute;
  left: 0;
  top: 0;
  color: #6c6f74;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 1;
}
.form__placeholder--required::after {
  content: '*';
  color: #ff9d00;
}
.form__field-label {
    display: block;
    flex: 1 100%;
    margin-bottom: 3px;
    font-weight: 600;
    color: #6c6f74;
}
.form__field {
  flex: 1;
  padding: 7px 10px;
  border-radius: 5px;
  border: 1px solid #ddd9d3;
  box-shadow: 0 2px 0 0 #b9b8b6;
  background: #fff;
  transition: box-shadow 0.2s;
}
.form__field--date {
  position: relative;
  padding-right: 35px;
}
.form__field[disabled] {
  background-color: #ebebe4;
  color: #545454;
}
.form__input[required] {
  box-shadow: none;
}
.form__input,
.form__textarea {
  width: 100%;
}
.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
  color: #6c6f74;
}
.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
  color: #6c6f74;
}
.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
  color: #6c6f74;
}
.form__input::placeholder,
.form__textarea::placeholder {
  color: #6c6f74;
}
html:not(.bx-ie) .form__input:valid ~ .form__placeholder,
html:not(.bx-ie) .form__textarea:valid ~ .form__placeholder {
  display: none;
}
.form__textarea {
  padding: 15px;
  resize: vertical;
  line-height: 1.3;
}
.form__textarea ~ .form__placeholder {
  padding: 15px;
}
.form__dash {
  margin: 0 5px;
}
.form__icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  fill: #c8c4bb;
  transition: fill 0.2s;
  cursor: pointer;
}
.form__icon:hover {
  fill: #a29d90;
}
.form__buttons {
  display: flex;
}
.form__buttons .button:last-child {
  margin-left: 10px;
}
.form__hint {
  margin: 25px 0;
}
.form__captcha {
  display: flex;
  align-items: flex-start;
}
.form__captcha .form__field-container {
  flex: 1;
}
.form__captcha-image {
  max-width: 180px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  font-size: 0;
  margin-bottom: 15px;
  padding: 5px 0 !important;
  overflow: hidden;
}
.form__captcha-image::before {
  content: '';
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(255,157,0,0.7) url("../../../../../../local/templates/safety/images/refresh.svg") no-repeat center;
  background-size: 18%;
  opacity: 0;
  transition: opacity 0.3s;
}
.form__captcha-image:hover::before {
  opacity: 1;
}
.file {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.file__icon {
  width: 24px;
  height: 35px;
  fill: #ff9d00;
  margin-right: 0.5em;
}
.file__extension {
  font-size: 6px;
  fill: #fff;
  cursor: default;
}
.file__link {
  text-decoration: underline;
  color: #ff9d00;
}
.file__link--name {
  color: #22252d;
}
.file__link:hover {
  text-decoration: none;
}
.file__delete {
  margin-left: 25px;
  font-size: 12px;
  color: #ff9d00;
}
.file__delete-text {
  border-bottom: 1px dashed #22252d;
  color: #22252d;
  font-size: 13px;
}
.file--image {
  display: block;
  max-width: 120px;
  margin-right: 20px;
}
.file--image .file__delete {
  display: block;
  margin-left: 0;
}
.file__image {
  flex: 1 1 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.file-input {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  justify-content: center;
  align-items: center;
  border: 2px dashed #ddd9d3;
  border-radius: 5px;
}
.file-input__title {
  font-weight: 600;
  margin-right: 50px;
}
.file-input__button {
  position: relative;
}
.file-input__input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  cursor: pointer;
}
.file-input__files {
  flex: 1 1 100%;
}
.file-input__files--images {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.file-input--disabled {
  background-color: #ebebe4;
  color: #545454;
}
/*---------------------- HEADER ------------------------*/
html:not(.bx-ie) .header {
  width: 100%;
}
.header {
  position: relative;
  z-index: 100;
}
.header__content {
  position: relative;
  background: #fff;
  box-shadow: rgba(0,0,0,0.4) 0 0 25px;
}
.header__top {
  width: 100%;
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #ddd9d3;
}
.header__top-content {
  max-width: 1170px;
  margin: 0 auto;
}
.header__bottom {
  display: flex;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1025px) {
  .header--main {
    width: 100%;
    position: absolute;
    padding: 20px 20px 0;
  }
  .header--main .header__top {
    padding: 15px 20px;
  }
  .header--main .header__bottom {
    padding: 0;
  }
  .header--main .header__content {
    max-width: 1210px;
    margin: 0 auto;
    border-radius: 5px;
  }

  .header--old-browser {
    padding-top: 80px !important;
  }
}
.header--main .menu {
  padding-left: 20px;
}
.header--main .header__report {
  overflow: hidden;
  border-bottom-right-radius: 5px;
}
.header--main .header__bottom {
  max-width: none;
}
.header__logo-name {
  font-size: 28px;
}
.header__statistics {
  display: flex;
  justify-content: center;
}
.header__report-button {
  height: 100%;
  border-radius: 0;
}
.header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.header__user {
  flex: 1;
  min-width: 100%;
  margin-top: 15px;
  text-align: right;
}
.statistics {
  display: flex;
  align-items: center;
}
.statistics__diagram {
  width: 50px;
  margin-right: 15px;
}
.statistics__img {
  display: block;
  height: 50px;
  transform: rotate(-90deg);
}
.statistics__circle {
  fill: transparent;
}
.statistics__circle--bg {
  stroke: #ff9d00;
}
.statistics__circle--main {
  stroke: #61aa3e;
  transition: stroke-dashoffset 1s ease;
  will-change: stroke-dashoffset;
}
.statistics__circle--main-active {
  stroke-dashoffset: 0;
}
.statistics__count {
  font-size: 14px;
  color: #6c6f74;
}
.statistics__number {
  font-size: 18px;
  font-weight: 600;
  color: #22252d;
}
.statistics__number--total {
  color: #ff9d00;
}
.statistics__number--solved {
  color: #61aa3e;
}
.statistics--type {
  margin-top: 10px;
}
.statistics--type .statistics__count {
  display: flex;
}
.statistics--type .statistics__count-type:first-child {
  margin-right: 15px;
}
.statistics--type .statistics__number {
  font-size: inherit;
}
.menu {
  flex: 1;
  transition: background 0.2s, color 0.2s;
}
.menu__title {
  display: none;
  height: 100%;
  align-items: center;
  font-weight: 600;
}
.menu__hamburger {
  position: relative;
  width: 21px;
  height: 3px;
  margin-right: 1em;
  background: #ff9d00;
  transition: background 0.2s;
}
.menu__hamburger::before,
.menu__hamburger::after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background: inherit;
}
.menu__hamburger::before {
  bottom: 7px;
}
.menu__hamburger::after {
  top: 7px;
}
.menu__content {
  display: flex;
}
.menu__item {
  transition: background 0.2s;
}
.menu__item:hover {
  background: #f4ecdd;
}
@media screen and (min-width: 1025px) {
  .menu__item--current {
    position: relative;
  }
  .menu__item--current::after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ff9d00;
  }
}
@media screen and (max-width: 1024px) {
  .menu__item--current {
    background: #efeae4;
  }
}
.menu__item--parent {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .menu__item--parent:hover .submenu {
    opacity: 1;
    height: auto;
  }
}
.menu__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px 20px;
  font-weight: 600;
  line-height: 1;
  height: 100%;
}
.menu__icon {
  margin-right: 5px;
  color: #6c6f74;
}
.menu__profile {
  display: flex;
  margin-left: auto;
}
.menu__search,
.menu__user {
  display: none;
  padding: 15px;
  border-top: 1px solid #ddd9d3;
  cursor: default;
}
.menu__user {
  text-align: right;
}
.submenu {
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f4ecdd;
  opacity: 0;
  transition: opacity 0.3s, height 0.3s ease-out;
}
.submenu__item {
  display: block;
  padding: 10px 30px 10px 40px;
  white-space: nowrap;
  transition: background 0.2s;
}
.submenu__item:hover {
  background: #fff;
}
@media screen and (min-width: 1025px) {
  .submenu::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    box-shadow: 0 2px 5px 0 rgba(69,71,78,0.2);
    z-index: 10;
  }
}
.profile {
  height: 100%;
  display: flex;
  padding: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f7f4ee;
  border-left: 1px solid #ddd9d3;
  font-weight: 600;
  transition: background 0.2s, color 0.2s;
}
.profile__icon {
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  transition: fill 0.2s;
  fill: #c8c4bb;
}
.profile:hover .profile__icon,
.profile--active .profile__icon {
  fill: #fff;
}
.profile:hover,
.profile--active {
  background: #45474e;
  color: #fff;
}
.profile--feedback {
  font-size: 0;
}
.profile--feedback .profile__icon {
  width: 22px;
  height: 22px;
}
.search__input-container {
  position: relative;
  flex: 1;
}
.search__input {
  min-width: 250px;
  width: 100%;
  padding: 5px 35px 5px 10px;
  border-bottom: 1px solid #ddd9d3;
  color: #45474e;
  font-style: italic;
  transition: border-bottom-color 0.1s;
}
.search__input::-webkit-input-placeholder {
  color: #6c6f74;
}
.search__input::-moz-placeholder {
  color: #6c6f74;
}
.search__input:-ms-input-placeholder {
  color: #6c6f74;
}
.search__input::placeholder {
  color: #6c6f74;
}
.search__input:focus {
  border-bottom-color: #45474e;
}
.search__input:focus ~ .search__button .search__icon {
  fill: #45474e;
}
.search__button {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  background: none;
}
.search__icon {
  height: 100%;
  width: 18px;
  fill: #ddd9d3;
  transition: fill 0.1s;
  cursor: pointer;
}
.search__icon:hover {
  fill: #45474e;
}
/*---------------------- BANNER ------------------------*/
.problems {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.problem {
  position: absolute;
  top: 50%;
  left: 50%;
}
.problem__dot {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
  background: #ff9d00;
  border-radius: 50%;
  border: 3px solid #fff;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: rgba(0,0,0,0.4) 4px 8px 10px 0;
  z-index: 99;
}
.problem__dot::before,
.problem__dot::after {
  content: '';
  display: block;
  position: absolute;
  border-radius: inherit;
}
.problem__dot::before {
  width: 14px;
  height: 14px;
  left: 4px;
  top: 4px;
  z-index: 5;
  background: #fff;
  transition: background 0.2s;
}
.problem__dot::after {
  width: 8px;
  height: 8px;
  left: 7px;
  top: 7px;
  z-index: 10;
  background: #ff9d00;
}
.problem__dot:hover,
.problem__dot--active {
  border-color: #ff9d00;
  background: #fff;
}
.problem__dot:hover::before,
.problem__dot--active::before {
  background: #ff9d00;
}
.problem[data-problem="house"] {
  left: 30%;
}
.problem[data-problem="courtyard"] {
  left: 36%;
  top: 75%;
}
.problem[data-problem="street"] {
  left: 58%;
  top: 76%;
}
.problem[data-problem="construction_plant"] {
  left: 44%;
  top: 42%;
}
.problem[data-problem="waterbody"] {
  left: 75%;
  top: 89%;
}
.problem__info {
  position: absolute;
  width: 340px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.4) 0 10px 25px 5px;
  transition: opacity 0.3s;
  z-index: 50;
}
.problem__close {
  content: '❌';
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 600;
  color: #ff9d00;
  cursor: pointer;
}
.problem__title {
  width: 80%;
  font-weight: 600;
  margin-bottom: 20px;
}
.problem__button {
  margin-top: 20px;
}
/*---------------------- TYPES ------------------------*/
.section--main-types {
  padding: 30px 0;
}
.type {
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: all 0.2s;
}
.type:hover {
  border-color: #d3d2d1;
  color: #7f5004;
}
.type:hover .type-icon {
  background: #ff9d00;
}
.type__content {
  display: flex;
  align-items: flex-start;
}
.type__info {
  margin-left: 20px;
  flex: 1;
}
.type__text {
  font-weight: 600;
}
.row--type .col {
  padding: 20px;
}
/*---------------------- FOOTER ------------------------*/
.footer {
  padding: 30px 0;
  border-top: 1px solid #ddd9d3;
}
.footer-wrapper {
  max-width: 1210px;
  padding: 0 20px;
  margin: 0 auto;
}
.footer-wrapper .row {
  align-items: center;
}
.footer__copyright {
  flex-basis: 100%;
  margin-top: 15px;
  text-align: center;
}
.footer__openregion {
  display: flex;
  justify-content: center;
}
.feedback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  transition: color 0.2s;
}
.feedback__icon {
  width: 2em;
  height: 2em;
  margin-right: 10px;
  fill: #c8c4bb;
  transition: fill 0.2s;
}
.feedback:hover {
  color: #7f5004;
}
.feedback:hover .feedback__icon {
  fill: #ff9d00;
}
.openregion {
  height: 50px;
  margin-left: 50px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #45474d;
  transition: color 0.2s;
}
.openregion__logo {
  position: absolute;
  width: 35px;
  left: -22px;
  top: 4px;
}
.openregion__name {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}
.openregion__name strong {
  display: block;
}
.openregion:hover {
  color: inherit;
}
.socials {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #6c6f74;
}
.socials__link {
  margin-left: 3px;
  padding: 5px;
  background: #ff9d00;
  font-size: 0;
  border-radius: 3px;
  transition: background 0.2s;
}
.socials__link:first-child {
  margin-left: 10px;
}
.socials__link:hover {
  background: #22252d;
}
.socials__icon {
  width: 20px;
  height: 20px;
}
.about__text {
  margin-bottom: 25px;
}
.about__text p:not(:last-child) {
  margin-bottom: 15px;
}
.about__banners h2 {
  font-size: 18px;
}
@media screen and (max-width: 600px) {
  .about__banners h2 {
    font-size: 15px;
  }
}
/*---------------------- MENU, SEARCH, PROBLEMS-INFO BG ------------------------*/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  background: #000;
  z-index: -1;
  transition: opacity 0.3s, z-index 0s 0.3s;
}
.body--popup {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.body--popup .overlay {
  z-index: 500;
  opacity: 0.5;
  transition: opacity 0.3s;
}
/*---------------------- MEDIA ------------------------*/
@media screen and (max-width: 1210px) {
  .main-banner__year {
    right: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .hidden-lg {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .hidden-md {
    display: none;
  }
  .header {
    position: static;
    padding: 0;
    z-index: initial;
  }
  .header__content {
    border-radius: 0;
    display: flex;
  }
  .header__top {
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: none;
    width: auto;
    flex: 1;
  }
  .header__top .logo {
    padding: 0;
  }
  .header__logo-name {
    font-size: 18px;
  }
  .header__logo-img {
    width: 50px;
  }
  .header__bottom {
    flex: 0 0 120px;
  }
  .menu {
    padding: 0 15px;
    cursor: pointer;
  }
  .menu--active,
  .menu:hover {
    z-index: 999;
    background: #ff9d00;
  }
  .menu--active .menu__title,
  .menu:hover .menu__title {
    color: #fff;
  }
  .menu--active .menu__hamburger,
  .menu:hover .menu__hamburger {
    background: #fff;
  }
  .menu__title {
    display: flex;
  }
  .menu__content {
    position: absolute;
    right: 0;
    top: 100%;
    width: 380px;
    flex-direction: column;
    max-height: calc(100vh - 100%);
    overflow-y: auto;
    background: #fff;
    z-index: 200;
    transition: top 0.3s linear, opacity 0.2s 0.1s;
    opacity: 0;
  }
  .menu__content::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    box-shadow: 0 2px 5px 0 rgba(69,71,78,0.4);
    z-index: 10;
  }
  .menu--active .menu__content {
    opacity: 1;
    transition: top 0.3s linear, opacity 0.3s;
    z-index: 999;
  }
  .menu__item--active {
    background: #f4ecdd;
  }
  .menu__item--active .submenu {
    height: auto;
  }
  .menu__item--active .menu__icon {
    transform: none;
  }
  .menu__link {
    height: auto;
    padding: 10px 0 10px 50px;
    justify-content: flex-start;
  }
  .menu__icon {
    position: absolute;
    left: 35px;
    top: 11px;
    transform: rotate(-90deg);
    transition: transform 0.2s;
  }
  .menu__profile {
    display: block;
    margin: 0;
  }
  .menu__search,
  .menu__user {
    display: block;
  }
  .profile {
    padding: 15px 0;
    border-top: 1px solid #ddd9d3;
    border-left: none;
    height: auto;
  }
  .profile__icon {
    margin-left: -1em;
  }
  .profile--feedback {
    font-size: inherit;
  }
  .profile--feedback .profile__icon {
    width: 1.5em;
    height: 1.5em;
  }
  .submenu {
    position: relative;
    top: auto;
    opacity: 1;
  }
  .submenu__item {
    padding-left: 65px;
  }
  .main-banner {
    overflow: visible;
  }
  .main-banner__report-button {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .main-banner__year {
    padding: 7px 0;
    background: #fff;
    border-radius: 25%;
    right: initial;
    top: initial;
    left: 15px;
    bottom: 15px;
    line-height: 0;
  }
  .main-banner__year-img {
    position: relative;
    z-index: 1;
  }
  .main-banner__year::before,
  .main-banner__year::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 68px;
    top: 0;
    border-radius: 50%;
    background: inherit;
    z-index: 0;
  }
  .main-banner__year::before {
    left: -7px;
  }
  .main-banner__year::after {
    right: -7px;
  }
  .socials {
    justify-content: center;
  }
  .problem[data-problem="house"] {
    top: 35%;
  }
  .problem[data-problem="courtyard"] {
    top: 57%;
  }
  .problem[data-problem="street"] {
    top: 58%;
  }
  .problem[data-problem="construction_plant"] {
    top: 29%;
  }
  .problem[data-problem="waterbody"] {
    top: 69%;
  }
  .footer {
    padding: 15px 0;
  }
  .openregion {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .problem__info {
    width: 300px;
    padding: 15px;
  }
  .problem__title {
    margin-bottom: 15px;
  }
  .problem .statistics__count {
    font-size: 13px;
  }
  .problem .statistics__number {
    font-size: 16px;
  }
  .section__top-buttons {
    display: block;
  }
  .section__top-buttons .button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .hidden-xs {
    display: none;
  }
  .header__report-button {
    font-size: 0;
  }
  .menu__content {
    width: 100vw;
  }
  .main-banner {
    display: none;
  }
  .section__header {
    margin-bottom: 20px;
  }
  .section__header h1 {
    font-size: 18px;
  }
  .feedback {
    justify-content: flex-start;
  }
  .socials {
    justify-content: flex-end;
  }
  .file-input {
    justify-content: flex-start;
  }
  .file-input__title {
    margin-right: 0;
    margin-bottom: 10px;
    flex-basis: 100%;
  }
  .file {
    flex-wrap: wrap;
  }
  .file__delete {
    margin-right: 30px;
  }
  .form__captcha {
    flex-wrap: wrap;
  }
  .form__captcha .form__field-container {
    flex: initial;
    width: 100%;
  }
  .footer__openregion {
    justify-content: flex-start;
  }
  .openregion__logo {
    left: 0;
  }
  .openregion__name {
    margin-left: 23px;
  }
  .warning {
    height: 100px;
  }
}
@media screen and (max-width: 374px) {
  .header__bottom {
    flex-basis: 50px;
  }
  .menu__title {
    font-size: 0;
  }
}
@media screen and (max-width: 600px) {
  .main-banner,
  .section--main-types {
    display: none;
  }
  .section--report.hidden {
    display: block;
  }
}
.comments__add-form {
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #ddd9d3;
  border-radius: 5px;
}
.comments__textfield {
  position: relative;
  margin: 15px 0;
}
.comments__textarea {
  min-height: 90px;
}
.comments__loader {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.7);
}
.comments--loading .comments__loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.comments__send-button {
  display: inline-block;
}
.comments__tip {
  padding-top: 5px;
  padding-bottom: 20px;
  text-align: center;
}
.comment {
  margin-bottom: 15px;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #ddd9d3;
  border-radius: 5px;
}
.comment__text {
  margin-top: 15px;
  white-space: pre-line;
}
.loader {
  position: relative;
  margin: 0 auto;
  width: 50px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.loader__circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loader__path {
  stroke: #ff9d00;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.select {
  position: relative;
}
.select::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #c8c4bb transparent transparent transparent;
  transition: transform 0.2s;
}
.select__search {
  width: calc(100% - 30px);
  cursor: default;
}
.select__search:focus {
  cursor: text;
}
.select__content {
  width: 100%;
  max-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  opacity: 0;
  transition: opacity 0.3s, top 0.2s, max-height 0.3s;
  z-index: 100;
}
.select__optgroup {
  margin: 0;
  padding: 0;
  list-style: none;
}
.select__optgroup:not(:only-of-type) .select__option {
  padding-left: 20px;
}
.select__label {
  padding: 7px 10px;
  font-weight: 600;
  background: #f7f4ee;
}
.select__option {
  padding: 7px 10px;
  transition: background 0.2s;
  cursor: pointer;
  white-space: normal;
  min-height: 2em;
}
.select__option:hover,
.select__option--chosen {
  background: #e1e1e1;
}
.select__option--empty {
  font-style: italic;
  color: #6c6f74;
}
.select__message {
  padding: 7px 10px;
}
.select--active::after {
  transform: rotate(180deg);
}
.select--active .select__content {
  max-height: 300px;
  opacity: 1;
  border: 1px solid #ddd9d3;
  border-radius: 5px;
}
.select--disabled {
  background-color: #ebebe4;
}
.select--disabled .select__search {
  background: inherit;
  color: #545454;
  pointer-events: none;
}

/* End */


/* Start:/local/templates/safety/template_styles.css?1591010467347*/
.browser-warning {
    position: relative;
    padding: 10px 10px 10px 10px;
    min-height: 60px;
    text-align: center;
    font-size: 14px;
    background: #f5e7d0;
    border-bottom: 1px solid #efd9b6;
    z-index: 200;
  }
  
  .browser-warning__link {
    color: #2b76b2;
  }
  
  .browser-warning__link:hover {
    text-decoration: none;
}
/* End */
/* /local/templates/safety/css/vendor.css?150000869615628 */
/* /local/templates/safety/css/style.css?159101046732337 */
/* /local/templates/safety/template_styles.css?1591010467347 */