.icon-social-google:before {
  background-image: url(../img/content/ico_apple.jpg);
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.page-header__group_main:after {
  background: #fff;
}

/* addit buttons */

a.btn-anim {
  font-family: "Open Sans", Helvetica, arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 80px;
  color: #6955a1;
}

.centerer {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 1rem;
}
.centerer *,
.centerer *:before,
.centerer *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

.btn-anim {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 80px;
  max-width: 350px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid #9a86d2;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 525px;
    height: 525px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 525px;
    height: 525px;
  }
}
.btn-anim {
  position: relative;
  color: #6955a1;
}
.btn-anim:before,
.btn-anim:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #9a86d2;
  border-radius: 50%;
  z-index: -1;
}
.btn-anim:before {
  left: -20px;
  transform: translate(-50%, -50%);
}
.btn-anim:after {
  right: -20px;
  transform: translate(50%, -50%);
}
.btn-anim:hover {
  color: #fff;
}
.btn-anim:hover:before {
  animation: criss-cross-left 0.8s both;
  animation-direction: alternate;
}
.btn-anim:hover:after {
  animation: criss-cross-right 0.8s both;
  animation-direction: alternate;
}

@media (min-width: 1375.99px) {
  .city-problems_filter-block .btn-default {
    width: 160px;
    padding: 9px 9px;
  }

  .filter-relevance .btn-default {
    width: 160px;
  }

  .filter-status .btn-default {
    width: 160px;
  }
}

@media (min-width: 1147.99px) and (max-width: 1375px) {
  .filter-relevance .btn-default {
    width: 130px;
  }
  .filter-status .btn-default {
    width: 130px;
  }
}

@media (min-width: 991.99px) and (max-width: 1147px) {
  .filter-relevance .btn-default {
    min-width: 100px;
  }
  .filter-status .btn-default {
    min-width: 120px;
  }
}

@media (max-width: 991px) {
  .filter-relevance .btn-default {
    width: 110px;
  }
  .filter-status .btn-default {
    width: 110px;
  }
}

/*# sourceMappingURL=main.css.map */
/* фото партнеров */
.foto_partner {
  width: 75%;
  min-width: 250px;
  max-width: 350px;
}
.btn-list-end {
  font-size: 1.8rem;
  text-transform: uppercase;
  padding: 1.6rem 4rem;
  border-radius: 5px;
  width: 75%;
  min-width: 250px;
  max-width: 350px;
}

/*для карусели на главной */
.carousel-cell {
  width: 100%;
  margin-right: 10px;
}
.carousel-cell img {
  /* min-height: 560px; */
  width: 100%;
  height: 100%;
}

/**** поиск в футере ****/

.hdr_search > .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 9px;
  font-size: 12px;
  line-height: 1.42858;
  /* color: #ffffff; */
  background-color: transparent;
  background-image: none;
  border: 1px solid #9a86d2;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.footer_nav {
  margin-bottom: 1.25em;
}

.hdr_seach .form-control {
  background-color: transparent;
  border: 1px solid #9a86d2;
}

.hdr_seach .form-control::-moz-placeholder {
  color: #666666;
}

.hdr_seach .form-control:-ms-input-placeholder {
  color: #666666;
}

.hdr_seach .form-control::-webkit-input-placeholder {
  color: #666666;
}

.hdr_seach .form-control[disabled],
.hdr_seach .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
}

.hdr_seach .input-group {
  width: 50%;
  margin-left: 10px;
  margin-top: 5px;
}
@media screen and (min-width: 602px) and (max-width: 1420px) {
  .hdr_seach .input-group {
    margin-left: 5px;
  }
}
.hdr_seach .input-group .form-control {
  min-width: 80px;
}

.hdr_seach .input-group-addon {
  padding: 7px;
  color: #ffffff;
  background-color: #9a86d2;
  border: 1px solid #9a86d2;
  text-decoration: none !important;
}
.hdr_seach .input-group-addon a {
  text-decoration: none !important;
}
.hdr_seach > input {
  color: #fff;
  font-size: 12px;
}

.hdr_seach > .form-control::placeholder {
  color: #fff;
}
.hdr_seach > .form-control {
  float: left;
  width: 150px; height: 30px;
  padding: 0.75em 1.25em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hdr_seach > .input-group-addon {
  width: 30px; height: 30px;
}

@media (max-width: 525px) {
  .block_socials {
    white-space: nowrap;
    padding-bottom: 15px;
  }
}

@media (min-width: 625px) {
  .modal-donate {
    width: 568px !important;
  }

  .donate-img {
    width: 22px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 625px) {
  .donate-img {
    width: 14px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  .donate-button {
    margin-right: 2em;
  }
}

.prespos {
  width: 268px;
  height: 50px;
  background: #519e2a;
  border-radius: 9px;
  position: relative;
}

.prespos span {
  margin: 0;
  position: absolute;
  top: 47%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 19px;
  font-family: "Open Sans", Calibri Light, Verdana, Geneva, "DejaVu Sans", sans-serif;
}

.pres_a a {
  text-decoration: none;
}

.img_control_main {
  width: 70px;
  margin-top: -13px;
  margin-right: 50px;
}

.control_title_banner {
  font-family: "Open Sans", Calibri Light, Verdana, Geneva, "DejaVu Sans", sans-serif;
  text-transform: unset;
  color: #513e86;
}

.control_descr_banner {
  font-family: "Open Sans", Calibri Light, Verdana, Geneva, "DejaVu Sans", sans-serif;
  color: #636465;
  font-size: 19px;
}

/**************************/
#introModal {
  padding: 8vh 2rem;
}

#introModal .modal-dialog {
  width: 96%;
  max-width: 1370px;
}

#introModal .modal-content {
  background-color: transparent;
}

#introModal .modal-header {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  background-color: #6955a1;
  color: #fff;
}

#introModal .modal-header span {
  width: 60%;
  display: block;
  margin: auto;
}

@media (max-width: 1200px) {
  #introModal .modal-header {
    font-size: 20px;
  }
}

#introModal .modal-body {
  padding: 50px 40px;
  background-color: white;
}

.intro-row {
  display: flex;
  flex-wrap: nowrap;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  margin-bottom: 60px;
}

@media (max-width: 900px) {
  .intro-row.intro-row__second {
    flex-wrap: wrap;
  }
  .intro-row.intro-row__second .intro-item {
    flex: 0 0 48%;
    margin-bottom: 40px;
  }
}

@media (max-width: 700px) {
  .intro-row.intro-row__second .intro-item {
    flex: 0 0 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 700px) {
  .intro-row.intro-row__first {
    flex-wrap: wrap;
  }
  .intro-row.intro-row__first .intro-item:first-child {
    -ms-flex-order: 2;
    order: 2;
  }
}

@media (max-width: 700px) {
  .intro-row {
    margin-bottom: 20px;
  }
}

.intro-item {
  display: block;
  flex: 0 0 23%;
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}

@media (max-width: 700px) {
  .intro-item {
    flex: 0 0 100%;
    margin-bottom: 40px;
  }
}

.intro-item:hover {
  text-decoration: none;
}

.intro-item:hover .intro-item__logo {
  border: 5px solid #6955a1;
  box-shadow: 0 10px 20px rgba(67, 0, 255, 0.15);
}

.intro-item:hover.intro-item_big .intro-item__logo {
  background-color: white;
  border: 5px solid #6955a1;
  box-shadow: 0 10px 20px rgba(67, 0, 255, 0.15);
}

.intro-item:hover.intro-item__dev .intro-item__logo {
  border: 0 none;
  box-shadow: none;
}

.intro-item.intro-item_big .intro-item__logo {
  width: 230px;
  height: 230px;
  background-color: #6955a1;
  border-radius: 115px;
}

@media (min-width: 700px) and (max-width: 1200px) {
  .intro-item.intro-item_big .intro-item__logo {
    width: 180px;
    height: 180px;
  }
}

.intro-item.intro-item__dev .intro-item__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 none;
  background-color: #d5d5d5;
  text-transform: uppercase;
  color: #6955a1;
}

.intro-item__logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 25px;
  width: 180px;
  height: 180px;
  background-color: white;
  border: 15px solid #6955a1;
  border-radius: 90px;
  text-align: center;
  position: relative;
  white-space: nowrap;
  transition: all 0.3s;
}

.intro-item__logo img {
  display: block;
  margin: auto;
}

@media (min-width: 700px) and (max-width: 1200px) {
  .intro-item__logo {
    width: 120px;
    height: 120px;
    border: 5px solid #6955a1;
    padding: 10px;
  }
}

.intro-item__logo.intro-item__partner:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  top: -15px;
  right: -20px;
  background-image: url("/welcome_new/modal/partner-icon.png");
  background-size: 30px 25px;
  background-repeat: no-repeat;
  background-position: center;
}

.intro-item__name {
  text-align: center;
}

/******* modal-external.php *****/
.modalbackground {
  margin: 0; /* убираем отступы */
  padding: 0; /* убираем отступы */
  position: fixed; /* фиксируем положение */
  top: 0; /* растягиваем блок по всему экрану */
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); /* полупрозрачный цвет фона */
  z-index: 100; /* выводим фон поверх всех слоев на странице браузера */
  opacity: 0; /* Делаем невидимым */
  pointer-events: none; /* элемент невидим для событий мыши */
}

/* при отображении модального окно - именно здесь начинается магия */
.modalbackground:target {
  opacity: 1; /* делаем окно видимым */
  pointer-events: auto; /* элемент видим для событий мыши */
}

/* ширина диалогового окна и его отступы от экрана */
.modalwindow {
  width: 100%;
  max-width: 500px;
  margin: 10% auto;
  padding: 2%;
  background: #fff;
  border-radius: 3px;
}

/* настройка заголовка */
.modalwindow h3 {
  padding: 0;
  margin: 0;
}

/* оформление сообщение */
.modalwindow p {
  padding: 0;
  margin: 4% 0 8% 0;
}

/* вид кнопки ЗАКРЫТЬ при наведении на нее мыши */
.modalwindow a:hover {
  background: #47a;
}

.hide_external {
  display: none;
}

/*******************************/
/** стили для рэйтинга ****/
/*******************************/
.star-rating {
  font-size: 0;
}
.star-rating__wrap {
  display: inline-block;
  font-size: 15px;
}
.star-rating__wrap:after {
  content: "";
  display: table;
  clear: both;
}
.star-rating__ico {
  float: right;
  padding-left: 2px;
  cursor: pointer;
  color: #ffb300;
}
.star-rating__ico:last-child {
  padding-left: 0;
}
.star-rating__input {
  display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before {
  content: "\f005";
}

/*
стили для окна голосования
*/
.block_golos_service {
  /* background: #9986d3; */
  border-radius: 11px;
  border: 1px solid #9986d3;
  padding: 20px;
}

.radio-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio-flex li {
  width: auto;
  padding: 2rem 2rem 0rem 2rem;
  margin-bottom: 0 !important;
}
.reverse label::before {
  right: 0;
  left: auto;
}
.reverse label {
  position: relative;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding: 0.4em 3em 0.4em 0em;
  cursor: pointer;
  font-weight: 400;
}
.radio-flex label::before {
  top: 50%;
  transform: translateY(-50%);
}

#form_to_service label {
  font-weight: 200;
}

.block_golos_service_rez label {
  font-weight: 200;
}

.rating_star_main .star-rating__wrap {
  display: inline-flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.rating_star_main .star-rating__ico:nth-child(4) {
  font-size: 1.9em;
}
.rating_star_main .star-rating__ico:nth-child(8) {
  font-size: 1.9em;
}
.rating_star_main .star-rating__ico:nth-child(6) {
  font-size: 3em;
}
.radio-flex:after {
  display: block;
  width: 180px;
  height: 1px;
  margin: 0px 0 20px;
  content: "";
  background-color: #e5e5e5;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.radio-flex {
  position: relative;
  margin-top: 20px !important;
}

.service-descr_about .spoiler-trigger {
  text-align: center;
}

.block_golos_service_rez label {
  font-weight: 200;
  display: flex;
  align-items: center;
}

.fs20 {
  font-size: 20px;
  border: 1px solid;
  padding: 5px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e5793f;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
}

#allProblemsGraph text,
#allProblemsGraphoverdue text {
  font-size: 15px;
}

.notification-PDF-files {
  color: red;
  font-size: 15px;
  font-style: italic;
}

.city-problem-commets-buttons .btn-success {
  outline: none;
}
.city-problem-commets-buttons .btn-danger {
  outline: none;
}

@media screen and (max-width: 685px) {
  .city-problem-commets-buttons .btn-success {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 410px) {
  .city-problem-commets-buttons .btn-lg {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    font-size: 1.3rem !important;
  }
}

.files-container {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.files-container .file-item {
  margin-right: 10px;
}

.files-container .file-item a img {
  width: 32px;
  height: 32px;
}