.breadcrumbs {
  margin-bottom: 20px;
}
.breadcrumbs__field {
  font-weight: 700;
  font-size: 14px;
}
.breadcrumbs__field a {
  color: #0a123e;
}
.breadcrumbs__field-main {
  color: #fc6e20 !important;
  padding-right: 25px;
  position: relative;
}
.breadcrumbs__field-main:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 4px;
  border: solid #fc6e20;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
}
.breadcrumbs__title {
  font-weight: 700;
  font-size: 44px;
  line-height: 52px;
  color: #0a123e;
  padding-top: 10px;
}
@media (max-width: 650px) {
  .breadcrumbs__title {
    font-size: 28px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .breadcrumbs {
    padding: 0 16px;
    margin-bottom: 10px;
  }
}

.toast-notification {
  position: relative;
  z-index: 100;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 8px;
  width: 365px;
  padding: 20px 20px 28px 20px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.toast-notification__title {
  font-weight: 500;
  font-size: 16px;
  color: #0a123e;
  width: 90%;
  margin-bottom: 15px;
}
.toast-notification__goto {
  background: #00be65;
  border-radius: 6px;
  padding: 8px 16px;
  color: white;
  font-size: 12px;
}
.toast-notification__exit {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGRjQzNDMiLz4KPHBhdGggZD0iTTE3IDdMNyAxNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcgN0wxNyAxNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, #ff4343;
  border-radius: 50%;
}
.toast-notification progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
}
.toast-notification progress[value]::-webkit-progress-bar {
  background: rgba(10, 18, 62, 0.2);
}
.toast-notification progress[value]::-webkit-progress-value {
  background: rgba(10, 18, 62, 0.4);
  border-radius: 4px;
}

#wrapper {
  overflow: hidden;
  min-height: 110vh;
}
.container {
  max-width: 1730px;
  margin: 0 auto;
}
.main {
  position: relative;
  z-index: 1;
}
.backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.7s ease-in-out;
  z-index: -1;
  background: rgba(10, 18, 62, 0.5);
}
.toast-notifications {
  z-index: 100;
  position: fixed;
  bottom: 10px;
  right: 10px;
}
.toast-notifications > div {
  margin-top: 5px;
}