@charset "UTF-8";
.w-1 {
  width: 10%;
}

@media (min-width: 576px) {
  .w-sx-1 {
    width: 10%;
  }
}
@media (min-width: 768px) {
  .w-sm-1 {
    width: 10%;
  }
}
@media (min-width: 992px) {
  .w-md-1 {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .w-lg-1 {
    width: 10%;
  }
}
.w-2 {
  width: 20%;
}

@media (min-width: 576px) {
  .w-sx-2 {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .w-sm-2 {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .w-md-2 {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .w-lg-2 {
    width: 20%;
  }
}
.w-3 {
  width: 30%;
}

@media (min-width: 576px) {
  .w-sx-3 {
    width: 30%;
  }
}
@media (min-width: 768px) {
  .w-sm-3 {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .w-md-3 {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .w-lg-3 {
    width: 30%;
  }
}
.w-4 {
  width: 40%;
}

@media (min-width: 576px) {
  .w-sx-4 {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .w-sm-4 {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .w-md-4 {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .w-lg-4 {
    width: 40%;
  }
}
.w-5 {
  width: 50%;
}

@media (min-width: 576px) {
  .w-sx-5 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .w-sm-5 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .w-md-5 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .w-lg-5 {
    width: 50%;
  }
}
.w-6 {
  width: 60%;
}

@media (min-width: 576px) {
  .w-sx-6 {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .w-sm-6 {
    width: 60%;
  }
}
@media (min-width: 992px) {
  .w-md-6 {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .w-lg-6 {
    width: 60%;
  }
}
.w-7 {
  width: 70%;
}

@media (min-width: 576px) {
  .w-sx-7 {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .w-sm-7 {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .w-md-7 {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .w-lg-7 {
    width: 70%;
  }
}
.w-8 {
  width: 80%;
}

@media (min-width: 576px) {
  .w-sx-8 {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .w-sm-8 {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .w-md-8 {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .w-lg-8 {
    width: 80%;
  }
}
.w-9 {
  width: 90%;
}

@media (min-width: 576px) {
  .w-sx-9 {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .w-sm-9 {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .w-md-9 {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .w-lg-9 {
    width: 90%;
  }
}
.w-10 {
  width: 100%;
}

@media (min-width: 576px) {
  .w-sx-10 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .w-sm-10 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .w-md-10 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .w-lg-10 {
    width: 100%;
  }
}
html, body {
  height: 100%;
}

body {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
}

@media (max-width: 992.98px) {
  header {
    border-top: 5px solid #247ADE;
  }
}

.padding-section {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.add-list {
  background: #E0E0E0;
  min-height: 20rem;
}

ul {
  list-style-type: none;
}

.month {
  padding: 1rem 1.25rem;
  width: 100%;
  background: #757575;
  text-align: center;
}

.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.month .prev {
  float: left;
}

.month .next {
  float: right;
}

.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd;
}

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: #666;
  text-align: center;
}

.days {
  padding: 1rem 0;
  background: #eee;
  margin: 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 1rem;
  color: #777;
}

.days li .active {
  padding: 0.5rem;
  background: #ffe082;
}

.days li .dayok {
  padding: 0.5rem;
  background: #c4e1a5;
  color: white !important;
}

.days li .daynone {
  padding: 0.5rem;
  background: #ef5350;
  color: white !important;
}

/* Add media queries for smaller screens */
@media screen and (max-width: 720px) {
  .weekdays li, .days li {
    width: 13.1%;
  }
}
@media screen and (max-width: 420px) {
  .weekdays li, .days li {
    width: 12.5%;
  }
  .days li .active {
    padding: 2px;
  }
}
@media screen and (max-width: 290px) {
  .weekdays li, .days li {
    width: 12.2%;
  }
}
.title {
  font-size: 2.25rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .title {
    font-size: 1.5rem;
  }
}

.btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.btn.btn-round {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.btn.btn-indigo {
  background: #3f51b5;
  color: #fff;
}
.btn.btn-outline-indigo {
  border: 2px solid #3f51b5;
  color: #3f51b5;
}
.btn.btn-outline-indigo:hover {
  background: #3f51b5;
  color: #fff;
}
.btn.btn-more {
  background-color: #247ADE;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.btn.btn-outline-indigoLight {
  background-color: white;
  border-color: #247ADE;
  border-width: 1px;
  color: #247ADE;
}
.btn.btn-outline-indigoLight:hover {
  color: #fff;
  background-color: #247ADE;
}
.btn.btn-indigoLight {
  background-color: #247ADE;
  border-color: transparent;
  border-width: 1px;
  color: #fff;
}
.btn.btn-mark {
  background-color: #FF4B80;
  border-color: transparent;
  border-width: 1px;
  color: #fff;
}
.btn.btn-round-40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}

h1.title {
  color: #00008b;
  font-weight: bold;
  font-size: 2.25rem;
  padding: 2rem 0;
}
@media (max-width: 768px) {
  h1.title {
    font-size: 1.5rem;
    padding: 1rem 0;
  }
}
h1.title.red {
  color: #DE2443;
}

.sub-header {
  width: 100%;
  padding: 0.5rem 0;
  border-top: 5px solid #247ADE;
}
@media (max-width: 992.98px) {
  .sub-header {
    border-top: none;
  }
}
@media (min-width: 576px) {
  .sub-header .d-flex {
    min-height: 3.125rem;
  }
}
.sub-header a {
  font-size: 0.9rem;
  padding: 0.6rem 0.9rem;
  border: 1px solid transparent;
}
@media (min-width: 576px) {
  .sub-header a {
    padding: 0.9rem;
  }
}
.sub-header .burger-toggle {
  display: block;
  cursor: pointer;
  margin-right: 10px;
}
.sub-header .burger-toggle .bar1, .sub-header .burger-toggle .bar2, .sub-header .burger-toggle .bar3, .sub-header .burger-toggle .bar4 {
  width: 35px;
  height: 4px;
  background-color: #247ADE;
  margin: 4px 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.sub-header .burger-toggle.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 14px);
  transform: rotate(-45deg) translate(-4px, 14px);
}
.sub-header .burger-toggle.change .bar2, .sub-header .burger-toggle.change .bar4 {
  opacity: 0;
}
.sub-header .burger-toggle.change .bar3 {
  -webkit-transform: rotate(45deg) translate(3px, -7px);
  transform: rotate(45deg) translate(3px, -7px);
}
.sub-header .collapsed_menu-link {
  border: 1px solid #DFDFDF;
  padding: 0 1rem;
  height: 70px;
  font-size: 1rem;
  font-weight: 500;
  color: #383838;
  cursor: pointer;
}
.sub-header .collapsed_menu-link:hover {
  text-decoration: none;
}
.sub-header .collapsed_menu-link img {
  width: 31px;
}
.sub-header .collapsed_menu-link.about_us, .sub-header .collapsed_menu-link.develop, .sub-header .collapsed_menu-link.advice, .sub-header .collapsed_menu-link.ads {
  border-right: none;
}
.sub-header .collapsed_menu-link.about_us, .sub-header .collapsed_menu-link.develop, .sub-header .collapsed_menu-link.services {
  border-bottom: none;
  border-top: 1px solid #247ADE;
}
.sub-header .collapsed_menu-link .step-arrow:before {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  border: 7px solid transparent;
  border-left: 7px solid #247ADE;
  margin-top: -0.4rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.sub-header #collapsedMenu .dropdown-menu {
  width: 96.5%;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid #DFDFDF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
}
.sub-header #collapsedMenu .dropdown_link {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #383838;
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
.sub-header #collapsedMenu .dropdown_link img {
  width: 31px;
}
.sub-header #collapsedMenu .dropdown_link:hover {
  text-decoration: none;
}
.sub-header .home-page {
  position: relative;
  background-color: #fff;
  color: #747474;
  border: 2px solid #247ADE;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 0.6rem 1rem 0.6rem 2.5rem;
  margin-left: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.sub-header .home-page:hover {
  text-decoration: none;
  color: #fff;
  background-color: #247ADE;
}
.sub-header .home-page:hover:before {
  background-image: url(../images/home-icon-white.svg);
}
.sub-header .home-page:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 21px;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/home-icon.svg);
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.sub-header .dropdown .dropdown-info {
  display: inline-block;
  border: 2px solid #247ADE;
  color: #247ADE;
  padding: 0.6rem 1rem;
  z-index: 10;
  position: relative;
  font-size: 1rem;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.sub-header .dropdown .dropdown-info:hover {
  background: none;
  color: #247ADE;
  text-decoration: none;
}
.sub-header .dropdown .dropdown-info:after {
  border: none;
}
.sub-header .dropdown.show .dropdown-info {
  color: #247ADE;
  background: white;
  font-size: 1rem;
}
.sub-header .dropdown.show .dropdown-info:after {
  border: none;
}
.sub-header .dropdown .dropdown-menu {
  min-width: auto;
  transform: translate3d(0px, 5px, 0px) !important;
  position: relative;
  z-index: 100;
  padding-top: 2rem;
  top: 65px !important;
}
.sub-header .dropdown .dropdown-menu.language-dropdown {
  background-color: #247ADE;
  z-index: 1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  top: 0 !important;
}
.sub-header .dropdown .dropdown-menu.language-dropdown .dropdown-item {
  padding: 0.2rem 1.3rem 0.2rem 1rem;
  color: white;
  background: none;
  font-size: 1rem;
}
.sub-header .dropdown .dropdown-menu.language-dropdown .dropdown-item:hover {
  background: none;
  text-decoration: none;
  color: #003399;
}
.sub-header .dropdown .dropdown-menu .dropdown-item {
  padding: 0.2rem 1.3rem 0.2rem 1rem;
  color: #000;
  background: none;
  font-size: 1rem;
  white-space: normal;
}
.sub-header .dropdown .dropdown-menu .dropdown-item:hover {
  background: none;
  text-decoration: none;
  color: #003399;
}
.sub-header .dropdown .sometext {
  position: relative;
}
.sub-header .dropdown .sometext:before {
  content: "";
  width: 12px;
  height: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: -17px;
  margin-top: -2px;
  background: url("../images/drop-arrow.svg") no-repeat center;
  background-size: 100%;
}
.sub-header .personal-cabinet a {
  position: relative;
  display: inline-block;
  border: 2px solid #247ADE;
  color: #247ADE;
  padding: 0.6rem 1rem 0.6rem 3.5rem;
  font-size: 1rem;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .sub-header .personal-cabinet a {
    text-indent: -9999px;
  }
}
.sub-header .personal-cabinet a:before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.27rem;
  background: url("../images/user.svg") no-repeat center;
  background-size: 100%;
  margin-left: 0.4rem;
}

.mobile_menu {
  position: absolute;
  top: 5px;
  left: -100%;
  width: 50%;
  background-color: #fff;
  z-index: 1040;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 576.98px) {
  .mobile_menu {
    width: 100%;
  }
}
.mobile_menu.show {
  left: 0;
}
.mobile_menu .close-btn {
  cursor: pointer;
}
.mobile_menu .home-page {
  position: relative;
  background-color: #fff;
  color: #747474;
  border: 2px solid #247ADE;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 0.6rem 1rem 0.6rem 2.5rem;
  margin-left: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.mobile_menu .home-page:hover {
  text-decoration: none;
  color: #fff;
  background-color: #247ADE;
}
.mobile_menu .home-page:hover:before {
  background-image: url(../images/home-icon-white.svg);
}
.mobile_menu .home-page:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 21px;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/home-icon.svg);
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.mobile_menu .dropdown .dropdown-info {
  display: inline-block;
  border: 2px solid #247ADE;
  color: #247ADE;
  padding: 0.6rem 1rem;
  z-index: 10;
  position: relative;
  font-size: 1rem;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.mobile_menu .dropdown .dropdown-info:hover {
  background: none;
  color: #247ADE;
  text-decoration: none;
}
.mobile_menu .dropdown .dropdown-info:after {
  border: none;
}
.mobile_menu .dropdown.show .dropdown-info {
  color: #247ADE;
  background: white;
  font-size: 1rem;
}
.mobile_menu .dropdown.show .dropdown-info:after {
  border: none;
}
.mobile_menu .dropdown .dropdown-menu {
  min-width: auto;
  transform: translate3d(0px, 5px, 0px) !important;
  position: relative;
  z-index: 100;
  padding-top: 2rem;
  top: 65px !important;
}
@media (max-width: 992.98px) {
  .mobile_menu .dropdown .dropdown-menu {
    top: 38px !important;
  }
}
.mobile_menu .dropdown .dropdown-menu.language-dropdown {
  background-color: #247ADE;
  z-index: 1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  top: 0 !important;
}
.mobile_menu .dropdown .dropdown-menu.language-dropdown .dropdown-item {
  padding: 0.2rem 1.3rem 0.2rem 1rem;
  color: white;
  background: none;
  font-size: 1rem;
}
.mobile_menu .dropdown .dropdown-menu.language-dropdown .dropdown-item:hover {
  background: none;
  text-decoration: none;
  color: #003399;
}
.mobile_menu .dropdown .dropdown-menu .dropdown-item {
  padding: 0.2rem 1.3rem 0.2rem 1rem;
  color: #000;
  background: none;
  font-size: 1rem;
  white-space: normal;
}
.mobile_menu .dropdown .dropdown-menu .dropdown-item:hover {
  background: none;
  text-decoration: none;
  color: #003399;
}
.mobile_menu .dropdown .sometext {
  position: relative;
}
.mobile_menu .dropdown .sometext:before {
  content: "";
  width: 12px;
  height: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: -17px;
  margin-top: -2px;
  background: url("../images/drop-arrow.svg") no-repeat center;
  background-size: 100%;
}
.mobile_menu .collapsed_menu-link {
  position: relative;
  border-top: 1px solid #DFDFDF;
  padding: 0 1rem;
  height: 70px;
  font-size: 1rem;
  font-weight: 500;
  color: #383838;
  cursor: pointer;
}
.mobile_menu .collapsed_menu-link:hover {
  text-decoration: none;
}
.mobile_menu .collapsed_menu-link img {
  width: 31px;
}
.mobile_menu .collapsed_menu-link.about_us {
  border-bottom: none;
  border-top: 1px solid #247ADE;
}
.mobile_menu .collapsed_menu-link .step-arrow:before {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  border: 7px solid transparent;
  border-left: 7px solid #247ADE;
  margin-top: -0.4rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.mobile_menu .dropdown_link {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #383838;
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.mobile_menu .dropdown_link img {
  width: 31px;
}
.mobile_menu .dropdown_link:hover {
  text-decoration: none;
}
.mobile_menu .personal-cabinet a {
  position: relative;
  display: inline-block;
  border: 2px solid #247ADE;
  color: #247ADE;
  padding: 0.6rem 1rem 0.6rem 3.5rem;
  font-size: 1rem;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .mobile_menu .personal-cabinet a {
    text-indent: -9999px;
  }
}
.mobile_menu .personal-cabinet a:before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.27rem;
  background: url("../images/user.svg") no-repeat center;
  background-size: 100%;
  margin-left: 0.4rem;
}

#footer {
  position: relative;
  background: #B3E7EC;
  color: #5F8285;
  font-size: 0.875rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (max-width: 576px) {
  #footer {
    padding-bottom: 10rem;
  }
}
#footer .statistic-wrap .statistic {
  position: absolute;
  font-size: 0.75rem;
  right: 0;
  bottom: 0;
  width: 170px;
  min-width: 170px;
}
@media (max-width: 1200px) {
  #footer .statistic-wrap .statistic {
    min-width: 180px;
    width: 180px;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 576px) {
  #footer .statistic-wrap .statistic {
    min-width: auto;
    width: 100%;
  }
}
#footer .statistic-wrap .statistic ul {
  margin-bottom: 0;
}
#footer .statistic-wrap .statistic ul li {
  background-color: #DEFCFE;
  padding-left: 1.25rem;
  border-left: 3px solid #1B86C9;
  margin-bottom: 1px;
}
@media (max-width: 1200px) {
  #footer .statistic-wrap .statistic ul li {
    padding-left: 0.75rem;
  }
}
#footer .statistic-wrap .statistic ul li:last-child {
  margin-bottom: 0;
}
#footer .statistic-wrap .statistic ul .period {
  width: 70%;
  color: #000;
}
#footer .statistic-wrap .statistic ul .badge {
  position: relative;
  width: 25%;
  display: inline-block;
  background: linear-gradient(180deg, #61C2FF 0%, #2AA5F2 100%);
  color: #fff;
  padding: 0.525rem 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "Roboto Medium", sans-serif;
  z-index: 2;
}
@media (max-width: 1200px) {
  #footer .statistic-wrap .statistic ul .badge {
    padding: 0.69rem 0;
  }
}
@media (max-width: 768px) {
  #footer .statistic-wrap .statistic ul .badge {
    padding: 0.85rem 0;
  }
}
#footer .statistic-wrap .statistic ul .badge:before {
  position: absolute;
  content: "";
  width: 13px;
  min-width: 13px;
  height: 13px;
  background: linear-gradient(180deg, #61C2FF 0%, #2AA5F2 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -7px;
  z-index: 1;
}

.top-block {
  min-height: 42.3125rem;
  width: 100%;
  background: url("../images/bg-top.jpg") no-repeat center top;
  background-size: cover;
  color: #003399;
}
.top-block .top-block-btn-group {
  margin-top: 1rem;
  padding-left: 0;
}
.top-block .top-block-btn-group li {
  display: inline-block;
  width: 49.5%;
}
.top-block .title-message {
  font-size: 1.375rem;
  padding-top: 17rem;
}
@media (max-width: 768px) {
  .top-block .title-message {
    font-size: 0.75rem;
    padding-top: 4rem;
  }
}
@media (max-width: 768px) {
  .top-block {
    background: url("../images/bg-top-min.svg") no-repeat center top;
    background-size: contain;
    min-height: auto;
  }
}

.service-block {
  text-align: center;
  text-decoration: none;
}
.service-block .card-img-top {
  margin: 0 auto;
  margin-bottom: 2rem;
  width: 30%;
}
.service-block .service-title {
  color: #212121;
  font-size: 1rem;
}
.service-block .service-text {
  color: #212121;
  font-size: 0.875rem;
}

.garden-list {
  text-align: center;
  background: url("../images/bg2.jpg") center;
}
.garden-list .card {
  border: none;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  padding-bottom: 0.25rem;
}
.garden-list .card .card-img-top {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.garden-list .card .card-body {
  min-height: 12rem;
}
.garden-list .card.garden-items {
  margin: 0.75rem 0;
}

.main-wrapper {
  min-height: calc(100vh - 230px);
}

.recourse-block {
  background: #f7faf1;
}

.breadcrumbs {
  background: #F5F5F5;
}
.breadcrumbs .breadcrumb {
  padding-left: 0;
  padding-right: 0;
  background: none;
  margin-bottom: 0;
}
.breadcrumbs .breadcrumb li {
  font-size: 0.8125rem;
}
.breadcrumbs .breadcrumb li a {
  color: #3f51b5;
}

.g-info-list {
  list-style: none;
  padding-left: 0;
}
@media (max-width: 576px) {
  .g-info-list {
    font-size: 0.875rem;
  }
}
.g-info-list .g-info-item {
  position: relative;
  background: #fff;
  margin-bottom: 0.4rem;
}
.g-info-list .g-info-item .g-info-name {
  display: inline-block;
  width: 48%;
  font-weight: 600;
  vertical-align: top;
  position: relative;
  background: inherit;
}
@media (max-width: 576px) {
  .g-info-list .g-info-item .g-info-name {
    width: 100%;
  }
}
.g-info-list .g-info-item .g-info-name:after {
  position: absolute;
  right: 5px;
  left: 0;
  height: 1px;
  margin: 1.1rem 0 0;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 0 repeat-x;
}
.g-info-list .g-info-item .g-info-name .g-info-name-inner {
  position: relative;
  padding: 0 10px 0 0;
  background: inherit;
  z-index: 2;
}
.g-info-list .g-info-item .g-info-value {
  display: inline-block;
  width: 51%;
  vertical-align: top;
}
@media (max-width: 576px) {
  .g-info-list .g-info-item .g-info-value {
    width: 100%;
  }
}

.g-body-group {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.g-body .g-info-list {
  list-style: none;
  padding-left: 0;
}
@media (max-width: 576px) {
  .g-body .g-info-list {
    font-size: 0.875rem;
  }
}
.g-body .g-info-list .g-info-item {
  position: relative;
  background: #fff;
  margin-bottom: 0.4rem;
}
.g-body .g-info-list .g-info-item .g-info-name {
  display: inline-block;
  width: 48%;
  font-weight: 600;
  vertical-align: top;
  position: relative;
  background: inherit;
}
@media (max-width: 576px) {
  .g-body .g-info-list .g-info-item .g-info-name {
    width: 100%;
  }
}
.g-body .g-info-list .g-info-item .g-info-name:after {
  position: absolute;
  right: 5px;
  left: 0;
  height: 1px;
  margin: 1.1rem 0 0;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 0 repeat-x;
}
.g-body .g-info-list .g-info-item .g-info-name .g-info-name-inner {
  position: relative;
  padding: 0 10px 0 0;
  background: inherit;
  z-index: 2;
}
.g-body .g-info-list .g-info-item .g-info-value {
  display: inline-block;
  width: 51%;
  vertical-align: top;
}
@media (max-width: 576px) {
  .g-body .g-info-list .g-info-item .g-info-value {
    width: 100%;
  }
}
.g-body .nav-tabs {
  border-color: #cdcdcd;
}
.g-body .nav-tabs .nav-item {
  padding: 0 0.5rem;
}
@media (max-width: 576px) {
  .g-body .nav-tabs .nav-item {
    width: 33.333333%;
    text-align: center;
  }
}
.g-body .nav-tabs .nav-item:last-child {
  padding-right: 0;
}
.g-body .nav-tabs .nav-item:first-child {
  padding-left: 0;
}
.g-body .nav-tabs .nav-item .nav-link {
  color: #000;
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 600;
}
.g-body .nav-tabs .nav-item .nav-link:hover, .g-body .nav-tabs .nav-item .nav-link.active {
  border-color: #3f51b5;
}
.g-body .tab-content .tab-pane {
  padding-top: 1.5rem;
}
.g-body .tab-content .tab-pane h2 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.g-body .e-p-header {
  padding-bottom: 0.8125rem;
  margin-bottom: 0.8125rem;
  border-bottom: 1px solid #cdcdcd;
}
.g-body .e-p-body {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .g-body .e-p-body {
    margin-bottom: 1rem;
  }
}
.g-body .e-p-item {
  padding: 0.1875rem 0;
}
.g-body .e-p-img {
  margin-bottom: 0.8125rem;
}
@media (max-width: 768px) {
  .g-body .e-p-img {
    text-align: center;
  }
}
.g-body .e-p-name {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.g-body .e-p-text p {
  text-align: left !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.g-body .e-p-text p span {
  font-size: 0.875rem !important;
  font-family: sans-serif !important;
}
.g-body .e-p-text p i {
  font-style: normal !important;
}
.g-body .gn-block .gn-header {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.g-body .gn-body {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.g-body .gn-body .gn-item {
  width: 50%;
  float: left;
  border-left: 1px solid #cdcdcd;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .g-body .gn-body .gn-item {
    width: 20%;
  }
}
@media (max-width: 768px) {
  .g-body .gn-body .gn-item:first-child, .g-body .gn-body .gn-item:nth-child(odd) {
    border: none;
    padding-left: 0;
  }
  .g-body .gn-body .gn-item:nth-child(even) {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .g-body .gn-body .gn-item:first-child, .g-body .gn-body .gn-item:nth-child(5n+1) {
    border: none;
    padding-left: 0;
  }
}
.g-body .gn-body .gn-item .gn-inner {
  padding-top: 1rem;
  border-top: 1px solid #cdcdcd;
}
@media (max-width: 768px) {
  .g-body .gn-body .gn-item:nth-child(-n+2) .gn-inner {
    padding-top: 0;
    border: none;
  }
}
@media (min-width: 768px) {
  .g-body .gn-body .gn-item:nth-child(-n+5) .gn-inner {
    padding-top: 0;
    border: none;
  }
}
.g-body .gn-body .gn-item .gn-d-name {
  color: #3f51b5;
  font-weight: 700;
  line-height: 1.3;
}
.g-body .gn-body .gn-item .gn-d-info {
  font-size: 0.875rem;
}
.g-body .gn-g-block .gn-g-statistics {
  padding-left: 0;
  list-style: none;
  padding-bottom: 0.2rem;
}
.g-body .gn-g-block .gn-g-statistics li {
  font-weight: 700;
}
@media (max-width: 768px) {
  .g-body .gn-g-block .gn-g-statistics li {
    font-size: 0.875rem;
  }
}
.g-body .gn-g-block .gn-g-statistics li span {
  font-weight: 500;
}
.g-body .gn-g-block .gn-g-bigtitle {
  font-size: 2.5rem;
  color: #3f51b5;
  font-weight: 300;
}
.g-body .gn-g-block .gn-g-bigtitle.gn-small {
  font-size: 1rem;
  font-weight: 500;
}
.g-body .gn-g-block .gn-g-list {
  border-top: 1px solid #cdcdcd;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.g-body .gn-g-block .gn-g-list-m {
  padding-left: 0;
  list-style: none;
  font-size: 0.875rem;
}
.g-body .gn-g-block .gn-g-list-m li {
  padding: 0.35rem;
}
.g-body .gn-g-block .gn-g-list-m-header {
  background: #EEEEEE;
}
.g-body .gn-g-block .gn-g-list-m .gn-g-title {
  font-weight: 700;
  width: 48%;
  display: inline-block;
}
.g-body .gn-g-block .gn-g-list-m .gn-g-text {
  width: 45%;
  display: inline-block;
}
.g-body .gn-g-block .gn-g-table {
  font-size: 0.875rem;
}
.g-body .gn-g-block .gn-g-table td, .g-body .gn-g-block .gn-g-table th {
  border-top: none;
}
.g-body .gn-g-block .gn-g-table thead th {
  padding-top: 0;
  border-top: none;
  border-bottom: none;
}
.g-body .gn-p-block .gn-p-title {
  font-weight: 600;
  font-size: 1.125rem;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.g-body .gn-p-block .gn-p-title:before {
  content: "";
  width: 100px;
  height: 3px;
  background: #3f51b5;
  position: absolute;
  bottom: 0;
}
.g-body .gn-p-block .gn-p-text {
  font-size: 0.875rem;
  line-height: 1.6;
}

.list-group-custom .list-group-item {
  padding-left: 0;
  padding-right: 0;
}
.list-group-custom .list-group-item a {
  font-size: 0.8125rem;
  color: #3f51b5;
}
.list-group-custom .list-group-item ul {
  padding-left: 1.25rem;
}
.list-group-custom .list-group-item ul li {
  padding: 0.45rem 0;
}
.list-group-custom .list-group-item ul li a {
  color: #616161;
}

.news-page-content .news-title {
  font-size: 1.6rem;
}
.news-page-content .date-news {
  font-style: italic;
}
.news-page-content .card {
  border: none;
  margin-bottom: 1.25rem;
}
.news-page-content .card .card-title {
  height: 4rem;
  overflow-y: hidden;
  font-size: 1.1rem;
}
.news-page-content .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.news-page-content .card .card-body .card-text {
  font-size: 0.8125rem;
}
.news-page-content .news-img-blcok {
  margin-bottom: 1.25rem;
}
.news-page-content .news-img-blcok .news-index-img {
  float: left;
  width: 36rem;
}
.news-page-content .news-img-blcok .news-list-img {
  padding-left: 1rem;
  float: left;
  width: 10rem;
}
.news-page-content .news-img-blcok .news-list-img li {
  margin-bottom: 0.75rem;
}

.language-select {
  padding-left: 0;
  margin-bottom: 0;
  margin-right: 1rem;
}
.language-select li {
  display: inline-block;
  padding-right: 0.5rem;
}
.language-select li a {
  display: block;
  border-bottom: 2px solid transparent;
  color: #3f51b5;
  padding-bottom: 0.15rem;
}
.language-select li a:hover {
  text-decoration: none;
  border-bottom-color: #9E9E9E;
}
.language-select li a.active {
  border-bottom-color: #3f51b5;
}

.login-modal .modal-dialog {
  max-width: 400px;
}
.login-modal .login-info {
  color: #616161;
  text-align: center;
}

.user-title {
  font-weight: normal;
  font-size: 1.75rem;
  padding-top: 2rem;
}

.user-index {
  background: linear-gradient(180deg, #D7F4F7 0%, rgba(228, 253, 255, 0) 45%);
}
.user-index .user-index-avatar {
  position: relative;
  width: 230px;
  min-width: 230px;
  height: 230px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #1F86FF;
}
@media (max-width: 1200.98px) {
  .user-index .user-index-avatar {
    width: 190px;
    min-width: 190px;
    height: 190px;
  }
}
.user-index .user-index-avatar img {
  width: 100%;
}
.user-index .user-index-avatar-inner {
  position: relative;
  width: 181px;
  min-width: 181px;
  height: 181px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #1F86FF;
}
.user-index .user-index-avatar-inner img {
  width: 100%;
}
.user-index .user-index-name {
  color: #247ADE;
  font-weight: bold;
  font-size: 1.8rem;
}
.user-index .user-index-group {
  font-weight: bold;
  padding: 0.5rem 0;
  font-size: 1.2rem;
}
@media (max-width: 992px) {
  .user-index .user-index-group {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
  }
}
.user-index .user-index-hr {
  border-top: 2px solid #DDDBDB;
  margin: 1.5rem 0;
}
.user-index .user-index-dataTitle {
  font-weight: bold;
  font-size: 1.3rem;
}
@media (max-width: 992px) {
  .user-index .user-index-dataTitle {
    font-size: 16px;
  }
}
.user-index .user-index-dataDescr {
  font-size: 1.3rem;
}
@media (max-width: 992px) {
  .user-index .user-index-dataDescr {
    font-size: 18px;
  }
}
.user-index .user-index-title {
  padding: 1.25rem 0;
  padding-top: 2rem;
  font-size: 1.75rem;
}
.user-index .user-index-title .user-index-name {
  font-size: 1rem;
  font-weight: bold;
}
.user-index .user-index-sub-title {
  font-size: 1rem;
}
.user-index .user-index-menu {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
  padding: 1.4rem 1rem;
  background: #fff;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  border: 2px solid #64A3ED;
  color: #000;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  /*.nav-link{
    font-size:1rem;
    color: $grey-900;
    font-weight:bold;
    margin-bottom:.5rem;
  }
  .btn-user-big{
    padding-left: 3rem;
    padding-right:3rem;
  }*/
}
.user-index .user-index-menu .user-index-icon {
  width: 80px;
  margin: 0 1rem;
}
@media (max-width: 992px) {
  .user-index .user-index-menu .user-index-icon {
    width: 65px;
  }
}
.user-index .user-index-menu .user-index-icon img {
  width: 80px;
  height: 80px;
}
@media (max-width: 992px) {
  .user-index .user-index-menu .user-index-icon img {
    width: 65px;
    height: 65px;
  }
}
.user-index .user-index-menu .index-counter {
  position: absolute;
  right: 12px;
  top: 10px;
}
.user-index .user-index-menu .index-counter span {
  display: block;
  background: #FF8A00;
  border-radius: 50%;
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  padding: 0 14px;
  text-align: center;
  height: 42px;
  line-height: 42px;
}
@media (max-width: 992px) {
  .user-index .user-index-menu .index-counter span {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
  }
}
.user-index .user-index-menu .user-index-text {
  font-weight: bold;
  font-size: 1.3rem;
  text-align: left;
}
@media (max-width: 992px) {
  .user-index .user-index-menu .user-index-text {
    font-size: 18px;
  }
}
.user-index .user-index-menu:hover {
  -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
.user-index .user-title {
  font-weight: bold;
}
.user-index .user-title h4 {
  font-weight: 500;
  color: #747474;
  margin-top: 1.25rem;
  font-size: 1.5rem;
}
.user-index .user-back {
  position: relative;
  color: #247ADE;
  border: 2px solid #247ADE;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 0.5rem 1.5rem 0.5rem 2rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.user-index .user-back:before {
  position: absolute;
  border-style: solid;
  border-width: 0.1rem 0.1rem 0 0;
  border-color: #247ADE;
  content: "";
  display: inline-block;
  height: 0.5rem;
  left: 1rem;
  top: 0.9rem;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  vertical-align: top;
  width: 0.5rem;
}
.user-index .user-back:hover {
  text-decoration: none;
  background-color: #247ADE;
  color: #fff;
}
.user-index .user-back:hover:before {
  border-color: #fff;
}
.user-index .employee-photo {
  position: relative;
  width: 132px;
  min-width: 132px;
  border: 2px solid #247ADE;
  overflow: hidden;
  padding-top: 43%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 768.98px) {
  .user-index .employee-photo {
    padding-top: 30%;
  }
}
@media (max-width: 480.98px) {
  .user-index .employee-photo {
    padding-top: 35%;
  }
}
@media (max-width: 412.98px) {
  .user-index .employee-photo {
    padding-top: 42%;
  }
}
@media (max-width: 360.98px) {
  .user-index .employee-photo {
    padding-top: 46%;
  }
}
@media (max-width: 320.98px) {
  .user-index .employee-photo {
    padding-top: 55%;
  }
}
.user-index .employee-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.user-index .employee-name {
  font-weight: bold;
  font-size: 1.2rem;
}
.user-index .employee-position {
  font-size: 1.1rem;
  font-weight: 500;
  color: #247ADE;
}
.user-index .employee-contact {
  font-size: 1.1rem;
  margin-top: 0.5rem;
}
.user-index .employee-title {
  font-size: 1.3rem;
}
.user-index .my_friends {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.user-index .skills_legends {
  background-color: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2rem 0.5rem 1rem 0.5rem;
}
.user-index .skills_legends .circle {
  width: 30px;
  height: 30px;
  min-width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #9CC2E5;
  margin-right: 1rem;
}
.user-index .skills_legends .circle + span {
  font-size: 1rem;
}
.user-index .skills_legends .circle.circle--2 {
  background-color: #36FF91;
}
.user-index .skills_legends .circle.circle--3 {
  background-color: #D680C6;
}
.user-index .skills_legends .circle.circle--4 {
  background-color: #FFFF7B;
}
.user-index .skills_legends .circle.circle--5 {
  background-color: #63ABFF;
}
.user-index .skills_rating {
  background-color: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.user-index .skills_rating .top-line {
  display: flex;
  background-color: #E4FDFF;
}
@media (max-width: 992.98px) {
  .user-index .skills_rating .top-line {
    flex-wrap: wrap;
  }
}
.user-index .skills_rating .top-line > div .vertical_text {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-bottom: 0;
}
@media (max-width: 576.98px) {
  .user-index .skills_rating .top-line > div .vertical_text {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    padding: 1rem 0;
  }
}
.user-index .skills_rating .top-line > div span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-align: center;
}
.user-index .skills_rating .top-line > div span:first-child {
  height: 100%;
  padding: 1rem 0;
}
.user-index .skills_rating .top-line > div span:last-child {
  background-color: #E4FDFF;
  margin: 1.2rem 0;
  border-left: 1px solid #74DDE6;
}
@media (max-width: 576.98px) {
  .user-index .skills_rating .top-line > div span:last-child {
    border: none;
  }
}
.user-index .skills_rating .top-line > div:nth-child(-n+5) {
  width: 15%;
}
@media (max-width: 992.98px) {
  .user-index .skills_rating .top-line > div:nth-child(-n+5) {
    width: 25%;
  }
}
@media (max-width: 576.98px) {
  .user-index .skills_rating .top-line > div:nth-child(-n+5) {
    width: 100%;
  }
}
.user-index .skills_rating .top-line > div:nth-child(n+6) {
  width: 11%;
}
@media (max-width: 992.98px) {
  .user-index .skills_rating .top-line > div:nth-child(n+6) {
    width: 25%;
  }
}
@media (max-width: 576.98px) {
  .user-index .skills_rating .top-line > div:nth-child(n+6) {
    width: 100%;
  }
}
.user-index .skills_rating .top-line > div:nth-child(n+6) div {
  height: 83%;
  background-color: #fff;
}
.user-index .skills_rating .top-line > div:nth-child(7) div {
  border-right: 1px solid #DDDBDB;
  border-left: 1px solid #DDDBDB;
}
@media (max-width: 576.98px) {
  .user-index .skills_rating .top-line > div:nth-child(7) div {
    border: none;
  }
}
.user-index .skills_rating .top-line .health {
  background-color: #9CC2E5;
}
.user-index .skills_rating .top-line .communication {
  background-color: #FFFF7B;
}
.user-index .skills_rating .top-line .cognition {
  background-color: #36FF91;
}
.user-index .skills_rating .top-line .creation {
  background-color: #63ABFF;
}
.user-index .skills_rating .top-line .social {
  background-color: #D680C6;
}
.user-index .skills_rating .top-line .all-icon {
  height: 110px !important;
}
.user-index .skills_rating .top-line .all-icon .icon-round {
  background-color: rgba(191, 191, 191, 0.7);
  width: 48px;
  height: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0;
  border: none !important;
}
.user-index .skills_rating .top-line .all-icon .icon-round img {
  width: 70%;
}
.user-index .skills_rating .top-line .skills_list {
  height: 100%;
  margin-bottom: 0;
  font-size: 0.75rem;
  padding: 0.5rem;
}
.user-index .skills_rating .top-line .skills_list.health {
  background-color: #E6EFF8;
}
.user-index .skills_rating .top-line .skills_list.communication {
  background-color: #FCFCD0;
}
.user-index .skills_rating .top-line .skills_list.cognition {
  background-color: #CDFFE3;
}
.user-index .skills_rating .top-line .skills_list.creation {
  background-color: #D8EAFF;
}
.user-index .skills_rating .top-line .skills_list.social {
  background-color: #F4DFF0;
}
.user-index .child_count span {
  font-weight: bold;
  font-size: 1.3rem;
}
.user-index .child_card {
  background-color: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #C5C5C5;
  height: 100%;
}
.user-index .child_card > div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.user-index .child_card > div:first-child {
  color: #247ADE;
  padding: 1.4rem 0;
  font-size: 1.2rem;
}
.user-index .child_card > div:last-child {
  background-color: #E7F2FF;
  padding: 0.5rem;
  font-size: 0.75rem;
  height: 100%;
}
.user-index.learning-activities .act_card {
  background-color: rgba(36, 122, 222, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.user-index.learning-activities .act_count {
  margin: 0 1rem;
}
.user-index.learning-activities .act_count .list-item {
  position: relative;
  margin: 0;
  padding: 0 0 0 33px;
}
.user-index.learning-activities .act_count .list-item:before {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #52A1FF;
}
.user-index.learning-activities .act_count .target span {
  font-weight: bold;
  color: #247ADE;
}
.user-index.learning-activities h4.h4 {
  color: #247ADE;
  margin-bottom: 1.25rem;
  text-align: center;
}
.user-index.learning-activities .sub-title {
  color: #247ADE;
  text-align: center;
  font-size: 1.125rem;
}
.user-index.learning-activities .learning-activities-list {
  font-size: 1.125rem;
}
.user-index.learning-activities .learning-activities-list li {
  margin-bottom: 0.3125rem;
}
.user-index.learning-activities .learning-activities-list .blue-dot {
  display: block;
  width: 10px;
  height: 10px;
  min-width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #247ADE;
  margin-right: 1rem;
}
.user-index.learning-activities .type_header {
  margin-bottom: 1.875rem;
}
.user-index.learning-activities .type_header .h5 {
  color: #006FA0;
  font-size: 1.875rem;
  padding-top: 2.375rem;
  margin-bottom: 0;
}
.user-index.learning-activities .type_card {
  overflow: hidden;
  height: 100%;
}
.user-index.learning-activities .type_card h4 {
  margin: 1.5rem 0;
}
.user-index.learning-activities .type_card h5 {
  color: #247ADE;
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.user-index.learning-activities .type_card p {
  font-size: 0.875rem;
}
.user-index.learning-activities .type_card .custom-photo {
  width: 100%;
  max-width: 441px;
  max-height: 224px;
}
.user-index.learning-activities .type_card .custom-photo_last {
  width: 100%;
  max-width: 441px;
  max-height: 344px;
}
.user-index.learning-activities .type_list {
  font-size: 0.875rem;
  color: #747474;
  padding: 0;
}
.user-index.learning-activities .type_list li {
  margin-bottom: 1rem;
}
.user-index.learning-activities .type_list li .blue-dot {
  display: block;
  background-color: #247ADE;
  width: 3px;
  height: 3px;
  min-width: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 0.5rem;
}
.user-index.learning-activities .accordion-header {
  background-color: #F8F8F8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
  width: 100%;
  text-align: left;
  color: #4F4F4F;
  font-weight: bold;
  font-size: 1.5rem;
  border: none;
  padding: 1.125rem 1.5625rem;
  margin-bottom: 1.25rem;
}
.user-index.learning-activities .accordion-header:focus {
  outline: none;
}
.user-index.learning-activities .accordion-header .down {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.user-index.learning-activities .accordion-header .down.up {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user-index.learning-activities .accordion-body {
  padding: 3.125rem 1.25rem;
}
.user-index.learning-activities .accordion-body .img-wrap {
  margin-right: 0.625rem;
}
.user-index.learning-activities .accordion-body .img-wrap img {
  width: 100%;
}
.user-index.learning-activities .accordion-body .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  margin-top: 0;
}
.user-index.learning-activities .accordion-body .text {
  font-size: 0.875rem;
  color: #747474;
}
.user-index.learning-activities .accordion-body .list {
  margin-top: 1.5rem;
}
.user-index.learning-activities .accordion-body .list-title {
  color: #247ADE;
  font-size: 0.875rem;
  font-weight: bold;
}
.user-index.learning-activities .accordion-body .list-body {
  padding: 0;
  font-size: 0.875rem;
  color: #747474;
}
.user-index.learning-activities .accordion-body .list-body li {
  margin-bottom: 0.625rem;
}
.user-index.learning-activities .accordion-body .list-body li:before {
  content: "";
  width: 3px;
  min-width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #247ADE;
  margin-right: 0.625rem;
  margin-top: 0.625rem;
}
.user-index .level_title {
  font-size: 1.7rem;
}
.user-index .level_text {
  font-size: 1.2rem;
}
.user-index .notification_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.user-index .notification_card a {
  position: relative;
  /*border: 2px solid #247ADE;*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.user-index .notification_card a:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(36, 122, 222, 0.74);
  background-image: url("../images/user/zoom-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.user-index .notification_card a:hover:before {
  opacity: 1;
}
.user-index .notification_card img {
  width: 100%;
}
.user-index .notification_date {
  color: #247ADE;
  font-size: 1rem;
}
.user-index .chart-title {
  font-weight: bold;
  font-size: 2rem;
  text-transform: uppercase;
  padding-bottom: 2rem;
}
.user-index .health-diagram {
  overflow: hidden;
}
.user-index .health-diagram .indent_right .dynamics-progress-line {
  width: 85.5%;
  margin-left: auto !important;
}
@media (max-width: 992px) {
  .user-index .health-diagram .indent_right .dynamics-progress-line {
    width: 92%;
  }
}
.user-index .health-diagram .indent_left .dynamics-progress-line {
  width: 85.5%;
}
@media (max-width: 992px) {
  .user-index .health-diagram .indent_left .dynamics-progress-line {
    width: 92%;
  }
}
.user-index .health-diagram .report-block {
  border-radius: 5px;
  color: white;
  font-size: 0.8125rem;
  padding: 0.8rem;
  font-weight: 300;
  line-height: normal;
  height: 100%;
  position: relative;
}
.user-index .health-diagram .report-block.blue {
  background-color: #517da2;
}
.user-index .health-diagram .report-block.green {
  background-color: #3f9a50;
}
.user-index .health-diagram .g-info-item {
  margin-bottom: 0;
  background-color: transparent;
}
.user-index .health-diagram .more-link-button {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #8ac4bd;
  border-radius: 50%;
}
.user-index .health-diagram .more-link-button:before {
  position: absolute;
  top: 5px;
  left: 5px;
  content: "";
  height: 2px;
  width: 8px;
  background-color: #8ac4bd;
  transform: rotate(45deg);
}
.user-index .health-diagram .more-link-button:after {
  position: absolute;
  top: 9px;
  left: 5px;
  content: "";
  height: 2px;
  width: 8px;
  background-color: #8ac4bd;
  transform: rotate(-45deg);
}
.user-index .health-diagram .place-info-link {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.user-index .health-diagram .bg-custom-gray {
  background-color: #52A1FF;
}
.user-index .health-diagram .text-black-i {
  color: #333333 !important;
}
.user-index .health-diagram .gender-box {
  width: 100%;
  height: 100%;
  min-height: 380px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
}
.user-index .health-diagram .gender-box.girl {
  background-image: url(../images/user/girl.svg);
}
.user-index .health-diagram .gender-box.boy {
  background-image: url(../images/user/boy.svg);
}
.user-index .health-diagram .g-info-list {
  list-style: none;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}
.user-index .health-diagram .g-info-list .g-info-item .g-info-name {
  display: inline-block;
  width: 100%;
  height: 50px;
  font-weight: bold;
  vertical-align: top;
  position: relative;
  background: inherit;
}
.user-index .health-diagram .g-info-list .g-info-item .g-info-name .g-info-name-inner {
  position: relative;
  z-index: 2;
  color: #424242;
  font-size: 0.7rem;
  line-height: 3rem;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .user-index .health-diagram .g-info-list .g-info-item .g-info-name .g-info-name-inner {
    padding-left: 0.2rem;
  }
}
.user-index .health-diagram .g-info-list .g-info-item .g-info-name:after {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  margin: 0;
  content: "";
  border-top: 1px dashed #ddd;
}
.user-index .health-diagram .g-info-name-title {
  display: block;
  width: 100%;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  font-size: 1rem;
  border: none;
}
.user-index .health-diagram .dynamics-progress {
  position: relative;
  width: 470px;
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-progress {
    width: 100%;
  }
}
.user-index .health-diagram .place-progress-bottom-risks-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2px;
  height: 10px;
  background-color: #52A1FF;
  box-shadow: 0 -10px 0 0 #52A1FF, -10px 0 0 0 #52A1FF, -20px 0 0 0 #52A1FF, -30px 0 0 0 #52A1FF, -40px 0 0 0 #52A1FF, -50px 0 0 0 #52A1FF, -50px -4px 0 0 #52A1FF, -60px 0 0 0 #52A1FF, -70px 0 0 0 #52A1FF, -80px 0 0 0 #52A1FF, -90px 0 0 0 #52A1FF, -100px 0 0 0 #52A1FF, -100px -10px 0 0 #52A1FF, -110px 0 0 0 #52A1FF, -120px 0 0 0 #52A1FF, -130px 0 0 0 #52A1FF, -140px 0 0 0 #52A1FF, -150px 0 0 0 #52A1FF, -150px -4px 0 0 #52A1FF, -160px 0 0 0 #52A1FF, -170px 0 0 0 #52A1FF, -180px 0 0 0 #52A1FF, -190px 0 0 0 #52A1FF, -200px 0 0 0 #52A1FF, -200px -10px 0 0 #52A1FF, -210px 0 0 0 #52A1FF, -220px 0 0 0 #52A1FF, -230px 0 0 0 #52A1FF, -240px 0 0 0 #52A1FF, -250px 0 0 0 #52A1FF, -250px -3px 0 0 #52A1FF, -260px 0 0 0 #52A1FF, -270px 0 0 0 #52A1FF, -280px 0 0 0 #52A1FF, -290px 0 0 0 #52A1FF, -300px 0 0 0 #52A1FF, -300px -10px 0 0 #52A1FF, -310px 0 0 0 #52A1FF, -320px 0 0 0 #52A1FF, -330px 0 0 0 #52A1FF, -340px 0 0 0 #52A1FF, -350px 0 0 0 #52A1FF, -350px -3px 0 0 #52A1FF, -360px 0 0 0 #52A1FF, -370px 0 0 0 #52A1FF, -380px 0 0 0 #52A1FF, -390px 0 0 0 #52A1FF, -400px 0 0 0 #52A1FF, -400px -10px 0 0 #52A1FF;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    right: 1.5rem;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    right: 1rem;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    right: 0;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    box-shadow: 0 -10px 0 0 #52A1FF, 10px 0 0 0 #52A1FF, 20px 0 0 0 #52A1FF, 30px 0 0 0 #52A1FF, 40px 0 0 0 #52A1FF, 40px -4px 0 0 #52A1FF, 50px 0 0 0 #52A1FF, 60px 0 0 0 #52A1FF, 70px 0 0 0 #52A1FF, 80px 0 0 0 #52A1FF, 80px -10px 0 0 #52A1FF, 90px 0 0 0 #52A1FF, 100px 0 0 0 #52A1FF, 110px 0 0 0 #52A1FF, 120px 0 0 0 #52A1FF, 120px -4px 0 0 #52A1FF, 130px 0 0 0 #52A1FF, 140px 0 0 0 #52A1FF, 150px 0 0 0 #52A1FF, 160px 0 0 0 #52A1FF, 160px -10px 0 0 #52A1FF, 170px 0 0 0 #52A1FF, 180px 0 0 0 #52A1FF, 190px 0 0 0 #52A1FF, 200px 0 0 0 #52A1FF, 200px -4px 0 0 #52A1FF, 210px 0 0 0 #52A1FF, 220px 0 0 0 #52A1FF, 230px 0 0 0 #52A1FF, 240px 0 0 0 #52A1FF, 240px -10px 0 0 #52A1FF, 250px 0 0 0 #52A1FF, 260px 0 0 0 #52A1FF, 270px 0 0 0 #52A1FF, 280px 0 0 0 #52A1FF, 280px -4px 0 0 #52A1FF, 290px 0 0 0 #52A1FF, 300px 0 0 0 #52A1FF, 310px 0 0 0 #52A1FF, 320px 0 0 0 #52A1FF, 320px -10px 0 0 #52A1FF;
    left: 20px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    left: 10px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    box-shadow: 0 -10px 0 0 #52A1FF, 10px 0 0 0 #52A1FF, 20px 0 0 0 #52A1FF, 30px 0 0 0 #52A1FF, 40px 0 0 0 #52A1FF, 50px 0 0 0 #52A1FF, 60px 0 0 0 #52A1FF, 70px 0 0 0 #52A1FF, 70px -10px 0 0 #52A1FF, 80px 0 0 0 #52A1FF, 90px 0 0 0 #52A1FF, 100px 0 0 0 #52A1FF, 110px 0 0 0 #52A1FF, 120px 0 0 0 #52A1FF, 130px 0 0 0 #52A1FF, 140px 0 0 0 #52A1FF, 140px -10px 0 0 #52A1FF, 150px 0 0 0 #52A1FF, 160px 0 0 0 #52A1FF, 170px 0 0 0 #52A1FF, 180px 0 0 0 #52A1FF, 190px 0 0 0 #52A1FF, 200px 0 0 0 #52A1FF, 210px 0 0 0 #52A1FF, 210px -10px 0 0 #52A1FF, 220px 0 0 0 #52A1FF, 230px 0 0 0 #52A1FF, 240px 0 0 0 #52A1FF, 250px 0 0 0 #52A1FF, 260px 0 0 0 #52A1FF, 270px 0 0 0 #52A1FF, 280px 0 0 0 #52A1FF, 280px -10px 0 0 #52A1FF;
    left: 20px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .place-progress-bottom-risks-right {
    left: 6px;
  }
}
.user-index .health-diagram .dynamics-progress-line {
  position: relative;
  width: 100%;
  height: 50px;
  border-radius: 10px;
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-progress-line {
    width: 92%;
    margin: 0 auto;
  }
}
.user-index .health-diagram .dynamics-progress-line .indicators {
  overflow: hidden;
  position: relative;
  margin-bottom: 0.5rem;
  background-color: transparent;
  padding: 0;
  width: 97%;
}
@media (max-width: 992px) {
  .user-index .health-diagram .dynamics-progress-line .indicators {
    width: auto;
  }
}
.user-index .health-diagram .ind_left {
  float: right;
  margin-left: 5px;
  font-size: 10px;
  line-height: 10px;
}
.user-index .health-diagram .plan-indicator.right {
  float: right;
}
.user-index .health-diagram .ind_right {
  float: right;
  margin-right: 5px;
  font-size: 10px;
  line-height: 10px;
}
.user-index .health-diagram .dynamics-progress-block {
  height: 13px;
  border-radius: 5px;
  position: absolute;
}
.user-index .health-diagram .dynamics-progress-block.bg-yellow {
  background: #fd923b;
}
.user-index .health-diagram .dynamics-progress-block.bg-green {
  background: #3f9a50;
}
.user-index .health-diagram .dynamics-progress-block.pos-right {
  right: 0;
  bottom: 8px;
}
.user-index .health-diagram .dynamics-progress-block.pos-left {
  bottom: 8px;
}
.user-index .health-diagram [class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
  color: #fff;
}
.user-index .health-diagram .dynamics-progress-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13px;
  background: url(../images/progress-lines-horizontal-right.png) center;
  z-index: 10;
  border-radius: 5px;
}
.user-index .health-diagram .dynamics-progress-overlay.left {
  background: url(../images/progress-lines-horizontal.png) center;
}
.user-index .health-diagram .growth-number {
  margin-left: -45px;
  color: #000;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  position: relative;
}
.user-index .health-diagram .plan-indicator {
  border-top: 1px solid #3f9a50;
  border-right: 1px solid #3f9a50;
  border-left: 1px solid #3f9a50;
  padding: 0.25rem;
  right: 0;
  top: -17px;
  width: 100%;
  float: left;
}
.user-index .health-diagram .dynamics-widget-body {
  position: absolute;
  bottom: -25px;
  width: 100%;
}
.user-index .health-diagram .dynamics-widget-body.left {
  left: 0;
}
.user-index .health-diagram .dynamics-widget-body.right {
  right: 0;
}
.user-index .health-diagram .place-progress-bottom-risks {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2px;
  height: 10px;
  background-color: #52A1FF;
  box-shadow: 0 -10px 0 0 #52A1FF, 10px 0 0 0 #52A1FF, 20px 0 0 0 #52A1FF, 30px 0 0 0 #52A1FF, 40px 0 0 0 #52A1FF, 50px 0 0 0 #52A1FF, 50px -4px 0 0 #52A1FF, 60px 0 0 0 #52A1FF, 70px 0 0 0 #52A1FF, 80px 0 0 0 #52A1FF, 90px 0 0 0 #52A1FF, 100px 0 0 0 #52A1FF, 100px -10px 0 0 #52A1FF, 110px 0 0 0 #52A1FF, 120px 0 0 0 #52A1FF, 130px 0 0 0 #52A1FF, 140px 0 0 0 #52A1FF, 150px 0 0 0 #52A1FF, 150px -4px 0 0 #52A1FF, 160px 0 0 0 #52A1FF, 170px 0 0 0 #52A1FF, 180px 0 0 0 #52A1FF, 190px 0 0 0 #52A1FF, 200px 0 0 0 #52A1FF, 200px -10px 0 0 #52A1FF, 210px 0 0 0 #52A1FF, 220px 0 0 0 #52A1FF, 230px 0 0 0 #52A1FF, 240px 0 0 0 #52A1FF, 250px 0 0 0 #52A1FF, 250px -3px 0 0 #52A1FF, 260px 0 0 0 #52A1FF, 270px 0 0 0 #52A1FF, 280px 0 0 0 #52A1FF, 290px 0 0 0 #52A1FF, 300px 0 0 0 #52A1FF, 300px -10px 0 0 #52A1FF, 310px 0 0 0 #52A1FF, 320px 0 0 0 #52A1FF, 330px 0 0 0 #52A1FF, 340px 0 0 0 #52A1FF, 350px 0 0 0 #52A1FF, 350px -3px 0 0 #52A1FF, 360px 0 0 0 #52A1FF, 370px 0 0 0 #52A1FF, 380px 0 0 0 #52A1FF, 390px 0 0 0 #52A1FF, 400px 0 0 0 #52A1FF, 400px -10px 0 0 #52A1FF;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    left: -10px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    left: 20px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    left: 0;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    box-shadow: 0 -10px 0 0 #52A1FF, 10px 0 0 0 #52A1FF, 20px 0 0 0 #52A1FF, 30px 0 0 0 #52A1FF, 40px 0 0 0 #52A1FF, 40px -4px 0 0 #52A1FF, 50px 0 0 0 #52A1FF, 60px 0 0 0 #52A1FF, 70px 0 0 0 #52A1FF, 80px 0 0 0 #52A1FF, 80px -10px 0 0 #52A1FF, 90px 0 0 0 #52A1FF, 100px 0 0 0 #52A1FF, 110px 0 0 0 #52A1FF, 120px 0 0 0 #52A1FF, 120px -4px 0 0 #52A1FF, 130px 0 0 0 #52A1FF, 140px 0 0 0 #52A1FF, 150px 0 0 0 #52A1FF, 160px 0 0 0 #52A1FF, 160px -10px 0 0 #52A1FF, 170px 0 0 0 #52A1FF, 180px 0 0 0 #52A1FF, 190px 0 0 0 #52A1FF, 200px 0 0 0 #52A1FF, 200px -4px 0 0 #52A1FF, 210px 0 0 0 #52A1FF, 220px 0 0 0 #52A1FF, 230px 0 0 0 #52A1FF, 240px 0 0 0 #52A1FF, 240px -10px 0 0 #52A1FF, 250px 0 0 0 #52A1FF, 260px 0 0 0 #52A1FF, 270px 0 0 0 #52A1FF, 280px 0 0 0 #52A1FF, 280px -4px 0 0 #52A1FF, 290px 0 0 0 #52A1FF, 300px 0 0 0 #52A1FF, 310px 0 0 0 #52A1FF, 320px 0 0 0 #52A1FF, 320px -10px 0 0 #52A1FF;
    left: 20px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    left: 10px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    box-shadow: 0 -10px 0 0 #52A1FF, 10px 0 0 0 #52A1FF, 20px 0 0 0 #52A1FF, 30px 0 0 0 #52A1FF, 40px 0 0 0 #52A1FF, 50px 0 0 0 #52A1FF, 60px 0 0 0 #52A1FF, 70px 0 0 0 #52A1FF, 70px -10px 0 0 #52A1FF, 80px 0 0 0 #52A1FF, 90px 0 0 0 #52A1FF, 100px 0 0 0 #52A1FF, 110px 0 0 0 #52A1FF, 120px 0 0 0 #52A1FF, 130px 0 0 0 #52A1FF, 140px 0 0 0 #52A1FF, 140px -10px 0 0 #52A1FF, 150px 0 0 0 #52A1FF, 160px 0 0 0 #52A1FF, 170px 0 0 0 #52A1FF, 180px 0 0 0 #52A1FF, 190px 0 0 0 #52A1FF, 200px 0 0 0 #52A1FF, 210px 0 0 0 #52A1FF, 210px -10px 0 0 #52A1FF, 220px 0 0 0 #52A1FF, 230px 0 0 0 #52A1FF, 240px 0 0 0 #52A1FF, 250px 0 0 0 #52A1FF, 260px 0 0 0 #52A1FF, 270px 0 0 0 #52A1FF, 280px 0 0 0 #52A1FF, 280px -10px 0 0 #52A1FF;
    left: 20px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .place-progress-bottom-risks {
    left: 6px;
  }
}
.user-index .health-diagram .dynamics-info {
  position: relative;
  white-space: nowrap;
}
.user-index .health-diagram .dynamics-info .forty_kilo {
  position: absolute;
  left: 387px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .forty_kilo {
    left: 360px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .forty_kilo {
    left: 375px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .forty_kilo {
    left: 320px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .forty_kilo {
    left: 299px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .forty_kilo {
    left: 278px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .forty_kilo {
    left: 265px;
  }
}
.user-index .health-diagram .dynamics-info .thirty_kilo {
  position: absolute;
  left: 286px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 280px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 308px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 285px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 245px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 235px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 215px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .thirty_kilo {
    left: 200px;
  }
}
.user-index .health-diagram .dynamics-info .twenty_kilo {
  position: absolute;
  left: 180px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 79px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 209px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 185px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 165px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 155px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 145px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .twenty_kilo {
    left: 130px;
  }
}
.user-index .health-diagram .dynamics-info .ten_kilo {
  position: absolute;
  left: 85px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .ten_kilo {
    left: 79px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .ten_kilo {
    left: 108px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .ten_kilo {
    left: 85px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .ten_kilo {
    left: 75px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .ten_kilo {
    left: 60px;
  }
}
.user-index .health-diagram .dynamics-info .kilo {
  position: absolute;
  left: -16px;
  top: 0;
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .kilo {
    left: 10px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .kilo {
    left: 0;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .kilo {
    left: 11px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .kilo {
    left: 0;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .kilo {
    left: 10px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .kilo {
    left: 0;
  }
}
.user-index .health-diagram .dynamics-info .hundred-forty {
  position: absolute;
  right: 384px;
  top: 0;
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .hundred-forty {
    right: 365px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .hundred-forty {
    right: 305px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .hundred-forty {
    right: 285px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .hundred-forty {
    right: 260px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .hundred-forty {
    right: 232px;
  }
}
.user-index .health-diagram .dynamics-info .hundred-twenty {
  position: absolute;
  right: 284px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 300px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 292px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 270px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 230px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 215px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 195px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .hundred-twenty {
    right: 175px;
  }
}
.user-index .health-diagram .dynamics-info .hundred {
  position: absolute;
  right: 184px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 200px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 190px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 170px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 145px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 135px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 125px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .hundred {
    right: 105px;
  }
}
.user-index .health-diagram .dynamics-info .eighty {
  position: absolute;
  right: 85px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .eighty {
    right: 105px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .eighty {
    right: 91px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .eighty {
    right: 75px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .eighty {
    right: 70px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .eighty {
    right: 60px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .eighty {
    right: 40px;
  }
}
.user-index .health-diagram .dynamics-info .sixty {
  position: absolute;
  right: -17px;
  top: 0;
}
@media (max-width: 1200px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: 5px;
  }
}
@media (max-width: 992.98px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: -7px;
  }
}
@media (max-width: 480.98px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: -20px;
  }
}
@media (max-width: 411.98px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: -5px;
  }
}
@media (max-width: 384.98px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: -15px;
  }
}
@media (max-width: 360.98px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: -5px;
  }
}
@media (max-width: 320.98px) {
  .user-index .health-diagram .dynamics-info .sixty {
    right: -20px;
  }
}
.user-index .health-diagram .growth-number-inner {
  position: absolute;
  right: -50px;
}
.user-index .health-diagram .left_ind {
  float: left;
  margin-right: 5px;
  font-size: 10px;
  line-height: 10px;
}
.user-index .health-diagram .right_ind {
  float: left;
  margin-left: 5px;
  font-size: 10px;
  line-height: 10px;
}
.user-index .health-diagram .info-cell td {
  width: 11.1%;
  position: relative;
  border: 1px solid #b5b5b5;
  line-height: 1;
}
.user-index .health-diagram .info-cell td:first-child {
  border-left: 1px solid transparent;
}
.user-index .health-diagram .accept-cell {
  background-color: #59c26d;
  position: relative;
  background-clip: padding-box;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
.user-index .health-diagram td.accept-cell {
  padding: 0;
}
.user-index .health-diagram .tick {
  position: relative;
  width: 35px;
  height: 25px;
  margin: 0 auto;
}
.user-index .health-diagram .tick:before {
  position: absolute;
  content: " ";
  display: block;
  width: 4px;
  height: 12px;
  background-color: #ffffff;
  transform: rotate(-45deg);
  top: 8px;
  left: 10px;
}
.user-index .health-diagram .tick:after {
  position: absolute;
  content: " ";
  display: block;
  width: 4px;
  height: 20px;
  background-color: #ffffff;
  transform: rotate(45deg);
  left: 20px;
}
.user-index .health-diagram .cell-gradient {
  background: repeating-linear-gradient(135deg, #e8e8e8 0px, #e8e8e8 3px, #ffffff 3px, #ffffff 6px);
}
.user-index .health-diagram .refuse-cell {
  background-color: #fd923b;
  color: #ffffff;
  font-weight: bold;
  background-clip: padding-box;
  text-align: center;
  position: relative;
}
.user-index .health-diagram .cell-button {
  position: absolute;
  top: 13px;
  border: 2px solid #fff;
  right: 10px;
}
.user-index .health-diagram .cell-button:before {
  background-color: #ffffff;
}
.user-index .health-diagram .cell-button:after {
  background-color: #ffffff;
}
.user-index .health-diagram .expired-cell {
  background-color: #fd585c;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-clip: padding-box;
}
.user-index .health-diagram .expired-cell div {
  font-weight: normal;
}
.user-index .health-diagram .planning-cell {
  color: #59c26d;
  text-align: center;
  font-weight: bold;
}
.user-index .health-diagram .exclamation-sign {
  position: absolute;
  width: 20px;
  height: 30px;
  right: 15px;
  top: 8px;
}
.user-index .health-diagram .exclamation-sign:before {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 20px;
  background-color: #ffffff;
  right: 5px;
}
.user-index .health-diagram .exclamation-sign:after {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  bottom: 0;
  right: 5px;
}
.user-index .indicators {
  background-color: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 1.5rem 3rem;
}
@media (max-width: 992.98px) {
  .user-index .indicators {
    padding: 1.5rem;
  }
}
.user-index .indicators_text {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.3rem;
}
.user-index .indicators img {
  width: 45%;
}
@media (max-width: 992.98px) {
  .user-index .indicators img {
    width: 7rem;
  }
}
.user-index .indicators .red_rectangle {
  display: block;
  width: 17%;
  height: 30px;
  border: 3px solid #3f9a50;
  border-bottom: none;
}
@media (max-width: 480.98px) {
  .user-index .indicators .red_rectangle {
    width: 25%;
    height: 20px;
  }
}
.user-index .vaccinations_table {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.user-index .vaccinations_table td {
  padding: 0.5rem;
}
.user-index .vaccinations_table tr:first-child {
  background-color: #E4FDFF;
}
.user-index .vaccinations_table tr:nth-child(n+3):nth-child(odd) {
  background-color: #f2f2f2;
}
.user-index .diagnostic_chart {
  background-color: #E4FDFF;
  border: 1px solid #C5C5C5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.user-index .diagnostic_chart .chart_title {
  color: #247ADE;
  font-size: 1rem;
  padding-top: 2rem;
  text-align: center;
}
.user-index .diagnostic_chart .chart_block {
  padding: 2rem;
}
.user-index .diagnostic_chart .chart_block .column_chart {
  position: relative;
}
.user-index .diagnostic_chart .chart_block .column_chart .horizontal_line {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.user-index .diagnostic_chart .chart_block .column_chart .horizontal_line .label {
  width: 8%;
  text-align: right;
  font-weight: bold;
  margin-right: 0.5rem;
  color: #006FA0;
}
.user-index .diagnostic_chart .chart_block .column_chart .horizontal_line .line {
  width: 100%;
  height: 1px;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .diagnostic_chart .chart_block .column_chart .vertical-line {
  position: absolute;
  bottom: 0.6rem;
  left: 3rem;
  width: 1px;
  height: 100%;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .diagnostic_chart .chart_block .column_chart .vertical-line:before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  width: 15px;
  height: 1px;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0.6rem;
  left: 2rem;
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar {
  display: flex;
  justify-content: flex-end;
  width: 11%;
  background-color: transparent;
  margin-right: 0.9rem;
}
@media (max-width: 320.98px) {
  .user-index .diagnostic_chart .chart_block .column_chart .progress-bar {
    width: 9%;
  }
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar > div {
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar .health {
  background-color: #9CC2E5;
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar .communication {
  background-color: #F4F444;
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar .cognition {
  background-color: #36FF91;
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar .creation {
  background-color: #63ABFF;
}
.user-index .diagnostic_chart .chart_block .column_chart .progress-bar .social {
  background-color: #D680C6;
}
.user-index .diagnostic_chart .chart_legends {
  background-color: #E7F2FF;
  padding: 2rem 0;
}
.user-index .diagnostic_chart .chart_legends ul {
  margin-bottom: 0;
  padding: 0;
}
.user-index .diagnostic_chart .chart_legends ul .list-style {
  min-width: 25px;
  width: 25px;
  height: 25px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #9CC2E5;
  margin-right: 0.7rem;
}
.user-index .diagnostic_chart .chart_legends ul .list-style.cognition {
  background-color: #36FF91;
}
.user-index .diagnostic_chart .chart_legends ul .list-style.creation {
  background-color: #63ABFF;
}
.user-index .diagnostic_chart .chart_legends ul .list-style.social {
  background-color: #D680C6;
}
.user-index .diagnostic_chart .chart_legends ul .list-style.communication {
  background-color: #F4F444;
}
.user-index .diagnostic_chart .chart_footer {
  color: #247ADE;
  text-align: center;
  padding: 2rem 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.user-index .diagnostic_chart.intermediate_diagnosis {
  background-color: #EFFFF5;
}
.user-index .diagnostic_chart.intermediate_diagnosis .chart_title, .user-index .diagnostic_chart.intermediate_diagnosis .chart_footer {
  color: #19B658;
}
.user-index .diagnostic_chart.intermediate_diagnosis .chart_legends {
  background-color: #AFFFCE;
}
.user-index .diagnostic_chart.final_diagnosis {
  background-color: #FFECEA;
}
.user-index .diagnostic_chart.final_diagnosis .chart_title, .user-index .diagnostic_chart.final_diagnosis .chart_footer {
  color: #F0553E;
}
.user-index .diagnostic_chart.final_diagnosis .chart_legends {
  background-color: #FFBFB6;
}
.user-index .linear_chart {
  position: relative;
  background-color: #E4FDFF;
  border: 1px solid #C5C5C5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2rem 3rem;
}
@media (max-width: 576px) {
  .user-index .linear_chart {
    padding: 1rem;
  }
}
.user-index .linear_chart .wrap {
  overflow-x: auto;
}
.user-index .linear_chart .chart_block {
  padding: 2rem 0;
  overflow: hidden;
  min-width: 1042px;
}
.user-index .linear_chart .chart_block .column_chart {
  position: relative;
}
.user-index .linear_chart .chart_block .column_chart .horizontal_line {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.user-index .linear_chart .chart_block .column_chart .horizontal_line .label {
  width: 2%;
  text-align: right;
  font-weight: bold;
  margin-right: 0.5rem;
  color: #006FA0;
}
.user-index .linear_chart .chart_block .column_chart .horizontal_line .line {
  width: 100%;
  height: 1px;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .linear_chart .chart_block .column_chart .vertical-line {
  position: absolute;
  bottom: 0.7rem;
  left: 3rem;
  width: 1px;
  height: 100%;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .linear_chart .chart_block .column_chart .vertical-line:before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  width: 15px;
  height: 1px;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .linear_chart .chart_block .column_chart .progress-bar-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0.7rem;
  left: 2rem;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background-color: transparent;
  margin-right: 0.9rem;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend {
  position: absolute;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -2.5rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend:after {
  position: absolute;
  content: "";
  top: -0.59rem;
  height: 10px;
  width: 1px;
  background-color: rgba(3, 169, 244, 0.5);
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend.start {
  color: #247ADE;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend.start:after {
  right: 0.5rem;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend.middle {
  color: #19B658;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend.middle:after {
  right: -0.9rem;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend.end {
  color: #F0553E;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .legend.end:after {
  right: 1.15rem;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .circle {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 37px;
  min-width: 37px;
  height: 37px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: bold;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .circle.start {
  background-color: #247ADE;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .circle.middle {
  background-color: #19B658;
}
.user-index .linear_chart .chart_block .column_chart .progress-bar .circle.end {
  background-color: #F0553E;
}
.user-index .banner {
  position: fixed;
  width: 30%;
  bottom: 7rem;
  left: 5rem;
  background-color: #fff;
  border: 1px solid #52A1FF;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.15);
  color: #333;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 9999;
}
@media (max-width: 1200.98px) {
  .user-index .banner {
    width: 55%;
  }
}
@media (max-width: 768.98px) {
  .user-index .banner {
    width: auto;
    left: 1rem;
    right: 1rem;
    bottom: 3rem;
  }
}
.user-index .banner .banner-title {
  padding: 2rem;
  background: #52A1FF;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 576px) {
  .user-index .banner .banner-title {
    padding: 1rem;
  }
}
.user-index .banner .banner-title img {
  margin-right: 1.125rem;
}
.user-index .banner .banner-text {
  padding: 1.5rem 2.3125rem 2.75rem;
  font-size: 1rem;
  margin: 0;
}
@media (max-width: 576px) {
  .user-index .banner .banner-text {
    padding: 1rem;
  }
}
.user-index .banner .banner-close {
  cursor: pointer;
}
.user-index .banner.show_banner {
  opacity: 1;
  visibility: visible;
}

.user-page {
  padding: 3rem 2rem;
  background-image: url("/images/cabinet-bg-child2.svg"), url("/images/cabinet-bg-child.svg"), url("/images/cabinet-bg.jpg");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 30%, 15%, contain;
  background-position: bottom right, bottom left, 0 0;
}
.user-page .user-title {
  padding-top: 0;
}
.user-page .user-column {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 14px -10px #000;
  -moz-box-shadow: 0 0 14px -10px #000;
  box-shadow: 0 0 14px -10px #000;
  padding: 1.5rem;
}
.user-page .user-column.user-column-menu {
  padding: 0.7rem;
}
@media (max-width: 992.98px) {
  .user-page .user-column {
    margin-bottom: 2rem;
  }
}
@media (max-width: 425.98px) {
  .user-page .user-column {
    padding: 0.5rem;
  }
}

.user-menu-avatar {
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  overflow: hidden;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  margin-bottom: 1rem;
  position: relative;
}
.user-menu-avatar .img-center {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
}

.user-menu-info {
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 1rem;
}
.user-menu-info .user-panel-name {
  padding-left: 1rem;
  padding-right: 1rem;
}

.user-menu {
  padding-left: 0;
}
.user-menu li {
  margin-bottom: 0.25rem;
  /*&:nth-child(2) {
    .user-menu-icon {
  	&:before {
  	  background-image: url('/images/menu-icon/black-icon-2.svg');
  	}
    }
  }*/
}
.user-menu li:first-child .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-1.svg");
}
.user-menu li:nth-child(2) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-4.svg");
}
.user-menu li:nth-child(3) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-5.svg");
}
.user-menu li:nth-child(4) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-6.svg");
}
.user-menu li:nth-child(5) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-7.svg");
}
.user-menu li:nth-child(6) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-8.svg");
}
.user-menu li:nth-child(7) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-9.svg");
}
.user-menu li:nth-child(8) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-10.svg");
}
.user-menu li:nth-child(9) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-11.svg");
}
.user-menu li:nth-child(10) .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-12.svg");
}
.user-menu li:last-child .user-menu-icon:before {
  background-image: url("/images/menu-icon/black-icon-13.svg");
}
.user-menu li .user-menu-icon {
  position: relative;
  display: block;
  padding: 0.4rem 1rem 0.5rem 3rem;
  color: #212121;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #F5F5F5;
}
.user-menu li .user-menu-icon:hover {
  text-decoration: none;
  background: #E0E0E0;
}
.user-menu li .user-menu-icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.user-menu li.active .user-menu-icon {
  background: #3f51b5;
  color: #fff;
}
.user-menu li.active:first-child .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-1.svg");
}
.user-menu li.active:nth-child(2) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-2.svg");
}
.user-menu li.active:nth-child(3) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-4.svg");
}
.user-menu li.active:nth-child(4) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-5.svg");
}
.user-menu li.active:nth-child(5) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-6.svg");
}
.user-menu li.active:nth-child(6) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-7.svg");
}
.user-menu li.active:nth-child(7) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-8.svg");
}
.user-menu li.active:nth-child(8) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-9.svg");
}
.user-menu li.active:nth-child(9) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-10.svg");
}
.user-menu li.active:nth-child(9) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-11.svg");
}
.user-menu li.active:nth-child(10) .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-12.svg");
}
.user-menu li.active:last-child .user-menu-icon:before {
  background-image: url("/images/menu-icon/white-icon-13.svg");
}

/*User header*/
.user-header .dropdown-toggle:after {
  display: none;
}
.user-header .dropdown-toggle:hover .user-info-header {
  color: #3f51b5;
}
.user-header .user-view-header {
  background-color: #247ADE;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 0 1rem;
}
.user-header .user-view-header .user-avatar {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
}
.user-header .user-view-header .user-avatar .user-avatar-img {
  display: flex;
  align-items: center;
  width: 2rem;
  height: 2.75rem;
  margin: 0 auto;
  overflow: hidden;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  position: relative;
}
.user-header .user-view-header .user-avatar .user-avatar-img .img-center {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.user-header .user-view-header .user-avatar .user-notification {
  width: 1rem;
  height: 1rem;
  background: #ef5350;
  border: 3px solid #fff;
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  z-index: 101;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  border-radius: 10rem;
}
.user-header .user-view-header .user-info-header {
  margin-left: 0.5rem;
  display: inline-block;
  color: #212121;
}
.user-header .user-view-header .user-info-header .user-name {
  color: #fff;
}
.user-header .user-view-header .user-info-header .user-name .user-panel-text {
  text-transform: lowercase;
  display: inline-block;
}
.user-header .user-view-header .user-info-header .user-name .user-panel-text:first-letter {
  text-transform: capitalize;
}
.user-header .user-view-header .user-info-header .user-iin {
  font-weight: 400;
  font-size: 0.8125rem;
  color: #757575;
  display: none;
}
.user-header .user--menu-list {
  font-weight: normal;
  right: 0;
  left: auto;
  top: 7.9rem !important;
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25);
}
.user-header .user--menu-list .dropdown-item {
  font-weight: normal !important;
  border-bottom: 1px solid #E0E0E0;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  white-space: normal;
}
.user-header .user--menu-list li:last-child .dropdown-item {
  border-bottom: none;
}
.user-header .user--menu-list li.active a {
  background: #3f51b5;
  color: #fff;
}
.user-header.show .dropdown-toggle {
  color: #3f51b5;
}

.teachers-body .teachrs-item {
  margin: 0.75rem 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.teachers-body .teachers-photo {
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
  overflow: hidden;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  margin-bottom: 1rem;
  position: relative;
}
.teachers-body .teachers-photo .img-center {
  width: 8rem;
  height: 8rem;
  object-fit: cover;
}
.teachers-body .teachers-name {
  margin-top: 0.75rem;
  text-align: center;
  font-weight: 500;
}
.teachers-body .teachers-name span {
  text-transform: lowercase;
  display: inline-block;
}
.teachers-body .teachers-name span:first-letter {
  text-transform: capitalize;
}
.teachers-body .teachers-position {
  text-align: center;
  font-size: 0.75rem;
  font-style: italic;
}

.time-table {
  margin-top: 2rem;
}
.time-table .time-table-title {
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
.time-table .table {
  font-size: 0.875rem;
  margin-bottom: 2rem;
}
.time-table .table .table-header th {
  border: 1px solid #EEEEEE;
  border-top: none;
  padding: 0.25rem;
  text-align: center;
  font-weight: normal;
  width: 14.2857%;
}
.time-table .table .table-header th:first-child {
  border-left: none;
}
.time-table .table .table-header th:last-child {
  border-right: none;
}
.time-table .table .table-header th span {
  display: block;
  padding: 0.5rem;
  background: #3f51b5;
  color: #fff;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.time-table .table .table-header .weekend {
  background: #ef5350;
}
.time-table .table tbody tr {
  border-bottom: 1px solid #EEEEEE;
}
.time-table .table tbody tr:last-child {
  border-bottom: none;
}
.time-table .table tbody tr td {
  border: 1px solid #EEEEEE;
  padding: 0.25rem;
  border-top: none;
  border-bottom: none;
  text-align: center;
}
@media (max-width: 768px) {
  .time-table .table tbody tr td {
    text-align: center;
  }
}
.time-table .table tbody tr td:first-child {
  border-left: none;
}
.time-table .table tbody tr td:last-child {
  border-right: none;
}
.time-table .table tbody .time-table-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  color: #212121;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
}
.time-table .table tbody .time-table-link:hover {
  background: #E0E0E0;
  text-decoration: none;
}
.time-table .table tbody .time-table-link.active {
  background: #3f51b5;
  color: #fff;
}
.time-table .table tbody .time-table-link.select {
  background: #E0E0E0;
}
.time-table .table tbody .time-table-link.danger {
  background: #ef5350;
  color: #fff;
}
.time-table .table tbody .time-table-link.success {
  background: #c4e1a5;
}
.time-table .table tbody .time-table-link.warning {
  background: #ffe082;
}
.time-table .months-list ul {
  padding-left: 0;
}
.time-table .months-list ul li {
  margin: 0.25rem 0;
  margin-bottom: 0.75rem;
}
.time-table .months-list ul li a {
  display: block;
  text-align: center;
  padding: 0.35rem 0.75rem;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #EEEEEE;
  color: #212121;
}
.time-table .months-list ul li a:hover {
  text-decoration: none;
  background: #cdcdcd;
}
.time-table .months-list ul li.active a {
  background: #3f51b5;
  color: #fff;
}

.user-list .user-items {
  background: #F5F5F5;
  padding: 1rem 1.25rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1.25rem;
}
.user-list .user-items h6 {
  font-size: 1rem;
  margin-top: 0;
}
.user-list .user-list-title {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.user-list .user-name-text {
  text-transform: lowercase;
  display: inline-block;
}
.user-list .user-name-text:first-letter {
  text-transform: capitalize;
}

.health-page h6 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #E0E0E0;
}

.user-info-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0.5rem;
}
@media (max-width: 576px) {
  .user-info-list {
    font-size: 0.875rem;
  }
}
.user-info-list .user-info-item {
  position: relative;
  background: #F5F5F5;
  margin-bottom: 0.4rem;
}
.user-info-list .user-info-item .user-info-name {
  display: inline-block;
  width: 48%;
  font-weight: 600;
  vertical-align: top;
  position: relative;
  background: inherit;
}
@media (max-width: 576px) {
  .user-info-list .user-info-item .user-info-name {
    width: 100%;
  }
}
.user-info-list .user-info-item .user-info-name:after {
  position: absolute;
  right: 5px;
  left: 0;
  height: 1px;
  margin: 1.1rem 0 0;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 0 repeat-x;
}
.user-info-list .user-info-item .user-info-name .user-info-name-inner {
  position: relative;
  padding: 0 10px 0 0;
  background: inherit;
  z-index: 2;
}
.user-info-list .user-info-item .user-info-value {
  display: inline-block;
  width: 51%;
  vertical-align: top;
}
@media (max-width: 576px) {
  .user-info-list .user-info-item .user-info-value {
    width: 100%;
  }
}

.incidents-list .incidents-items {
  background: #EEEEEE;
  padding: 1.25rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1.25rem;
}
.incidents-list .incidents-items .incidents-title {
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.incidents-list .incidents-items .incidents-date {
  margin-bottom: 0.25rem;
}

.teachers-list {
  background: #F5F5F5;
}
.teachers-list .card {
  margin-bottom: 0.75rem;
  -webkit-border-radius: 1rem !important;
  -moz-border-radius: 1rem !important;
  border-radius: 1rem !important;
  border: 1px solid #E0E0E0 !important;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.teachers-list .card .card-header {
  border-bottom: none;
  padding: 0;
  background: #fff;
  -webkit-border-radius: 1rem !important;
  -moz-border-radius: 1rem !important;
  border-radius: 1rem !important;
}
.teachers-list .card .card-header h5 {
  display: block;
  padding: 1.5rem 1rem;
  cursor: pointer;
  font-size: 1.1rem;
  -webkit-border-radius: 1rem !important;
  -moz-border-radius: 1rem !important;
  border-radius: 1rem !important;
  border-bottom: 1px solid #E0E0E0;
}
.teachers-list .card .card-header h5:hover {
  background: #EEEEEE;
}
.teachers-list .card .card-body {
  padding: 1rem;
}

.jGrowl {
  z-index: 1070;
  position: absolute;
}

body > .jGrowl {
  position: fixed;
}

.jGrowl.top-left {
  left: 1.25rem;
  top: 1.25rem;
}

.jGrowl.top-center {
  left: 50%;
  top: 1.25rem;
  margin-left: -10rem;
}

.jGrowl.top-right {
  right: 1.25rem;
  top: 1.25rem;
}

.jGrowl.center {
  top: 40%;
  width: 20rem;
  left: 50%;
  margin-left: -10rem;
  margin-top: -1.87502rem;
}

.jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl.bottom-left {
  left: 1.25rem;
  bottom: 1.25rem;
}

.jGrowl.bottom-center {
  left: 50%;
  bottom: 1.25rem;
  margin-left: -10rem;
}

.jGrowl.bottom-right {
  right: 1.25rem;
  bottom: 1.25rem;
}

@media print {
  .jGrowl {
    display: none;
  }
}
.jGrowl-notification {
  margin-bottom: 0.625rem;
  width: 20rem;
  text-align: left;
  display: none;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.jGrowl-notification .jGrowl-header {
  font-size: 0.9375rem;
  margin-bottom: 0.3125rem;
}

.jGrowl-notification .jGrowl-header:empty {
  margin: 0;
}

.jGrowl-notification .jGrowl-close {
  font-weight: 400;
  background: 0 0;
  border: 0;
  font-size: 1.25003rem;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  float: right;
  color: inherit;
  outline: 0;
  margin-left: 0.625rem;
  opacity: 0.75;
  transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .jGrowl-notification .jGrowl-close {
    transition: none;
  }
}
.jGrowl-notification .jGrowl-close:hover {
  opacity: 1;
}

.jGrowl-closer {
  padding: 0.3125rem 0;
  cursor: pointer;
  margin-top: 0.3125rem;
  text-align: center;
  background-color: #fff;
  width: 20rem;
  border: 1px solid #ddd;
  border-radius: 0.1875rem;
}

a.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.bg-grey {
  background-color: #eaeaea;
}

.bg-indigo {
  background-color: #3f51b5;
}

.timesheet-cell {
  position: relative;
}
.timesheet-cell:after {
  content: attr(data-label);
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: #fff;
  padding: 3px 5px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.timesheet-cell:hover:after {
  display: block;
}

/*-----------------------------Parent info and register achievements---------------------------*/
.user-card-items {
  background-color: #F2F5FD;
  padding: 1rem;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #2D3A7A;
  font-size: 0.89rem;
  margin-bottom: 1rem;
}
.user-card-items span {
  font-size: 18px;
}
.user-card-items .slick-track {
  margin: 0;
}
.user-card-items .slider-nav img {
  margin: 0 0.3rem;
}
.user-card-items .slider-for {
  margin: 0 0.3rem;
}
.user-card-items .slick-slide img {
  width: 100%;
}
.user-card-whiteHr {
  margin: 0.9rem 0;
  border: 1px dashed #fff;
}
.user-card-text {
  color: #000;
}
.user-card-title {
  font-size: 1.7rem;
  color: #2D3A7A;
}
.user-card-whiteHr {
  margin: 0.5rem 0;
}

/*-----------------------------Register appeals---------------------------*/
.appeals-card, .appeals-form {
  background-color: #FFFBEB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 576.98px) {
  .appeals-card, .appeals-form {
    padding: 0.8rem;
  }
}

.appeals-form {
  margin-bottom: 0;
}
.appeals-form label {
  font-weight: bold;
}
.appeals-form label span {
  font-weight: normal;
  color: #595959;
}
.appeals-form input, .appeals-form textarea {
  border: 1px solid #BCB8A8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0.5rem;
}
.appeals-form textarea {
  resize: none;
}
.appeals-form .appeals-custom-file:after {
  content: "Обзор";
  background-color: #D95C72;
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  height: calc(1.2em + 0.75rem);
  padding: 0.2rem 1.5rem;
}
.appeals-form .appeals-btn {
  width: 50%;
  cursor: pointer;
}
@media (max-width: 576.98px) {
  .appeals-form .appeals-btn {
    width: 100%;
  }
}

.appeals-send {
  cursor: pointer;
}
@media (max-width: 576.98px) {
  .appeals-send {
    width: 100%;
  }
}

.appeals-dashed-line {
  border: 1px dashed #A2A2A2;
  margin-top: 1.5rem;
}

.appeals-answer {
  font-size: 1.5rem;
}

/*-----------------------------composition-children-group---------------------------*/
.common-card {
  color: #2D3A7A;
  cursor: pointer;
  width: 90%;
  margin: auto;
}
.common-card:hover .common-card-img-wrap {
  -webkit-box-shadow: 0 0 0 4px #DD6179;
  -moz-box-shadow: 0 0 0 4px #DD6179;
  box-shadow: 0 0 0 4px #DD6179;
}
.common-card:hover .common-card-text {
  color: #DD6179;
}
.common-card-img-wrap {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #A1A1A1;
  -moz-box-shadow: 0 0 0 1px #A1A1A1;
  box-shadow: 0 0 0 1px #A1A1A1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.common-card-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.common-card-text {
  color: #2D3A7A;
  font-size: 1.125rem;
  padding-top: 1.2rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.common-card-text-forChild {
  font-size: 0.9rem;
}
@media (max-width: 380px) {
  .common-card-text-forChild {
    font-size: 0.7rem;
  }
}
.common-card.child-card {
  pointer-events: none;
}
.common-card.child-card.active .common-card-img-wrap {
  -webkit-box-shadow: 0 0 0 4px #DD6179;
  -moz-box-shadow: 0 0 0 4px #DD6179;
  box-shadow: 0 0 0 4px #DD6179;
}
.common-card.child-card.active .common-card-text {
  color: #DD6179;
}
.common-card.child-card .common-card-img-wrap img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-mobile-section {
  display: none;
  border: 1px solid #52A1FF;
  padding: 0.5rem 1rem;
  text-align: left;
  position: relative;
  width: 100%;
  background: #f8f9fa;
}
@media (max-width: 992px) {
  .btn-mobile-section {
    display: block;
  }
}

.btn-mobile-section::before {
  content: "";
  position: absolute;
  right: 5%;
  top: 37%;
  background: url("../images/accordion-arrow.svg") 0 0 no-repeat;
  background-size: 100%;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

button.btn-mobile-section:hover, button.btn-mobile-section:focus {
  background-color: #f8f9fa !important;
  box-shadow: none !important;
}

.btn-mobile-section.collapsed::before {
  webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

.main-inner .advice_card {
  height: auto;
  padding: 1rem 0 3rem 0;
}

.main-menu {
  background-image: url("../images/bottom.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
@media (max-width: 768px) {
  .main-menu {
    padding-top: 0;
    padding-bottom: 2rem;
  }
}
.main-menu .view-info-show {
  position: relative;
  background: white;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  color: #383838;
  font-size: 1.5rem;
  line-height: normal;
  width: 100%;
  padding: 1.5rem 0 1.5rem 8rem;
  text-align: left;
  min-height: 7rem;
  z-index: 100;
}
.main-menu .view-info-show:before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 50%;
  margin-top: -2.2rem;
  margin-left: 1rem;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: center;
  width: 65px;
  height: 70px;
}
@media (max-width: 768px) {
  .main-menu .view-info-show:before {
    width: 33px;
    height: 36px;
    margin-top: -1.2rem;
  }
}
@media (max-width: 768px) {
  .main-menu .view-info-show {
    font-size: 1rem;
    min-height: 4rem;
    padding: 1.5rem 1rem 1.5rem 6rem;
    font-weight: 600;
  }
}
.main-menu .view-info-show.about_us:before {
  background-image: url("../images/menu/01.svg");
}
.main-menu .view-info-show.develop:before {
  background-image: url("../images/menu/04.svg");
}
.main-menu .view-info-show.services:before {
  background-image: url("../images/menu/02.svg");
}
.main-menu .view-info-show.advice:before {
  background-image: url("../images/menu/05.svg");
}
.main-menu .view-info-show.ads:before {
  background-image: url("../images/menu/03.svg");
}
.main-menu .view-info-show.contacts:before {
  background-image: url("../images/menu/06.svg");
}
.main-menu .view-info-show.arrow-rotate {
  background: #247ADE;
  color: white;
}
.main-menu .view-info-show.arrow-rotate .step-arrow:before {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  margin-top: -0.4rem;
  border: 10px solid transparent;
  border-left: 10px solid white;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.main-menu .view-info-show.arrow-rotate.about_us:before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 50%;
  margin-top: -2.2rem;
  margin-left: 1rem;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: center;
  background-image: url("../images/menu/01-hover.svg");
  width: 65px;
  height: 70px;
}
@media (max-width: 768px) {
  .main-menu .view-info-show.arrow-rotate.about_us:before {
    width: 33px;
    height: 36px;
    margin-top: -1.2rem;
  }
}
.main-menu .view-info-show .step-arrow:before {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  border: 10px solid transparent;
  border-left: 10px solid #247ADE;
  margin-top: -0.4rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.main-menu .state-passport {
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 5px 5px;
}
.main-menu .state-passport .sub-menu {
  padding: 0;
}
.main-menu .state-passport .sub-menu li {
  background: white;
  border-bottom: 1px solid #EAEAEA;
}
.main-menu .state-passport .sub-menu a {
  color: #383838;
  font-size: 1.5rem;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 1.5rem 0 1.5rem 8rem;
}
.main-menu .state-passport .sub-menu a:before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 0;
  margin-left: 1rem;
  margin-top: 0.6rem;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: center;
  width: 60px;
  height: 65px;
}
@media (max-width: 768px) {
  .main-menu .state-passport .sub-menu a:before {
    width: 33px;
    height: 36px;
    margin-top: 1rem;
  }
}
.main-menu .state-passport .sub-menu a:hover {
  background: #EFF6FF;
}
@media (max-width: 768px) {
  .main-menu .state-passport .sub-menu a {
    font-size: 1rem;
    padding: 1.5rem 1rem 1.5rem 6rem;
    font-weight: 600;
  }
}
.main-menu .state-passport .sub-menu a.act:before {
  background-image: url("../images/menu/001.svg");
}
.main-menu .state-passport .sub-menu a.partners:before {
  background-image: url("../images/menu/002.svg");
}
.main-menu .state-passport .sub-menu a.structure:before {
  background-image: url("../images/menu/003.svg");
}
.main-menu .state-passport .sub-menu a.garden:before {
  background-image: url("../images/menu/004.svg");
}
.main-menu .our-target span:first-child {
  background-color: #F72B4D;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  padding: 0.5rem 0.8rem;
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
  min-width: 8.5rem;
}
@media (max-width: 768px) {
  .main-menu .our-target span:first-child {
    font-size: 1rem;
    width: 30%;
    padding: 0.5rem 1rem;
  }
}
.main-menu .our-target span:nth-child(2) {
  font-size: 1.25rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .main-menu .our-target span:nth-child(2) {
    font-size: 0.875rem;
    font-weight: normal;
  }
}

.otherPage-bg {
  min-height: 356px;
  background-image: url(../images/bg-top.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

.cloud-bg {
  background-image: url(../images/cloud-bg-page.svg);
  background-position: center 100%;
  background-repeat: no-repeat;
  padding-bottom: 8rem;
}

.section_info {
  padding: 1.5625rem 3rem;
  background-color: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #247ADE;
  font-size: 1.125rem;
}
@media (max-width: 480.98px) {
  .section_info {
    padding: 1.5625rem;
  }
}
.section_info h6 {
  font-weight: bold;
  font-size: inherit;
}
.section_title img {
  width: 55px;
}
.section_pic {
  position: relative;
  overflow: hidden;
  padding-top: 50%;
}
.section_pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.section_card {
  margin-top: 1rem;
  border: 1px solid #C0C0C0;
  border-left: 12px solid #5DC4CB;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .section_card {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #5DC4CB;
  }
}
.section_card.dance {
  border-left: 12px solid #669934;
}
@media (max-width: 768px) {
  .section_card.dance {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #669934;
  }
}
.section_card.gymnastics {
  border-left: 12px solid #C14E53;
}
@media (max-width: 768px) {
  .section_card.gymnastics {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #C14E53;
  }
}
.section_card.chess {
  border-left: 12px solid #24394A;
}
@media (max-width: 768px) {
  .section_card.chess {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #24394A;
  }
}
.section_card.art {
  border-left: 12px solid #F48635;
}
@media (max-width: 768px) {
  .section_card.art {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #F48635;
  }
}
.section_card.lang {
  border-left: 12px solid #3E3F95;
}
@media (max-width: 768px) {
  .section_card.lang {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #3E3F95;
  }
}
.section_card.football {
  border-left: 12px solid #00A85A;
}
@media (max-width: 768px) {
  .section_card.football {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #00A85A;
  }
}
.section_card.singing {
  border-left: 12px solid #51A8B1;
}
@media (max-width: 768px) {
  .section_card.singing {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #51A8B1;
  }
}
.section_card.robot {
  border-left: 12px solid #47427A;
}
@media (max-width: 768px) {
  .section_card.robot {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #47427A;
  }
}
.section_card.theatre {
  border-left: 12px solid #793B8E;
}
@media (max-width: 768px) {
  .section_card.theatre {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #793B8E;
  }
}
.section_card.psyho {
  border-left: 12px solid #7190C9;
}
@media (max-width: 768px) {
  .section_card.psyho {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #7190C9;
  }
}
.section_card.cook {
  border-left: 12px solid #F58634;
}
@media (max-width: 768px) {
  .section_card.cook {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #F58634;
  }
}
.section_card.cook ul {
  list-style-type: disc;
}
.section_card.group {
  border-left: 12px solid #EB268F;
}
@media (max-width: 768px) {
  .section_card.group {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #EB268F;
  }
}
.section_card.massage {
  border-left: 12px solid #FBA954;
}
@media (max-width: 768px) {
  .section_card.massage {
    border-left: 1px solid #c0c0c0;
    border-top: 12px solid #FBA954;
  }
}
.section_card .border-left {
  border-left: 1px solid #C0C0C0 !important;
}
@media (max-width: 768px) {
  .section_card .border-left {
    border-left: none !important;
    border-top: 1px solid #C0C0C0 !important;
  }
}
.section_card .teachers-photo {
  position: relative;
  width: 116px;
  min-width: 116px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #247ADE;
  padding-top: 32%;
}
@media (max-width: 992px) {
  .section_card .teachers-photo {
    padding-top: 50%;
  }
}
@media (max-width: 767.98px) {
  .section_card .teachers-photo {
    padding-top: 27%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 480.98px) {
  .section_card .teachers-photo {
    padding-top: 34%;
  }
}
@media (max-width: 411.98px) {
  .section_card .teachers-photo {
    padding-top: 40%;
  }
}
@media (max-width: 360.98px) {
  .section_card .teachers-photo {
    padding-top: 48%;
  }
}
@media (max-width: 320.98px) {
  .section_card .teachers-photo {
    padding-top: 52%;
  }
}
.section_card .teachers-photo img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: auto;
}

.hidden-cards, .hidden-cards2 {
  display: none;
}

.show-cards {
  display: block;
  animation: fadeBlock 0.5s;
}

@keyframes fadeBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.events_card {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #C0C0C0;
  border-left: 11px solid #247ADE;
  padding-right: 3rem;
  font-size: 1.125rem;
}
.events_card h5 {
  font-weight: bold;
  text-transform: uppercase;
}
.events_card h5.green {
  color: #669934;
}
.events_card h5.pink {
  color: #CC3399;
}
.events_card h5.blue {
  color: #003399;
}
.events_card .btn.btn-more {
  text-transform: none;
  font-weight: normal;
  font-size: 1.125rem;
}
.events_photo {
  height: 100%;
  display: flex;
  align-items: center;
}
.events_photo img {
  width: 100%;
}
.events_date {
  color: #247ADE;
}
.events_page--photo {
  display: flex;
  justify-content: center;
}
.events_page--title {
  font-size: 2rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-left: 11px solid #247ADE;
  padding-left: 1.5rem;
  text-transform: uppercase;
}
.events_page--article {
  color: #313131;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .events_page--article {
    font-size: 0.875rem;
    padding: 0 15px !important;
  }
}
@media (max-width: 768px) {
  .events_page--article img {
    width: 100%;
  }
}

.advice_card {
  display: block;
  border: 1px solid #C0C0C0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border-top: 16px solid #247ADE;
  padding: 1rem 0;
  color: #383838;
  height: 100%;
  background-color: white;
}
.advice_card:hover {
  color: #383838;
  text-decoration: none;
}
.advice_photo {
  position: relative;
  padding-top: 80%;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
}
.advice_photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.advice_text {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  padding-top: 1rem;
}
.advice_page--title {
  font-size: 2rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-left: 11px solid #247ADE;
  padding-left: 1.5rem;
  text-transform: uppercase;
}
.advice_page--text {
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.advice_page--text:not(:last-child) {
  border-bottom: 2px solid #DDDBDB;
}
.advice_page--text p {
  color: #247ADE;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.news_card {
  display: block;
  border: 1px solid #C0C0C0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border-top: 16px solid #247ADE;
  padding: 0;
  color: #383838;
  background-color: white;
}
.news_card:hover {
  color: #383838;
  text-decoration: none;
}
.news_photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.news_photo img {
  width: 100%;
  height: auto;
}
.news_text {
  margin: 0 auto;
  padding: 1rem;
}
.news_text h5 {
  font-size: 0.875rem;
  font-weight: 600;
}

.garden_contact {
  border-bottom: 2px solid #DDDBDB;
  padding-bottom: 2.5rem;
}
.garden_contact:not(:first-child) {
  padding: 2.5rem 0;
}
.garden_contact--title {
  font-size: 1.4rem;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border-left: 8px solid #247ADE;
  padding: 0.5rem 0 0.5rem 1.5rem;
  text-transform: uppercase;
}
.garden_contact--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9EE9EF;
  width: 66px;
  min-width: 66px;
  height: 66px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.garden_contact--name {
  color: #003399;
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.garden_contact--text {
  color: #717171;
}

.simple_block {
  border: 1px solid #C0C0C0;
  background: white;
  height: 100%;
  overflow: hidden;
  padding: 1.5rem 1rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.simple_block.pattern {
  border-top: 16px solid #247ADE;
}
.simple_block .description {
  color: #383838;
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .simple_block .description {
    text-align: center;
    margin-top: 0.5rem;
  }
}
.simple_block .name {
  color: #247ADE;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.125rem;
  line-height: normal;
  margin-top: 1.5rem;
  padding: 0 2rem;
}
.simple_block .logo {
  height: 86px;
  width: auto;
}

.partners-block .col-lg-3 {
  padding: 0 10px;
}

.garden_info {
  padding: 1.5625rem 3rem;
  background-color: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #247ADE;
  font-size: 1.125rem;
}
.garden_info h6 {
  font-weight: bold;
  font-size: inherit;
}
.garden_title img {
  width: 55px;
}
.garden_card {
  margin-top: 1rem;
  border: 1px solid #C0C0C0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #fff;
  position: relative;
  color: #262626;
}
@media (max-width: 768px) {
  .garden_card img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100% !important;
  }
  .garden_card:before {
    background: none !important;
  }
}
.garden_card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 11px;
  z-index: 10;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #247ADE;
}
.garden_card h5 {
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 2rem;
  color: #DE2443;
}
@media (max-width: 768px) {
  .garden_card h5 {
    padding-left: 1rem;
    padding-top: 1rem;
  }
}
.garden_card p {
  font-size: 1.125rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 768px) {
  .garden_card p {
    padding-left: 1rem;
  }
}
.garden_card .place, .garden_card .more {
  color: #247ADE;
  font-size: 1.5rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .garden_card .place, .garden_card .more {
    padding-left: 1rem;
    font-size: 1rem;
    font-weight: 600;
  }
}
.garden_card .more {
  text-decoration: underline;
  margin: 0 0 0 5rem;
}
.garden_card .more:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .garden_card .more {
    display: block;
    margin: 0.5rem 0 1rem 0;
    padding: 0;
    font-weight: normal;
  }
}
.garden_card img {
  width: auto;
  height: auto;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (max-width: 576px) {
  .garden_card img {
    border-radius: 0;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}

.acts-view-block img {
  width: 700px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .acts-view-block img {
    width: 300px;
  }
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: black;
}

.garden_views .list-item {
  background: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #247ADE;
  font-size: 1rem;
  line-height: 1rem;
  padding: 1.5rem 1rem;
  margin-bottom: 1rem;
}
.garden_views .list-item img {
  margin: 0 auto;
  display: block;
}
@media (max-width: 768px) {
  .garden_views .list-item img {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 768px) {
  .garden_views .list-item {
    font-size: 0.875rem;
    padding: 1rem 1rem;
  }
}
.garden_views .list-item .sub-title {
  color: #DE2443;
}
.garden_views .list-item-title {
  font-size: 1.4rem;
  line-height: normal;
}
@media (max-width: 768px) {
  .garden_views .list-item-title {
    font-size: 1rem;
    margin-top: 1rem;
    text-align: left;
  }
}
.garden_views .list-item-subtitle {
  color: #5F8285;
  font-size: 0.875rem;
  text-transform: none;
  line-height: 1.3;
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .garden_views .list-item-subtitle {
    text-align: left;
  }
}
.garden_views .list-item.border {
  border: 1px solid #BFE1ED !important;
}
.garden_views .group-link .list-item:hover {
  background: #247ADE url("../images/garden/arrow-link.svg") no-repeat 98% 50%;
  color: white;
  text-decoration: underline;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.35);
}
.garden_views .group-link .list-item:hover svg path {
  fill: white;
}
.garden_views .group-link .list-item svg {
  margin: 0 auto;
  display: block;
}
.garden_views .structure .title {
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 3rem;
  margin-top: 0;
  line-height: normal;
  text-align: center;
  color: #00008b;
}
@media (max-width: 768px) {
  .garden_views .structure .title {
    font-size: 1.25rem;
    margin-bottom: 2rem;
  }
}
.garden_views .structure .block-info {
  text-align: center;
}
@media (max-width: 768px) {
  .garden_views .structure .block-info {
    text-align: left;
  }
}
.garden_views .structure .block-info .photo img {
  border: 3px solid #247ADE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.garden_views .structure .block-info .photo.bottom img {
  border: 2px solid #247ADE;
}
.garden_views .structure .block-info .name {
  font-size: 1.25rem;
  color: #7C7C7C;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .garden_views .structure .block-info .name.bottom {
    margin: 0;
    font-size: 0.875rem;
  }
}
.garden_views .structure .block-info .desc {
  color: #247ADE;
  font-size: 1.125rem;
  line-height: normal;
  margin-bottom: 0.2rem;
}
@media (max-width: 768px) {
  .garden_views .structure .block-info .desc.bottom {
    font-size: 0.875rem;
    margin-top: 0.75rem;
  }
}
.garden_views .structure .block-info .phone {
  color: #7C7C7C;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .garden_views .structure .block-info .phone.bottom {
    font-size: 0.875rem;
    margin-top: 0.75rem;
  }
}
.garden_views .structure .block-info.head {
  background: #E4FDFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 2rem;
  text-align: left;
  margin: 0 8rem;
}
@media (max-width: 768px) {
  .garden_views .structure .block-info.head {
    margin: 0 0 1rem 0;
  }
  .garden_views .structure .block-info.head .name, .garden_views .structure .block-info.head .desc, .garden_views .structure .block-info.head .phone {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .garden_views .structure .block-info.head .photo img {
    width: 100%;
  }
}
.garden_views .garden-list-slide {
  margin: 0 8rem 2rem 8rem;
}
@media (max-width: 768px) {
  .garden_views .garden-list-slide {
    margin: 0;
  }
}
.garden_views .garden-list-slide .carousel-indicators {
  bottom: -3.125rem;
  margin-left: 0;
  margin-right: 0;
}
.garden_views .garden-list-slide .carousel-control-prev, .garden_views .garden-list-slide .carousel-control-next {
  opacity: 1;
}
.garden_views .garden-list-slide .carousel-control-prev-icon, .garden_views .garden-list-slide .carousel-control-next-icon {
  background-size: auto;
}
.garden_views .garden-list-slide .carousel-control-prev-icon.pattern, .garden_views .garden-list-slide .carousel-control-next-icon.pattern {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .garden_views .garden-list-slide .carousel-control-prev-icon.pattern, .garden_views .garden-list-slide .carousel-control-next-icon.pattern {
    padding: 1rem;
  }
}
.garden_views .garden-list-slide .carousel-control-prev-icon {
  background-image: url("../images/garden/arrow.svg");
}
@media (max-width: 768px) {
  .garden_views .garden-list-slide .carousel-control-prev-icon {
    background-image: url("../images/garden/arrow-min.svg");
  }
}
.garden_views .garden-list-slide .carousel-control-next-icon {
  background-image: url("../images/garden/arrow.svg");
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .garden_views .garden-list-slide .carousel-control-next-icon {
    background-image: url("../images/garden/arrow-min.svg");
  }
}
.garden_views .garden-list-slide img {
  height: 449px;
}
@media (max-width: 768px) {
  .garden_views .garden-list-slide img {
    height: 261px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.garden_views .carousel-indicators li {
  background: #247ADE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: none;
}
@media (max-width: 768px) {
  .garden_views .carousel-indicators li {
    width: 5px;
    height: 5px;
  }
}

.s-top {
  margin-bottom: 3rem;
  border-top: 2px solid #DDDBDB;
}
@media (max-width: 768px) {
  .s-top {
    margin-bottom: 1.5rem;
  }
}

.structure-block img {
  border: 3px solid #83BCFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .structure-block img {
    width: 100%;
  }
}
.structure-block h1 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .structure-block h1 {
    margin-top: 0.75rem;
    font-size: 1.125rem;
  }
}
.structure-block h5 {
  color: #247ADE;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
.structure-block p {
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .structure-block p {
    font-size: 0.875rem;
  }
}
.structure-block .btn-more {
  background-color: white;
  color: #247ADE;
  font-size: 1.125rem;
  text-transform: lowercase;
  font-weight: normal;
}
.structure-block.all {
  background-color: #E4FDFF;
  padding: 2rem 1.5rem;
}
@media (max-width: 768px) {
  .structure-block.all {
    text-align: center;
  }
}
.structure-block.all p {
  color: #247ADE;
}

.s-card-item {
  background: #F9F9F9;
  font-size: 1.2rem;
  color: #313131;
  padding: 1.5rem;
  font-weight: bold;
}
.s-card-item h4 {
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .s-card-item h4 {
    font-size: 1.125rem;
  }
}
.s-card-item p {
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .s-card-item p {
    font-size: 1rem;
  }
}
.s-card-item .phone {
  color: #247ADE;
  margin: 0;
}
.s-card-item:nth-child(odd) {
  background: none;
}

.ad_page--title {
  font-size: 1.5rem;
  line-height: normal;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-left: 11px solid #247ADE;
  padding-left: 1.5rem;
  font-weight: 600;
  padding-bottom: 0.75rem;
}
.ad_page--title span {
  color: #247ADE;
  font-size: 1.125rem;
  font-weight: normal;
}
@media (max-width: 768px) {
  .ad_page--title span {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .ad_page--title {
    font-size: 1rem;
  }
}

.group-wrap .user-back {
  position: relative;
  color: #247ADE;
  border: 2px solid #247ADE;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 0.5rem 1.5rem 0.5rem 2rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  font-weight: bold;
  display: inline-block;
}
.group-wrap .user-back:before {
  position: absolute;
  border-style: solid;
  border-width: 0.1rem 0.1rem 0 0;
  border-color: #247ADE;
  content: "";
  display: inline-block;
  height: 0.5rem;
  left: 1rem;
  top: 0.9rem;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  vertical-align: top;
  width: 0.5rem;
}
.group-wrap .user-back:hover {
  text-decoration: none;
  background-color: #247ADE;
  color: #fff;
}
.group-wrap .user-back:hover:before {
  border-color: #fff;
}
@media (max-width: 768px) {
  .group-wrap .user-back {
    display: none;
  }
}
.group-wrap .user-title {
  font-size: 2.25rem;
  font-weight: bold;
}
.group-wrap .table {
  background: #F2F2F2;
  font-weight: 600;
  font-size: 1.125rem;
  margin-top: 2rem;
}
.group-wrap .table th {
  border: none;
  padding: 1rem 1.5rem;
}
@media (max-width: 768px) {
  .group-wrap .table th {
    padding: 0.75rem;
    font-size: 0.875rem;
  }
}
.group-wrap .table tr.middle {
  background-color: #FFFF81;
}
.group-wrap .table tr.commercial {
  background-color: #70F680;
}
.group-wrap .table tr.senior {
  background-color: #FFD192;
}
.group-wrap .table tr.preschool {
  background-color: #DEEDFF;
}
.group-wrap .table tr.younger {
  background-color: #F62B4D;
}
.group-wrap .table td {
  vertical-align: middle;
  border-color: white;
  padding: 1rem 1.5rem;
}
@media (max-width: 768px) {
  .group-wrap .table td {
    padding: 0.75rem;
    font-size: 0.875rem;
    vertical-align: top;
  }
}
.group-wrap .result {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: normal;
}
.group-wrap .result p {
  margin: 0;
}
@media (max-width: 768px) {
  .group-wrap .result p {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .group-wrap .result {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .group-wrap table th.sm-hide, .group-wrap td.sm-hide {
    display: none;
  }
}
.group-wrap .sm-show {
  display: none;
}
@media (max-width: 768px) {
  .group-wrap .sm-show {
    margin-top: 0.5rem;
    display: block;
  }
}
.group-wrap .sm-show .m-y-left {
  margin-left: 50px;
}
.group-wrap .sm-show .m-y-right {
  margin-left: 65px;
}

@media (max-width: 576.98px) {
  .page-title {
    font-size: 2rem;
  }
}

.text-recom {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #E4FDFF;
  padding: 0.5rem;
}

.map_container {
  height: 100%;
}
@media (max-width: 768px) {
  .map_container {
    height: 300px;
  }
}
.map_container.min {
  height: 150px;
  margin: 1rem;
}
@media (max-width: 768px) {
  .map_container.min {
    margin: 1rem 0;
  }
}

.questionnaires {
  padding-bottom: 7rem;
}
.questionnaires-radio .questionnaires-title {
  color: #000;
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .questionnaires-radio .questionnaires-title br {
    display: none;
  }
}
.questionnaires-radio .questionnaires-hint {
  color: #333;
  font-size: 1rem;
}
.questionnaires-radio .radio {
  margin-right: 1.875rem;
  cursor: pointer;
}
.questionnaires-radio .radio .custom-radio {
  position: relative;
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #C4C4C4;
  margin-right: 0.75rem;
}
.questionnaires-radio .radio .custom-radio:after {
  position: absolute;
  content: "";
  width: 10px;
  min-width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #247ADE;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.questionnaires-radio .radio input[type=radio]:checked + .custom-radio {
  border-color: #247ADE;
}
.questionnaires-radio .radio input[type=radio]:checked + .custom-radio:after {
  opacity: 1;
}
.questionnaires-block .questionnaires-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 1.875rem;
}
@media (max-width: 576px) {
  .questionnaires-block .questionnaires-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 320px) {
  .questionnaires-block .questionnaires-title {
    font-size: 1.25rem;
  }
}
.questionnaires-block .checkbox {
  margin-bottom: 1.6875rem;
  font-size: 1rem;
  cursor: pointer;
}
.questionnaires-block .checkbox .custom-checkbox {
  position: relative;
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #247ADE;
  margin-right: 0.75rem;
}
.questionnaires-block .checkbox .custom-checkbox:after {
  position: absolute;
  content: "";
  background-image: url(../images/checkmark.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.questionnaires-block .checkbox input[type=checkbox]:checked + .custom-checkbox:after {
  opacity: 1;
}
.questionnaires-block .textarea {
  border: 1px solid #247ADE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  resize: none;
  width: 90%;
  padding: 1rem;
}
@media (max-width: 992px) {
  .questionnaires-block .textarea {
    width: 100%;
  }
}
.questionnaires .description {
  color: #247ADE;
  font-size: 1.875rem;
}
@media (max-width: 768px) {
  .questionnaires .description {
    font-size: 1.25rem;
  }
}
.questionnaires .information {
  display: block;
  border-left: 11px solid #247ADE;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  padding-left: 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .questionnaires .information br {
    display: none;
  }
}

/******************** Contracts ************************/
.g-step-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #cdcdcd;
}
.g-step-item {
  position: relative;
  width: 100%;
  padding: 1rem;
  color: #7C7C7C;
  font-size: 1rem;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
}
@media (max-width: 768px) {
  .g-step-item {
    display: none;
  }
}
.g-step-item:first-child {
  padding-left: 0;
}
.g-step-item.active {
  color: #000;
  border-color: #00008b;
  padding-left: 0;
}
@media (max-width: 768px) {
  .g-step-item.active {
    display: block;
  }
}
.g-step-number {
  text-transform: uppercase;
  font-weight: 700;
}
.g-step-title {
  margin-top: 0.4rem;
  font-size: 1rem;
}

.contacts-wrap {
  font-size: 1rem;
}
.contacts-wrap__form {
  border: 1px solid #C4C4C4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 1rem;
}
.contacts-wrap__form .step__form {
  padding: 1.375rem 1.875rem;
}
.contacts-wrap h4 {
  font-size: 1.25rem;
  font-weight: bold;
}
.contacts-wrap h5 {
  font-size: 1.125rem;
  font-weight: bold;
}
.contacts-wrap h6 {
  font-size: 1.125rem;
  font-weight: normal;
}
.contacts-wrap .font-size-sx {
  font-size: 0.75rem;
}
.contacts-wrap .font-size-sm {
  font-size: 0.875rem;
}
.contacts-wrap .font-size-md {
  font-size: 1rem;
}
.contacts-wrap .font-size-lg {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.contacts-wrap .font-weight-semibold {
  font-weight: 500;
}
.contacts-wrap .btn {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .contacts-wrap .btn {
    display: block;
    margin-top: 0.5rem;
    width: 100%;
  }
}
.contacts-wrap .custom-outline-blue-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
}
.contacts-wrap .custom-outline-blue-checkbox + label {
  display: inline-flex;
  user-select: none;
}
.contacts-wrap .custom-outline-blue-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #247ADE;
  border-radius: 0.15em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  margin-top: 5px;
}
.contacts-wrap .custom-outline-blue-checkbox:checked + label::before {
  border-color: #247ADE;
  background-color: #ffffff;
  background-image: url("../images/contracts/icon-checkbox-blue.svg");
  background-size: 90%;
}
.contacts-wrap .g-callout {
  padding: 0.875rem 0.875rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-left: 0.25rem solid transparent;
  font-size: 0.875rem;
  background: #E4FDFF;
}
.contacts-wrap .g-callout.g-callout-error {
  border-left: 4px solid #FF0000;
  background: transparent;
  color: #FF0000;
}
.contacts-wrap .g-callout_blue {
  background: #E4FDFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 1rem 1.125rem;
  color: #247ADE;
}
.contacts-wrap .g-callout_blue ul {
  padding: 0;
  list-style: none;
}
.contacts-wrap .g-callout_blue ul li {
  position: relative;
  padding-left: 0.875rem;
}
.contacts-wrap .g-callout_blue ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #247ADE;
  width: 5px;
  height: 5px;
}
.contacts-wrap .g-callout_yellow {
  background: #FFD97E;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1rem 1.125rem;
  color: black;
  line-height: normal;
}
.contacts-wrap .g-callout_item {
  padding: 1rem 0;
  color: #247ADE;
  line-height: normal;
}
.contacts-wrap .g-callout_item .alert-block:before {
  background: url("../images/contracts/icon-g-callout-item.svg") no-repeat 0 0;
}
.contacts-wrap .alert-block {
  position: relative;
  padding-left: 2.2rem;
}
.contacts-wrap .alert-block:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  background: url("../images/contracts/icon-g-callout_blue.svg") no-repeat 0 0;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 100%;
}
.contacts-wrap .alert-block-done {
  padding-left: 4.5rem;
}
.contacts-wrap .alert-block-done:before {
  background: url("../images/contracts/icon-g-callout_done.svg") no-repeat 0 0;
  background-size: contain;
  width: 3.5625rem;
  height: 3.5625rem;
  transform: translate(0, -50%);
  top: 50%;
}
.contacts-wrap .badges-bar {
  margin-bottom: 1.125rem;
  color: #000;
  font-size: 1rem;
}
.contacts-wrap .badges-bar__item {
  padding: 0.75rem 0.75rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #E4FDFF;
  font-weight: bold;
  margin-right: 15px;
  margin-bottom: 0.75rem;
}
.contacts-wrap .badges-bar__number {
  font-weight: normal;
}
.contacts-wrap .maxMargin {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .contacts-wrap .maxMargin {
    margin-top: 1rem;
  }
}
@media (max-width: 767.98px) {
  .contacts-wrap .form-group {
    margin-bottom: 25px;
  }
}
.contacts-wrap .form-group .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.contacts-wrap label {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  color: #000;
}
.contacts-wrap select, .contacts-wrap input, .contacts-wrap textarea, .contacts-wrap .jq-custom-select {
  padding: 0.625rem 1.125rem 0.625rem 0.875rem;
  border: 1px solid #C4C4C4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  outline: none;
}
.contacts-wrap select.form-control, .contacts-wrap input.form-control, .contacts-wrap textarea.form-control, .contacts-wrap .jq-custom-select.form-control {
  height: auto;
}
.contacts-wrap select:disabled, .contacts-wrap input:disabled, .contacts-wrap textarea:disabled, .contacts-wrap .jq-custom-select:disabled {
  background-color: #F5F5F5;
}
.contacts-wrap input:focus, .contacts-wrap select:focus, .contacts-wrap textarea:focus {
  background-color: transparent;
  outline: none !important;
}
.contacts-wrap select, .contacts-wrap .jq-custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/contracts/icon-polygon.svg);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: auto;
}
.contacts-wrap select:disabled, .contacts-wrap .jq-custom-select:disabled {
  border: 1px solid #EDEDED;
  background: white;
}
.contacts-wrap .jq-custom-select {
  float: none;
}
.contacts-wrap .jq-custom-select:after {
  display: none;
}
.contacts-wrap .jq-custom-select.wrap-custom .list {
  margin-top: 4px;
  width: 300px;
}
.contacts-wrap .jq-custom-select.wrap-custom .list li:first-child {
  padding: 0;
  border: none;
}
.contacts-wrap .jq-custom-select .list {
  margin-top: 10px;
  width: 100%;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  left: 0;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.contacts-wrap .jq-custom-select .option {
  border-top: 1px solid #EDEDED;
}
.contacts-wrap .object__add-photo {
  position: relative;
  width: 100%;
  max-width: 185px;
}
.contacts-wrap .object__add-photo input[type=file] {
  display: none;
}
.contacts-wrap .object__add-photo label.object__label {
  position: relative;
  width: 100%;
  height: 178px;
  margin: 0 auto;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background-color: #EEEEEE;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.contacts-wrap .object__add-photo label.object__label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.contacts-wrap .object__add-photo label.object__label:before {
  background-image: url("../images/contracts/object__add-photo.svg");
  width: 80px;
  height: 80px;
}
.contacts-wrap .object__add-photo label.object__label.remove-pseudo-classes:before {
  display: none;
}
.contacts-wrap .object__add-photo .delete-btn, .contacts-wrap .object__add-photo .edit-btn {
  display: inline;
  border-radius: 0;
  color: #D8D8D8;
  margin: 0;
  padding: 0 0.3rem;
}
.contacts-wrap .object__add-photo .buttons-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.contacts-wrap .object__add-photo .buttons-bar a {
  text-decoration: none;
}
.contacts-wrap .object__add-photo .buttons-bar .icons {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.contacts-wrap .object__add-photo .buttons-bar .btn {
  font-size: 14px;
}
@media (max-width: 1024px) {
  .contacts-wrap .object__add-photo .buttons-bar .btn {
    width: 100%;
  }
}
.contacts-wrap .object__add-photo .buttons-bar .btn:focus {
  box-shadow: none;
}
.contacts-wrap .object__add-photo .buttons-bar .btn.buttons-bar__add .icons {
  background-image: url("../images/contracts/icon-add.svg");
}
.contacts-wrap .object__add-photo .buttons-bar .btn.buttons-bar__delete .icons {
  background-image: url("../images/contracts/icon-del.svg");
}
@media (max-width: 1024px) {
  .contacts-wrap .object__add-photo .buttons-bar .btn:not(:last-child) {
    margin-right: 0;
  }
}
.contacts-wrap .object__add-photo .edit-btn {
  border: none;
}
.contacts-wrap .object__add-photo .edit-btn:after, .contacts-wrap .object__add-photo .edit-btn:before {
  display: none;
}
.contacts-wrap .btn-file-close.ic-cross::before {
  background-image: url("../images/contracts/ic_cross.svg");
  width: 10px;
  height: 10px;
}
.contacts-wrap .btn-file-close.ic-trash::before {
  background-image: url("../images/contracts/ic_trash.svg");
  width: 13px;
  height: 16px;
}
@media (max-width: 768px) {
  .contacts-wrap .accompanying-files__input-doc {
    margin-top: 0.5rem;
  }
}
.contacts-wrap .accompanying-files__input-doc input[type=file] {
  display: none;
}
.contacts-wrap .accompanying-files__input-doc label span {
  position: relative;
  display: block;
  background-color: white;
  color: #247ADE;
  border: 1px solid #247ADE;
  padding: 6px 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.875rem;
}
.contacts-wrap .accompanying-files__input-doc label span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  background-image: url(../images/contracts/upload-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.contacts-wrap .accompanying-files__input-doc a {
  display: none;
  color: #00AAD5;
  font-size: 0.875rem;
  text-decoration: underline;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
}
.contacts-wrap .btn-file-input {
  background: #247ADE;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contacts-wrap .file-name-description {
  padding: 6px;
}
.contacts-wrap .file-name-description a {
  font-size: 0.875rem;
  color: white;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.contacts-wrap .file-name-description a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #247ADE 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #247ADE 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #247ADE 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #247ADE 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #247ADE 100%);
}
.contacts-wrap .file-name-description a:hover {
  text-decoration: none;
}
.contacts-wrap .file-name-description-none {
  border: 1px solid #898989;
  padding: 6px;
  color: #898989;
  font-size: 0.875rem;
  border-radius: 5px;
}
.contacts-wrap .scroll-pane {
  width: 100%;
  height: 690px;
  overflow: auto;
}
.contacts-wrap .d-button {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translate(-50%, 0);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .contacts-wrap .img-wrap {
    max-width: 130px;
    margin: 1rem auto;
  }
}
.contacts-wrap .w-15 {
  width: 15%;
}
.contacts-wrap .text-secondary {
  color: #585551 !important;
}
.contacts-wrap ul.req-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contacts-wrap ul.req-list li {
  margin-bottom: 1.75rem;
}
.contacts-wrap .contracts-list-item {
  padding: 0.5rem;
}
.contacts-wrap .contracts-list-item.list-item-edit {
  background: #FFE6D1;
}
.contacts-wrap .custom-nice-select .dropdown-toggle {
  text-align: left;
}
.contacts-wrap .custom-nice-select .dropdown-toggle::after {
  display: inline-block;
  margin-left: 3rem;
  vertical-align: middle;
  content: "";
  border-top: 8px solid #C4C4C4;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
}
@media (max-width: 768px) {
  .contacts-wrap .custom-nice-select .dropdown-toggle::after {
    margin-left: 2rem;
  }
}
.contacts-wrap .custom-nice-select .dropdown-item {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.contacts-wrap .custom-nice-select .dropdown-menu.show {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  top: 10px;
}
.contacts-wrap .icon-doc {
  margin-right: 0.3rem;
}
.contacts-wrap .icon-doc:before {
  content: "";
  display: inline-block;
  background: url("../images/contracts/icon-doc.svg") no-repeat 0 0;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-size: 100%;
}
.contacts-wrap .preloader {
  height: 17px;
  width: 17px;
  border-width: 2px;
  border-style: solid;
  border-color: hsl(0, 0%, 100%) hsl(0, 0%, 100%) hsl(0, 0%, 100%) hsla(0, 0%, 100%, 0.25);
  border-radius: 100%;
  animation: clockwise 0.5s linear infinite;
}
@keyframes clockwise {
  to {
    transform: rotate(360deg) translatez(0);
  }
}
.contacts-wrap .doc-list {
  padding: 0 0 0 0rem;
  list-style: none;
}
@media (max-width: 768px) {
  .contacts-wrap .doc-list {
    padding: 0;
  }
}
.contacts-wrap .doc-list li {
  margin-bottom: 1.125rem;
}
.contacts-wrap .btn-file-close {
  background: #F35075;
  border-radius: 5px;
  width: 34px;
  height: 34px;
  position: relative;
  cursor: pointer;
}
.contacts-wrap .btn-file-close:before {
  content: "";
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contacts-wrap .cc-card {
  background-image: url("../images/contracts/bg-cc-card-body.png");
  background-repeat: repeat;
  padding: 2.5rem 1.1255rem 5rem 1.1255rem;
  position: relative;
}
.contacts-wrap .cc-card h3 {
  font-size: 1.875rem;
  font-weight: lighter;
}
.contacts-wrap .cc-card:before {
  position: absolute;
  content: "";
  background-image: url("../images/contracts/bg-cc-card-top.png");
  width: 100%;
  height: 30px;
  top: 0;
  left: 0;
  margin-top: -8px;
}
.contacts-wrap .cc-card:after {
  position: absolute;
  content: "";
  background-image: url("../images/contracts/bg-cc-card-bottom.png");
  width: 100%;
  height: 25px;
  bottom: 0;
  left: 0;
  margin-bottom: -8px;
}
.contacts-wrap .border-card {
  border: 1px solid #8A8A8A;
  border-radius: 5px;
  padding: 1.5625rem 1.125rem;
}
.contacts-wrap .border-card-wrap:last-child .border-card-item {
  border: none;
  padding-bottom: 0;
}
.contacts-wrap .border-card-item {
  border-bottom: 1px solid #DBDBDB;
  padding: 0.75rem 0 0.875rem 0;
  line-height: normal;
  width: 43%;
}
@media (max-width: 768px) {
  .contacts-wrap .border-card-item {
    width: 100%;
  }
}
.contacts-wrap .application {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.contacts-wrap .template__wrap {
  font-size: 16px;
  text-align: justify;
}
.contacts-wrap .template__wrap h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}
.contacts-wrap .template__wrap h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 18px;
}
.contacts-wrap .template__wrap ol {
  list-style: none;
  padding: 0;
  margin: 0 0 18px 0;
}
.contacts-wrap .template__wrap ol.item-list {
  counter-reset: muffins;
}
.contacts-wrap .template__wrap ol.item-list li {
  counter-increment: muffins;
}
.contacts-wrap .template__wrap ol.item-list li:before {
  content: "";
}
.contacts-wrap .template__wrap ol.item-list-first li:before {
  content: "1." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-second li:before {
  content: "2." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-third li:before {
  content: "3." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-fourth li:before {
  content: "4." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-fifth li:before {
  content: "5." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-sixth li:before {
  content: "6." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-seventh li:before {
  content: "7." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-eighth li:before {
  content: "8." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-ninth li:before {
  content: "9." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.item-list-tenth li:before {
  content: "10." counter(muffins) ".";
}
.contacts-wrap .template__wrap ol.sub-list {
  counter-reset: muffins;
}
.contacts-wrap .template__wrap ol.sub-list li {
  counter-increment: muffins;
}
.contacts-wrap .template__wrap ol.sub-list li:before {
  content: counter(muffins) ")";
}
.contacts-wrap .s-form .filename {
  padding: 0.625rem 1.125rem 0.625rem 0.875rem;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  font-size: 0.875rem;
  outline: none;
  width: 100%;
}
.contacts-wrap .s-form .file-upload input[type=file] {
  display: none;
}
@media (max-width: 992px) {
  .contacts-wrap .s-form .file-upload {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
}
.contacts-wrap .s-form .has-error {
  color: #FF2020;
  font-size: 0.875rem;
  border-left: 5px solid #FF2020;
  padding: 0.2rem 0 0.2rem 1.25rem;
}
.contacts-wrap .modalCheckForm h4 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.contacts-wrap .modalCheckForm .close {
  color: #3F51B5;
  opacity: 1 !important;
  font-size: 3rem;
  font-weight: normal;
  line-height: 0.5;
  outline: none;
}
.contacts-wrap .modalCheckForm .modal-content {
  border-radius: 1.25rem;
}
.contacts-wrap .modalCheckForm .modal-body {
  border-radius: 20px;
}
.contacts-wrap .check-text {
  display: none;
}
.contacts-wrap .check-text.view {
  display: block;
  width: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contacts-wrap .check-text.view {
    width: 180px;
  }
}
.contacts-wrap .blue-bg-wrap {
  background: #E4FDFF;
  border-radius: 3px;
  padding: 1.25rem;
  height: 100%;
}
.contacts-wrap .blue-bg-wrap h3.b-w-title {
  font-size: 1rem;
  color: #247ADE;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
.contacts-wrap .blue-bg-wrap h3.b-w-title.first {
  margin-top: 0;
}
.contacts-wrap .blue-bg-wrap .b-w-item {
  font-size: 1rem;
  line-height: normal;
  margin-bottom: 1.5rem;
}
.contacts-wrap .blue-bg-wrap .b-w-item a {
  color: #247ADE;
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons {
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 992px) {
  .contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons {
    margin-bottom: 1rem;
  }
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-1 {
  background-image: url(../images/contracts/i-icon-01.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-2 {
  background-image: url(../images/contracts/i-icon-02.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-3 {
  background-image: url(../images/contracts/i-icon-03.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-4 {
  background-image: url(../images/contracts/i-icon-04.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-5 {
  background-image: url(../images/contracts/i-icon-05.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-6 {
  background-image: url(../images/contracts/i-icon-06.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-7 {
  background-image: url(../images/contracts/i-icon-07.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-8 {
  background-image: url(../images/contracts/i-icon-08.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-9 {
  background-image: url(../images/contracts/i-icon-09.svg);
}
.contacts-wrap .blue-bg-wrap .b-w-item .b-w-icons.icon-10 {
  background-image: url(../images/contracts/i-icon-10.svg);
}
.contacts-wrap .check-text {
  font-size: 0.75rem;
  color: #009BC9;
  font-weight: bold;
  position: relative;
}
.contacts-wrap .check-text:before {
  content: "";
  position: absolute;
  background: url("../images/contracts/check-blue-icon.svg") no-repeat 0 0;
  width: 17px;
  height: 17px;
  margin-left: -1.5rem;
}

.lds-spinner {
  display: block;
  margin: 3rem auto;
  position: relative;
  width: 92px;
  height: 100px;
}

.lds-spinner div {
  transform-origin: 45px 50px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: -5px;
  left: 37px;
  width: 14px;
  height: 28px;
  border-radius: 50%;
  background: #247ADE;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.g-bg-block {
  font-size: 0.8125rem;
  padding: 0 0.625rem 0.1rem 0.625rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 0.5rem;
  display: inline-block;
  text-align: center;
  background-color: #cdcdcd;
  border: 1px solid transparent;
  margin-right: 0.5rem;
}
@media (max-width: 992px) {
  .g-bg-block {
    display: inline-block;
    padding: 0 0.625rem 0 0.625rem;
  }
}
.g-bg-block:last-child {
  margin-right: 0;
}
.g-bg-yellowLite {
  background-color: #ffb300;
  color: #fff;
}
.g-bg-outline {
  background: transparent;
}
.g-bg-outline-yellow {
  border-color: #ffb300;
  color: #ffb300;
}
.g-bg-outline-green {
  border-color: #50B53F;
  color: #50B53F;
}
.g-bg-outline-grey-500 {
  border-color: #9E9E9E;
  color: #9E9E9E;
}
.g-bg-outline-purple-light {
  border-color: #FD6064;
  color: #FD6064;
}

.step-info-show {
  position: relative;
  display: block;
  padding: 0.5rem 1.125rem;
  cursor: pointer;
  font-size: 1.125rem;
  color: #000;
  border: 1px solid #C4C4C4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .step-info-show {
    font-size: 0.8rem;
    padding: 0.8rem 0rem 0.8rem 1rem;
    display: flex !important;
    justify-content: space-between;
  }
  .step-info-show span {
    display: block;
  }
}
.step-info-show.arrow-rotate .step-arrow {
  position: relative;
  margin-left: 1.5rem;
}
@media (max-width: 768px) {
  .step-info-show.arrow-rotate .step-arrow {
    right: 15px;
  }
}
.step-info-show.arrow-rotate .step-arrow:before {
  content: "";
  display: inline-block;
  background: url("../images/contracts/arrow_down.svg") no-repeat 0 0;
  width: 0.75rem;
  height: 0.75rem;
  background-size: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.step-info-show .step-arrow {
  position: relative;
  margin-left: 1.5rem;
}
@media (max-width: 768px) {
  .step-info-show .step-arrow {
    right: 15px;
  }
}
.step-info-show .step-arrow:before {
  content: "";
  display: inline-block;
  background: url("../images/contracts/arrow_down.svg") no-repeat 0 0;
  width: 0.75rem;
  height: 0.75rem;
  background-size: 100%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.step-info-show:hover {
  text-decoration: none;
  color: black;
}

.title-for-btn {
  flex-shrink: 0;
  margin-right: 12px;
}

.badge {
  padding: 3px 10px;
  display: flex;
  align-items: center;
}
.badge-warning {
  background: #FF8A00;
  color: #ffffff;
  font-size: 20px;
  line-height: normal;
  font-weight: bold;
  border-radius: 0;
}
@media (max-width: 992px) {
  .badge-warning {
    font-size: 16px;
  }
}

.notification-list {
  padding: 0;
  margin: 30px 0 0 0;
}
.notification-list .item {
  border-bottom: 2px solid #DDDBDB;
  padding: 25px 30px;
  display: flex;
  color: #000000;
  line-height: normal;
  text-decoration: none;
}
@media (max-width: 992px) {
  .notification-list .item {
    padding: 16px;
    flex-wrap: wrap;
  }
}
.notification-list .item:hover {
  text-decoration: none;
}
.notification-list .item .n-l-avatar {
  width: 47px;
  height: 52px;
  flex-shrink: 0;
  margin-right: 30px;
}
@media (max-width: 992px) {
  .notification-list .item .n-l-avatar {
    width: 40px;
    margin-right: 16px;
  }
}
.notification-list .item .n-l-avatar.icon-newpost {
  background-image: url("../images/user/icon-5.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .n-l-avatar.icon-contract {
  background-image: url("../images/user/icon-11.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .n-l-avatar.icon-ad {
  background-image: url("../images/user/icon-4.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .n-l-avatar.icon-score {
  background-image: url("../images/user/icon-1.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .n-l-avatar.icon-incident {
  background-image: url("../images/user/icon-3.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .n-l-avatar.icon-form {
  background-image: url("../images/user/icon-9.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .n-l-avatar.icon-status {
  background-image: url("../images/user/icon-10.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.notification-list .item .icon {
  width: 47px;
  height: 51px;
  margin-right: 30px;
}
.notification-list .item h3, .notification-list .item .date-time {
  font-size: 24px;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .notification-list .item h3, .notification-list .item .date-time {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .notification-list .item h3 {
    word-break: break-word;
  }
}
@media (max-width: 992px) {
  .notification-list .item .date-time {
    margin-left: auto;
    margin-top: 14px;
    margin-bottom: 0;
  }
}
.notification-list .item p {
  font-size: 20px;
  margin: 0;
}
@media (max-width: 992px) {
  .notification-list .item p {
    font-size: 16px;
  }
}
.notification-list .item-checked {
  background: #FFF1D6;
}
.notification-list .item-checked h3, .notification-list .item-checked .date-time {
  font-weight: bold;
}

.fb-80 {
  flex-basis: 80%;
}
@media (min-width: 1024px) and (max-width: 1366px) {
  .fb-80 {
    flex-basis: 75%;
  }
}
@media (max-width: 992px) {
  .fb-80 {
    flex-basis: 100%;
  }
}

@media (max-width: 992px) {
  .table-mobile thead {
    display: none;
  }
  .table-mobile tr {
    display: block;
  }
  .table-mobile td {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }
  .table-mobile td::before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 20px;
  }
}

@media (max-width: 992px) {
  .child-selector {
    font-size: 18px !important;
  }
}

.text-decoration {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

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

.text-indigo {
  color: #3F51B5 !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.g-callout p {
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: #212121;
}

.g-callout.g-callout-has-error p {
  font-size: 0.875rem;
}

.font-size-sx {
  font-size: 0.75rem !important;
}

.g-callout {
  padding: 0.875rem 0.875rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-left: 0.25rem solid transparent;
  font-size: 0.875rem;
  background: #f2f3f7;
}

.g-callout.g-callout-warning {
  border-left-color: #eac600;
}

.g-callout.g-callout-has-error {
  border-left: 5px solid #FF3F6B;
  background: transparent;
  color: #3F51B5;
  padding: 0 0.875rem;
  line-height: normal;
  margin-top: 0;
}

.text-pink {
  color: #FF3F6B !important;
}

.badge-indigo {
  background: #3F51B5;
  color: white;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1px 7px;
}

.link-border {
  display: block;
  border: 1px dashed #3F51B5;
  color: #3F51B5;
  font-size: 12px;
  font-weight: 800;
  padding: 12px 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.flex-group .num {
  font-weight: 700;
  font-size: 28px;
  font-family: "Lato", sans-serif;
  color: black;
}

.g-callout.g-callout-indigo {
  border-left-color: #3f51b5;
  border-width: 5px;
  background-color: transparent;
  padding: 0 0.875rem;
  line-height: normal;
  margin-top: 0;
}

.bg-gray {
  background: #F2F3F7 !important;
}

.icon-border-white {
  fill: transparent;
  stroke: white;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.g-callout.g-callout-indigo p {
  color: #3f51b5;
}

@media (max-width: 992px) {
  .img-qr {
    display: none;
  }
}
@media (max-width: 992px) {
  .flex-group {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .img-app {
    width: 100%;
    height: auto;
  }
}

/*# sourceMappingURL=style.css.map */