@charset "UTF-8";

.chat,
.messages {
  overflow: hidden
}

.message-box,
.message-box__files,
.messages {
  background-color: #fff
}

.new-btn,
.new-btn-card,
body {
  font-family: Inter, sans-serif
}

.memo-dtp__send a,
.n-insruance__dtp a {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content
}

.button--primary.no-bg:hover svg path,
.buyOnline-btn.active svg path,
.buyOnline-btn:hover svg path {
  fill: #fff
}

.post-card__excerpt,
.row .card-media__title {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

*,
.chat__input input,
.insurance-table__item.status p,
.multiselect-input,
.multiselect-option,
.n-about__history_date,
.n-input,
.poisk-clienta input,
::after,
::before {
  box-sizing: border-box
}

.n-btn,
.top-links__link {
  -webkit-appearance: none
}

.message-content__file {
  font-size: 13px;
  cursor: pointer;
  color: #fff;
  display: grid;
  grid-template-columns: 80% 20%;
  align-items: center
}

.message-content__file-icons {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: -8px;
  padding-left: 16px;
  cursor: pointer;
  transition: color .1s linear
}

.message-content__file-icons:hover,
.n-text-orange,
.top-contacts__link--short,
.top-panel-showDownloadButtonForMemo:hover {
  color: #d9664e !important
}

.modal__dialog .modal__content {
  max-width: 500px;
  margin: 0 auto
}

.chat__btn {
  position: absolute;
  top: 20px;
  right: -15px;
  width: 40px
}

.chat-title,
.chat__close,
.messages {
  position: relative
}

.chat,
.messages .message.loading::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.chat__close {
  cursor: pointer
}

.chat__close::after,
.chat__close::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  border: 2px solid #d9664e
}

.chat__close::after {
  transform: rotate(45deg)
}

.chat__close::before {
  transform: rotate(-45deg)
}

body {
  background-size: cover;
  font-size: 14px;
  line-height: 1.3;
  overflow: unset !important
}

.chat {
  max-height: 500px;
  justify-content: space-between;
  flex-direction: column
}

.chat.inline {
  position: initial;
  transform: none;
  width: 100%;
  margin-top: 40px;
  border-radius: 0
}

.chat-title {
  flex: 0 1 45px;
  z-index: 2;
  color: #fff;
  text-align: left;
  padding: 10px 10px 10px 0;
  display: flex
}

.content_product-header,
.memo-dtp__send a,
.n-page-buy-nr__form_sendCode a,
.n-page-buy-nr__form_sms a,
.n-page-buy-nr__info_description,
.n-page-buy-nr__info_title,
.warn-block {
  text-align: center
}

.chat-title h1 {
  font-weight: 700;
  color: #425660;
  font-size: 14px;
  margin: 0;
  padding: 0
}

.chat-title .chat-status {
  text-transform: none;
  font-size: 14px;
  color: #90a2ab;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -5px 0 0 20px
}

.chat-title .chat-status span {
  font-size: 16px;
  margin-left: 11px;
  color: #219653
}

.messages .message.new {
  margin-right: 52px;
  transform: scale(0);
  transform-origin: 0 0;
  -webkit-animation: .5s linear both bounce;
  animation: .5s linear both bounce
}

.messages .message.new span {
  position: absolute;
  color: #fff;
  left: -42px;
  top: 4px
}

.message.message-personal.new {
  margin-left: 52px
}

.message.message-personal.new span {
  position: absolute;
  top: 120%;
  color: rgba(0, 0, 0, .25);
  right: 0;
  font-size: 12px
}

.message-box .message-attachment__item span:hover,
.message-box__files-item__name p span:hover {
  color: #f6993f
}

.message-content__file-link {
  font-size: 22px !important;
  color: #fff !important;
  top: 4px !important
}

.messages {
  flex: 1 1 auto;
  color: rgba(255, 255, 255, .5);
  overflow-y: scroll;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 100%
}

.messages .messages-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 101%;
  width: 100%
}

.messages .message {
  clear: both;
  float: left;
  padding: 6px 10px 7px;
  border-radius: 10px 10px 10px 0;
  background: rgba(0, 0, 0, .3);
  margin: 16px 0 16px 35px;
  font-size: 15px;
  line-height: 1.4;
  position: relative
}

.messages .message .timestamp {
  position: absolute;
  bottom: -15px;
  font-size: 14px;
  color: rgba(255, 255, 255, .3)
}

.messages .message::before {
  content: "";
  position: absolute;
  bottom: -6px;
  border-top: 6px solid rgba(0, 0, 0, .3);
  left: 0;
  border-right: 7px solid transparent
}

.messages .message .avatar {
  position: absolute;
  z-index: 1;
  bottom: -15px;
  left: -35px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, .24)
}

.messages .message .avatar img {
  width: 100%;
  height: auto
}

.messages .message.message-personal {
  float: right;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 14px;
  text-align: right;
  font-weight: 400;
  background-color: #083554;
  border-radius: 10px 10px 0
}

.messages .message.message-personal::before {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 5px solid transparent;
  border-top: 4px solid #257287;
  bottom: -4px
}

.messages .message:last-child,
.paragraph-wrapper-memo .one-parag p:last-child {
  margin-bottom: 30px
}

.messages .message.loading::before {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .5);
  margin-top: 4px;
  -webkit-animation: .45s cubic-bezier(0, 0, .15, 1) infinite alternate ball;
  animation: .45s cubic-bezier(0, 0, .15, 1) infinite alternate ball;
  border: none;
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

.messages .message.loading span::after,
.messages .message.loading span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .5);
  z-index: 2;
  margin-top: 4px;
  content: ""
}

.messages .message.loading span {
  display: block;
  font-size: 0;
  width: 20px;
  height: 10px;
  position: relative
}

.messages .message.loading span::before {
  -webkit-animation: .45s cubic-bezier(0, 0, .15, 1) infinite alternate ball;
  animation: .45s cubic-bezier(0, 0, .15, 1) infinite alternate ball;
  margin-left: -7px
}

.messages .message.loading span::after {
  -webkit-animation: .45s cubic-bezier(0, 0, .15, 1) infinite alternate ball;
  animation: .45s cubic-bezier(0, 0, .15, 1) infinite alternate ball;
  margin-left: 7px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .2s
}

.fade-enter-from,
.fade-leave-to,
.multiselect-enter,
.multiselect-leave-active,
.multiselect-loading-enter,
.multiselect-loading-leave-active {
  opacity: 0
}

.individual-flx,
.individual-flx_item,
.message-box__input {
  position: relative
}

.message-send {
  position: absolute;
  color: #083554;
  cursor: pointer;
  right: 0;
  top: 22%;
  transform: translateX(-50%)
}

.message-box {
  display: grid;
  grid-template-columns: 85% 15%;
  width: 100%;
  padding: 10px;
  position: relative;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px
}

.message-box__files {
  position: absolute;
  top: -70%;
  width: 100%;
  max-height: 52px;
  overflow-y: scroll
}

.message-box__files-item {
  padding: 0 16px;
  display: grid;
  grid-template-columns: 15% 85%
}

.message-box__files-item__title {
  line-height: 163%
}

.align-items-center,
.message-box__files-item__name p,
.new-main-table__body {
  display: flex;
  align-items: center
}

.message-box__files-item__name p span {
  margin-left: 16px;
  cursor: pointer;
  transition: color .1s linear
}

.message-box__files-item p {
  font-size: 14px;
  color: #083554
}

.message-box .message-attachment {
  position: relative;
  padding-left: 16px
}

.message-box .message-attachment__btn {
  cursor: pointer;
  background-color: #083554;
  padding: 4px 0;
  width: 50px;
  height: 46px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center
}

.message-box .message-attachment__btn span {
  color: #fff;
  font-size: 22px;
  transform: rotate(33deg)
}

.message-box .message-attachment__body {
  position: absolute;
  top: -90%;
  right: 10px;
  background-color: #fff;
  z-index: 999
}

.message-box .message-attachment__item span {
  color: #083554;
  cursor: pointer;
  transition: color .1s linear;
  font-size: 33px
}

.message-box .message-input {
  background: #e9eef1;
  border: none;
  border-radius: 6px;
  outline: 0 !important;
  resize: none;
  color: #90a2ab;
  font-size: 14px;
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  height: 46px
}

.message-box textarea:focus:-webkit-placeholder {
  color: transparent
}

.message-box .message-submit {
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 10px;
  color: #fff;
  border: none;
  background: #248a52;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 10px;
  outline: 0 !important;
  transition: background .2s
}

.message-box .message-submit:hover {
  background: #1d7745
}

.new-btn {
  border-radius: 6px;
  padding: 12px 34px;
  height: 44px;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  cursor: pointer
}

.new-btn-card {
  height: auto;
  border-radius: 6px;
  padding: 6px 22px;
  font-size: 12px;
  font-weight: 600;
  border: 0;
  cursor: pointer
}

.n-page-buy-nr__form_fileUpload label,
.pointer {
  cursor: pointer
}

.new-main-table-gray {
  background-color: #f4f6fa;
  border-top: 1px solid #e8edf1;
  border-bottom: 1px solid #e8edf1
}

.new-btn-red {
  background: #d9664e;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}

.new-gray {
  color: #697d95
}

.n-btn:active,
.new-main-table--blue .new-main-table__header {
  background: #0b5c84
}

.new-main-table__header {
  display: flex;
  align-items: center;
  height: 45px
}

.new-main-table__header ul li {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px
}

.new-main-table__header ul li .new-main-table__header-filterIcon {
  opacity: .5;
  margin-left: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.new-main-table__header ul li .new-main-table__header-filter {
  position: relative;
  display: flex
}

.new-main-table__header ul li .new-main-table__header-filter span:nth-child(2) {
  position: absolute;
  right: -20px
}

.new-main-table__body ul li {
  display: flex;
  align-items: center;
  padding-right: 10px;
  font-size: 13px
}

.epictet-show,
.homepage-promo__mainMobileText,
.new-main-table__body ul li span.new-main-table__mobileHeader,
.product-header-mobile {
  display: none
}

.new-main-table__body,
.new-main-table__header {
  padding: 0 12px
}

.new-main-table__body ul,
.new-main-table__header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%
}

.t-info ul,
.t-info ul li {
  padding-left: 20px
}

.new-main-table__body ul li a,
.new-main-table__header ul li a {
  text-decoration: none;
  color: #083554
}

.new-modal__content {
  position: absolute;
  top: 100px;
  padding: 40px 20px;
  background-color: #fff;
  z-index: 101;
  height: 75%;
  margin-right: 35px;
  width: calc(100% - 400px);
  border-radius: 4px;
  overflow-y: scroll
}

.new-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b5c8441;
  z-index: 100;
  overflow-y: hidden
}

.new-modal__close span {
  position: absolute;
  top: 36px;
  right: 30px;
  color: #90a2ab;
  font-size: 20px;
  cursor: pointer
}

.info-list__item {
  background: #fff;
  box-shadow: 0 0 20px 10px rgba(202, 219, 225, .3);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 30px
}

.warn-block {
  padding: 34px 30px;
  background: #fbf0ed;
  font-size: 20px;
  line-height: 130%;
  color: #083554;
  margin-bottom: 20px
}

.product-header-mobile h1,
.t-info .blue,
.t-info p {
  color: #0b5c84 !important
}

.t-info .section-contacts__heading {
  width: auto;
  color: #083554;
  margin-top: 70px;
  margin-bottom: 30px;
  font-weight: 600
}

.t-info .section-contacts__heading span {
  color: #d9664e
}

.t-info .paragraph-wrapper-memo {
  color: #697d95;
  line-height: 150%
}

.t-info ul {
  margin-top: 15px;
  font-weight: 300
}

.t-info .paragraph-wrapper-memo a {
  color: #d9664e;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  font-weight: 700
}

.n-btn {
  font-size: 14px;
  color: #fff;
  padding: 12px 34px;
  border: 0;
  min-width: 100px;
  font-weight: 500;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  height: 44px;
  cursor: pointer;
  transition: .3s
}

.n-btn:disabled {
  opacity: .6
}

.buyOnline-btn.active,
.buyOnline-btn:hover,
.n-btn:hover {
  background: #0a7ea6
}

.n-promotion__item {
  background: #fff;
  width: 25% !important;
  box-shadow: 0 0 20px #cadbe1;
  border-radius: 6px;
  padding: 30px;
  text-decoration: none;
  max-height: 100% !important;
  height: auto !important;
  margin: 20px !important;
  position: relative
}

.n-promotion__item img {
  position: static !important;
  width: 100%;
  height: 100%
}

.content-middle {
  padding-bottom: 25px
}

.content-middle p {
  font-weight: 400;
  font-size: 16px;
  color: #083554;
  margin: 5px 0;
  line-height: 1.2
}

.content-middle span {
  font-weight: 400;
  font-size: 14px;
  color: #697d95;
  line-height: 1.2
}

.n-promotion-page .page-blog__more-wrapper {
  margin-top: 80px
}

.n-page__content .page-contacts__heading,
.n-promotion-page .heading {
  font-size: 42px
}

.n-promotion {
  margin-top: 50px
}

.n-promotion__item button {
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding: 0;
  font-size: 14px;
  border: 0;
  background: 0 0;
  color: #d9664e;
  text-transform: uppercase;
  font-weight: 500;
  bottom: 15px;
  left: 30px
}

.n-promotion__item button span {
  margin-left: 8px;
  font-size: 30px
}

.eyes-modif {
  top: 30px !important
}

.form-control__button--show-password-reg {
  top: 12px
}

.ns-text ul {
  margin: 24px 0
}

.ns-text ul li {
  font-size: 14px;
  color: #083554;
  margin: 4px 0
}

.ns-text p {
  color: #083554;
  font-weight: 400
}

.ns-text .heading {
  margin-top: 16px
}

.n-infograph--margin {
  height: 700px;
  background-color: #eff2f5;
  z-index: 1
}

.n-page-buy-nr__content {
  display: grid;
  grid-template-columns: 255px 1fr;
  margin-top: 50px;
  gap: 32px
}

.n-page-buy-nr__info {
  background: #eff2f5;
  border-radius: 4px;
  height: 360px;
  padding: 34px 20px
}

.n-page-buy-nr__info_title {
  margin: 0;
  color: #697d95;
  font-size: 18px;
  font-weight: 600
}

.n-page-buy-nr__info_description {
  color: #697d95;
  font-weight: 400;
  margin-top: 30px
}

.n-insruance__text--dark,
.n-page-buy-nr__form_fileUpload p span {
  font-weight: 700
}

.n-page-buy-nr__info_contacts {
  display: grid;
  grid-template-columns: 50px 50px 50px;
  margin-left: 12px;
  margin-top: 30px;
  gap: 16px
}

.n-page-about_priority .container,
.n-page-buy-nr__info_contacts-email {
  display: flex;
  align-items: center;
  justify-content: center
}

.n-page-buy-nr__info_contacts-email img {
  width: 27px
}

.n-page-buy-nr__info_contacts .icon {
  width: 50px;
  height: 50px;
  border: 0
}

.n-page-buy-nr__form .n-toggle {
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(185, 206, 226, .5)
}

.n-page-buy-nr__form_sendCode,
.n-page-buy-nr__form_sms {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 255px);
  gap: 30px
}

.n-page-buy-nr__form_fileUpload p {
  color: #697d95;
  font-size: 14px;
  margin: 30px 0 0
}

.n-page-buy-nr__form_fileUpload label p {
  margin: 4px 0 0;
  padding: 20px 12px;
  border: 1px dashed #bac7d5;
  border-radius: 3px
}

.n-page-buy-nr__form_submit {
  margin-top: 50px;
  display: flex;
  justify-content: flex-end
}

.n-page-buy-nr__form_fileList {
  margin-top: 34px
}

.n-page-buy-nr__form_fileList_item,
.status,
.vacancy--file {
  display: flex;
  align-items: center
}

.n-page-buy-nr__form_fileList_item--file {
  color: #083554;
  font-size: 18px;
  cursor: pointer
}

.n-page-buy-nr__form_fileList_item--delete {
  color: #697d95;
  font-size: 18px;
  justify-self: flex-end;
  cursor: pointer
}

.n-page-buy-nr__form_fileList_item p {
  margin: 0;
  padding-left: 8px;
  padding-right: 64px;
  font-size: 14px;
  color: #083554
}

.n-page-buy-nr__form_content {
  width: 70%;
  margin-top: 20px
}

.n-page-buy-nr__infograph,
.n-page-buy-nr__infograph-margin {
  width: 100%;
  background-color: #eff2f5;
  position: absolute;
  left: 0
}

.n-page-buy-nr__form_title p {
  color: #083554;
  font-size: 16px;
  font-weight: 600
}

.n-page-buy-nr__infograph {
  z-index: 99;
  padding: 64px 0
}

.n-page-buy-nr__infograph .infograph-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px
}

.n-page-buy-nr__infograph-margin {
  height: 700px
}

.n-page-buy-nr__infograph .infograph-card {
  background: #fff;
  padding: 36px 41px;
  min-height: 350px;
  border-radius: 6px
}

.n-page-buy-nr__infograph .infograph-card__img {
  display: flex;
  justify-content: center
}

.n-page-buy-nr__infograph .infograph-card p {
  font-size: 14px;
  color: #697d95;
  margin: 20px 0 0;
  text-align: center
}

.modal__button,
.n-page-buy-nr__infograph .infograph-card ul {
  margin-top: 16px
}

.n-page-buy-nr__infograph .infograph-card ul li {
  font-size: 14px;
  color: #697d95;
  margin: 2px 0
}

.insuranceCreateUploadedFiles,
.page-info--public .page-info__content {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.page-info--public .page-info__content .details__summary {
  cursor: pointer
}

.page-info--public .page-info__content .details__body {
  padding: 0 25px 10px
}

.page-info--public .page-info__content .details__body a,
.page-info--public .page-info__content .details__body p {
  color: #697d95
}

.page-info--public .page-info__content .details__heading {
  color: #083554;
  font-size: 16px;
  font-weight: 500
}

.page-info--public__n-image {
  display: flex;
  justify-content: center
}

.page-info--public__n-image img {
  width: 307px;
  height: 307px
}

.n-label {
  font-size: 14px;
  color: #083554;
  margin-bottom: 4px;
  display: block
}

a.n-btn {
  text-decoration: none
}

.memo-dtp__send a {
  max-width: fit-content;
  margin-left: 16px
}

.n-insruance__dtp {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  align-items: center
}

.n-insruance__dtp a {
  margin-left: 32px;
  max-width: fit-content
}

.homepage-promo__grid .n-btn-orange,
.n-insruance__btn a {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content
}

.n-insruance__title {
  padding-bottom: 50px
}

.n-insruance__instruction {
  font-size: 24px;
  color: #697d95;
  margin: 65px 0 0;
  padding-bottom: 74px
}

.n-insruance__btn {
  padding-bottom: 80px
}

.n-insruance__btn a {
  display: flex;
  align-items: center;
  justify-items: center;
  max-width: fit-content
}

.n-insruance__btn a span {
  margin-right: 12px
}

.n-insruance__text {
  font-size: 16px;
  color: #697d95 !important
}

.n-insruance__text a {
  color: #d9664e
}

.n-insruance__text--blue {
  color: #083554;
  font-weight: 300 !important
}

@media (max-width:1200px) {
  .n-insruance__dtp {
    grid-template-columns: 1fr
  }

  .n-insruance__dtp a {
    margin-left: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
  }

  .memo-dtp__send {
    flex-direction: column;
    align-items: flex-start !important
  }

  .memo-dtp__send a {
    margin-left: 0
  }
}

.call_center_link {
  font-weight: 400;
  margin-top: -2px
}

.call_center_number {
  color: #d9664e;
  font-weight: 700
}

.n-page__content .page-contacts__description,
.n-text-regular {
  font-size: 16px;
  font-weight: 400;
  color: #697d95
}

.width-100 {
  width: 100%
}

.n-page-contacts,
.newPolicy-online__box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px
}

.n-page-contacts__list ul.n-page-contacts--contacts {
  list-style: none;
  margin: 42px 0 0
}

.n-page-contacts__list ul.n-page-contacts--contacts li {
  color: #697d95;
  margin-top: 20px;
  font-size: 16px;
  grid-template-columns: 30px 1fr;
  display: grid;
  gap: 9px
}

.n-page-contacts__list ul.n-page-contacts--contacts li span {
  margin-top: -2px
}

.n-page-contacts__list ul.n-page-contacts--contacts li a {
  text-decoration: none;
  color: #697d95;
  font-size: 16px
}

.kasko-result__wrapper,
.n-page-contacts__list ul.n-page-contacts--contacts .agency-info__tel-numbers span,
.n-toggle,
.payment-acceptor {
  display: flex
}

.n-page-contacts__list ul.n-page-contacts--contacts .agency-info__tel-numbers a {
  text-align: left;
  margin-top: 4px
}

.n-page-contacts__list ul.n-page-contacts--contacts .agency-info__tel-numbers a:first-child {
  margin-top: 0
}

.n-page-contacts__list .messengers-list {
  list-style: none;
  margin: 40px 0 0
}

.n-calc-box__row .calc-box__col:first-child,
.n-page-contacts__list .messengers-list__item--mail {
  margin-left: 0
}

.n-page-contacts__list .messengers-list__item--mail a {
  width: 50px;
  height: 50px
}

.n-page-contacts__list .messengers-list__item--mail a .provian {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.n-page-contacts__list .messengers-list__item--mail a .provian img {
  width: 26px
}

.n-page-contacts__list .messengers-list__link {
  font-size: 50px !important
}

@media (max-width:992px) {
  .new-modal__content {
    width: 100%;
    height: auto
  }

  .insurance--new_show_info--docs-item {
    grid-template-columns: none
  }

  .n-page-buy-nr__content {
    grid-template-columns: 1fr;
    justify-items: center
  }

  .n-page-buy-nr__info {
    width: 255px
  }

  .n-page-buy-nr__infograph .infograph-wrapper {
    grid-template-columns: repeat(3, 1fr)
  }

  .n-infograph--margin {
    height: 1100px;
    display: none
  }

  .n-page-contacts {
    grid-template-columns: 1fr
  }

  .homepage-promo__grid .n-btn-orange {
    margin: 50px auto 0
  }
}

.n-btn-bgNone {
  background: 0 0;
  color: #697d95
}

.page-info--faq .details__body {
  padding: 0 20px 20px
}

.n-text-content {
  padding: 10px 25px
}

.section-header__heading,
.team__heading {
  font-size: 30px
}

.n-input {
  height: 44px;
  padding: 12px;
  background: #fff;
  border: 1px solid #bac7d5;
  border-radius: 6px;
  font-size: 14px;
  color: #697d95;
  min-width: 190px;
  outline: 0
}

.n-input--blue {
  background-color: #eff2f5;
  border: 0 !important;
  width: 100%
}

.n-input--white,
.n-modal-callback .form__col {
  width: 100%
}

.n-input--error {
  border: 1px solid #d07575 !important;
  border-radius: 6px
}

.mt-28,
.n-insurance-create_form-container-br {
  margin-top: 28px
}

.n-insurance-create .personal-area__body {
  padding-top: 0 !important
}

.n-insurance-create .personal-area__body .page-insurance__text {
  font-size: 14px;
  color: #083554
}

.n-insurance-create .personal-area__top-panel {
  margin-bottom: 0;
  padding-bottom: 10px
}

.n-insurance-create .form__section-heading {
  font-size: 18px;
  color: #083554;
  font-weight: 600;
  margin-bottom: 10px
}

.n-insurance-create .form__section-desription {
  font-size: 14px;
  color: #083554;
  font-weight: 400;
  margin: 0
}

.n-modal__dialog {
  max-width: 700px !important
}

.n-modal__heading {
  color: #083554 !important;
  margin: 0
}

.n-modal .modal__close {
  margin-left: 40px
}

.n-modal__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.n-modal .modal__content {
  align-items: flex-start
}

.n-modal__description {
  margin: 30px 0 0;
  font-size: 16px;
  color: #697d95;
  padding-bottom: 20px;
  display: block;
  text-align: left
}

.n-modal__submit {
  align-self: flex-end
}

.n-btn-orange {
  background-color: #d9664e
}

.n-btn-lightBlue {
  background-color: #d0f3ff;
  color: #083554
}

.n-btn-skyBlue {
  background-color: #eff2f5;
  color: #083554
}

.n-btn-skyBlue-2 {
  background-color: #e9eef1;
  color: #083554
}

.n-btn-blue {
  background-color: #083554;
  color: #fff
}

.background-class,
.bx-livechat-body,
.minus-counter:after,
.minus-counter:before,
.plus-counter:after,
.plus-counter:before {
  background: #fff !important
}

.status span {
  padding-right: 4px;
  font-size: 17px;
  margin-top: -3px
}

.status--waiting {
  color: #697d95;
  font-size: 12px
}

.n-btn-small {
  padding: 8px 12px;
  height: 34px;
  font-size: 12px
}

.page-login__description {
  text-align: left;
  max-width: none;
  font-size: 16px;
  color: #697d95
}

.page-login__forget {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px;
  align-items: center
}

.page-login__recovery {
  font-size: 14px;
  text-decoration: none;
  color: #697d95;
  font-weight: 500
}

.page-login__recovery-form {
  max-width: none;
  margin: 0 84px 0 0;
  padding: 40px 0;
  border-radius: 16px
}

.page-login__recovery-form_content {
  margin-top: 42px
}

.page-login__heading {
  padding-bottom: 30px;
  text-transform: none;
  font-size: 33px
}

.page-login .form-control__label {
  font-size: 14px;
  font-weight: 400;
  color: #083554;
  text-transform: none
}

.page-login .form-control__input {
  border-radius: 6px;
  font-size: 14px;
  color: #697d95
}

.page-login__line {
  border-top: 1px solid #eff2f5;
  padding-top: 20px
}

.page-login__link {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #083554
}

.page-login__bottom-note {
  font-size: 14px;
  color: #697d95
}

.event-select:hover,
.n-kasko .kasko-info__item p,
.n-text-blue,
.n-text-dark,
p.new {
  color: #083554
}

.form-control__input--blue {
  background: #eff2f5
}

.personal-area__tabs--new {
  display: flex;
  margin-top: 64px;
  padding: 0 25px
}

.personal-area__createNewPoles {
  position: relative;
  top: 30px
}

.pa-table__item--blue td {
  background: #f4f6fa
}

@media (max-width:768px) {
  .n-page-buy-nr__form_content {
    width: 100%
  }

  .n-page-buy-nr__form_sendCode,
  .n-page-buy-nr__form_sms,
  .n-page-buy-nr__infograph .infograph-wrapper {
    grid-template-columns: 1fr
  }

  .n-page-buy-nr__form_fileUpload label {
    margin-top: 16px
  }

  .n-infograph--margin {
    height: 0
  }

  .n-promotion__item {
    max-height: 450px;
    height: 450px;
    margin: 15px auto;
    position: relative;
    width: 375px
  }

  .n-promotion__item img {
    width: 100%;
    height: 100%;
    position: absolute
  }

  .n-promotion__item button {
    top: 82%
  }

  .vacancy--file {
    flex: 100% !important;
    color: #083554;
    max-width: none !important
  }

  .vacancy--message {
    flex: 100% !important;
    max-width: none !important
  }

  .n-receiving-payments_inner {
    padding: 40px 20px !important
  }

  .page-info--public .page-info__content {
    grid-template-columns: 1fr;
    gap: 66px
  }

  .page-info--public__n-image {
    align-items: center
  }
}

.vacancy-file-button {
  display: flex;
  align-items: center !important;
  height: 44px
}

.buyOnline-btn__wrapper,
.n-main-nav__wrapper_item,
.n-main-nav__wrapper_item .top-links .top-links__item--parent,
.n-main-nav__wrapper_item .top-search__dropdown-trigger {
  align-items: center;
  display: flex
}

.n-services {
  background: rgba(217, 101, 78, .05);
  min-height: 900px;
  padding-top: 50px;
  padding-bottom: 88px
}

.n-services__title p {
  font-size: 30px;
  font-weight: 600;
  color: #083554;
  text-align: justify !important
}

.n-services__list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px
}

.n-services__item {
  background: #fff;
  box-shadow: 0 0 20px 10px rgba(202, 219, 225, .3);
  border-radius: 6px;
  padding: 50px 40px;
  position: relative
}

.n-services__item-header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px
}

.n-services__item-header img {
  max-width: 100px
}

.n-services__item-header_info p {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #083554
}

.n-services__item-header_info span {
  font-size: 14px;
  color: #697d95
}

.n-services__item-body {
  margin-top: 24px
}

.n-services__item-body p {
  font-size: 14px;
  color: #697d95;
  line-height: 17px !important;
  text-align: justify
}

.n-services__item-body a {
  color: #d9664e !important;
  text-decoration: none;
  font-weight: 500 !important;
  margin-top: 24px !important;
  display: block;
  position: absolute;
  bottom: 20px;
  font-size: 16px !important
}

.n-services__item--low {
  height: 300px
}

.n-services__item--high {
  height: 350px
}

.n-pa-action {
  color: #697d95;
  padding: 8px 23px 8px 2px;
  background: #fff;
  border: 1px solid #bac7d5;
  border-radius: 6px
}

.n-pa-action .trigger-input {
  font-size: 12px;
  margin: 0
}

.n-main-nav__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px
}

.n-main-nav__wrapper_item {
  justify-content: flex-end
}

.n-main-nav__wrapper_item .main-nav__top-desktop-group {
  width: auto
}

.n-main-nav__wrapper_item .main-nav__personal-area-btn {
  margin: 0
}

.n-main-nav__wrapper_item .top-search__dropdown-trigger span {
  color: #697d95
}

.n-main-nav__wrapper_item .main-nav__search {
  margin-right: 38px
}

.n-main-nav__wrapper_item .top-links .top-links__link--button {
  font-size: 12px;
  padding: 10px 0 10px 12px;
  display: flex;
  align-items: center;
  height: 31px;
  justify-content: center
}

.n-main-nav__wrapper_item .top-links .top-links__link--button span {
  color: #d9664e
}

.n-main-nav__wrapper .icon--phone-call {
  font-size: 20px;
  margin-left: 8px
}

.n-main-nav__wrapper .call_center_number {
  font-size: 24px
}

.mobile-search_input {
  display: block !important;
  flex: 1
}

.homepage-promo__grid .n-btn-orange {
  margin-top: 50px;
  display: block;
  max-width: fit-content
}

.n-posts--blog .post-card__read-more {
  position: absolute;
  bottom: 20px
}

.n-posts--blog .post-card {
  min-height: 108%
}

.n-posts__ind {
  grid-template-rows: 500px
}

.n-posts__ind .post-card__pubdate {
  color: #697d95 !important;
  font-size: 14px
}

.n-posts__ind .read-more {
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  bottom: 24px
}

.n-policy__item {
  padding: 30px 20px;
  border-radius: 6px;
  background-color: #fff
}

.n-policy__item-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px
}

.n-policy__item-head p {
  margin: 8px 0 0;
  color: #0b5c84 !important;
  font-weight: 400
}

.n-policy__item-head span {
  margin-top: 4px;
  font-size: 14px;
  color: #697d95
}

.n-policy__item-body {
  margin-top: 24px;
  overflow: hidden
}

.n-policy__item-body ul {
  padding: 0 24px
}

.n-policy__item-body ul li {
  margin: 16px 0;
  font-size: 14px;
  color: #697d95
}

.n-policy__item-footer {
  margin-top: 24px
}

.n-policy__item-footer a {
  margin-top: 24px;
  display: block
}

.n-policy__item-high {
  min-height: 417px;
  display: grid;
  grid-template-rows: 70px 310px 1fr
}

.n-policy__item-low {
  height: 290px
}

.n-policy__item-low p {
  margin: 0;
  font-size: 14px;
  color: #697d95
}

.n-policy__item-low .n-policy__item-body {
  height: 100px
}

.n-policy__item-low .n-policy__item-footer {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.n-insurance-create__submit {
  display: grid;
  justify-items: start
}

.n-receiving-payments_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 196px 0;
  gap: 70px
}

.n-receiving-payments__section_title {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  margin: 0;
  color: #083554
}

.infograph .title span,
.lozung p span,
.n-police-buy h2 span,
.n-receiving-payments__section_title span,
.newForm-contact .title span,
p.working {
  color: #d9664e
}

.n-receiving-payments__section img {
  margin-top: 60px
}

.n-receiving-payments__section_subtitle {
  font-size: 20px;
  color: #697d95;
  margin-top: 12px
}

.n-receiving-payments__section_steps {
  background: #fff;
  box-shadow: 0 0 20px #cadbe1;
  border-radius: 6px;
  width: 100%;
  height: 390px;
  padding: 42px 58px;
  display: flex;
  align-items: center
}

.n-receiving-payments__section_steps_item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px
}

.n-receiving-payments__section_steps__content a {
  font-size: 20px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #d9664e;
  font-weight: 700
}

.n-receiving-payments__section_steps__content p {
  margin: 0;
  color: #697d95;
  font-size: 18px
}

.n-receiving-payments__section_steps__number span {
  font-size: 20px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 50%;
  background: #fbf0ed;
  color: #083554;
  font-weight: 700
}

.n-receiving-payments__section_steps_img img {
  margin: 0;
  padding-left: 14px
}

.additional-fields {
  padding: 12px
}

.n-police-buy {
  min-height: 680px
}

.n-police-buy__inner {
  padding: 80px 0
}

.n-police-buy h2 {
  font-size: 30px;
  font-weight: 600;
  color: #083554
}

.n-police-buy__list {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px
}

.agent-client.booking ul,
.n-five-reasons__list {
  grid-template-columns: 1fr 1fr 1fr
}

.n-police-buy__item {
  background: #fff;
  box-shadow: 0 0 20px #cadbe1;
  border-radius: 6px;
  height: 286px;
  display: grid;
  grid-template-rows: 168px auto;
  padding: 40px 0;
  gap: 16px;
  justify-content: center
}

.n-police-buy__item p {
  text-align: center;
  margin: 16px 0 0;
  font-size: 18px;
  color: #697d95
}

.n-police-buy__button {
  margin-top: 80px;
  display: flex;
  justify-content: center
}

.n-five-reasons {
  padding: 102px 0
}

.n-five-reasons__title {
  display: flex;
  justify-content: center;
  align-items: center
}

.n-five-reasons__title p {
  font-size: 30px;
  color: #083554;
  font-weight: 700;
  margin-left: 8px
}

.n-five-reasons__list {
  margin-top: 50px;
  display: grid;
  -moz-column-gap: 100px;
  column-gap: 100px;
  row-gap: 50px
}

.n-five-reasons__list_pyr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column: 1/4;
  width: 80%;
  margin: 0 auto
}

.n-five-reasons__item {
  display: flex;
  align-items: center;
  flex-direction: column
}

.n-five-reasons__item p {
  font-size: 18px;
  color: #083554;
  font-weight: 600;
  margin: 0;
  text-align: center;
  padding-top: 10px
}

.n-five-reasons__item span {
  text-align: center;
  position: relative;
  top: 10px;
  font-size: 16px;
  color: #697d95
}

.n-calc-box__row {
  margin-top: 10px
}

.n-calc-box__row .calc-box__col {
  margin: 0 10px
}

.n-calc-box-car-driver--iin {
  margin: 0 16px
}

.n-calc-box--car .multiselect-input {
  margin-left: 24px
}

.n-calc-box__forms-driver {
  max-width: none !important;
  width: 100% !important
}

.n-calc-box__forms-driver .n-calc-box__row {
  width: 80% !important
}

.n-calc-box__forms-driver .calc-box__row {
  max-width: none !important;
  width: 80% !important
}

.n-calc-box__privileges {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 24px;
  column-gap: 24px
}

.kasko-result p,
.n-calc-box__privileges .multiselect {
  margin: 0
}

@media (max-width:540px) {

  .n-calc-box__forms-driver,
  .n-calc-box__forms-driver .calc-box__row {
    max-width: none !important;
    width: 100% !important
  }

  .page-login {
    padding-top: 15px
  }

  .page-login__recovery-form {
    margin-right: 0 !important
  }

  .n-calc-box__forms-driver .n-calc-box__row {
    width: 100% !important
  }

  .n-calc-box__row--driver .n-calc-box-car {
    display: grid
  }

  .n-calc-box__row--driver .n-calc-box-car-driver--phone {
    grid-column: 1/4;
    grid-row: 1
  }

  .n-calc-box__row--driver .n-calc-box-car-driver--iin {
    margin: 8px 0;
    grid-row: 2;
    grid-column: 1/4
  }

  .n-calc-box__row--driver .n-calc-box-car-driver--btn {
    grid-row: 2;
    grid-column: 3/4;
    justify-self: center;
    align-self: center
  }
}

.add-item-btn,
.container.numbers-row,
.n-calc-box-car .n-toggle {
  align-items: center
}

.add-item-btn {
  width: 44px;
  height: 44px;
  display: flex;
  cursor: pointer;
  justify-content: center;
  background: #0a7ea6 !important;
  border-radius: 6px
}

.add-item-btn span {
  color: #fff;
  font-size: 28px
}

.n-calc-box__results_title {
  color: #697d95;
  font-size: 14px;
  text-transform: uppercase
}

.n-calc-box__results_itemContent {
  margin-top: 8px;
  display: flex
}

.n-calc-box__results_itemContent_name {
  padding-right: 16px;
  color: #083554;
  font-size: 14px;
  font-weight: 400
}

.n-calc-box__results_itemContent_class {
  color: #697d95;
  font-size: 14px;
  font-weight: 400
}

.n-calc-box__results_itemContent .calc-data__remove {
  margin-left: 16px
}

.n-calc-box__results_itemContent_delete {
  margin-left: 32px;
  color: #697d95;
  margin-top: -3px
}

.section-contacts__smt {
  font-size: 16px;
  color: #697d95
}

.n-page-about__container {
  padding-bottom: 100px
}

.n-page-about__container .page-about__text-content p,
.n-page-about__numbers .numbers-row__text {
  color: #697d95
}

.n-page-about_company p {
  color: #697d95 !important
}

.lozung p,
.n-page-about__numbers h2 {
  color: #285678;
  font-weight: 700
}

.n-page-about_priority {
  background: #fbf0ed;
  padding: 42px 0
}

.n-page-about_priority .container p {
  text-align: center;
  width: 80%;
  font-size: 24px;
  color: #083554
}

.n-calc-box-car .n-calc-box__row {
  margin-left: 24px;
  margin-top: 0
}

.n-kasko-about,
.online-services__subtitle {
  margin-top: 30px
}

.n-toggle__item {
  display: block;
  position: relative;
  padding-left: 28px;
  padding-top: 1px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  color: #083554
}

.n-toggle__item:nth-child(2) {
  margin-left: 18px
}

.n-toggle__item input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.n-toggle__item input:checked~.checkmark {
  background-color: #083554;
  border-color: #083554
}

.n-kasko .kasko-result__wrapper,
.n-toggle__item input:checked~.checkmark:after {
  display: block
}

.n-toggle__item .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #bac7d5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.n-toggle__item .checkmark:after {
  content: "";
  display: none;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff
}

.online-services__subtitle,
.online-services__text {
  color: #718690 !important
}

.b24-widget-button-crmform,
.bx-livechat-copyright,
.choices__input.choices__input--cloned,
.edit-form-video.active .card-media::before,
.kasko-button--mobile,
.leaf_2555,
.page-buy__text-col.mobile,
.sort-wrapper .multiselect-clear {
  display: none !important
}

.n-kasko-about {
  padding-bottom: 120px
}

.n-kasko .kasko-driver__input {
  justify-content: start;
  margin-top: 0
}

.n-kasko .kasko-car,
.n-kasko .kasko-form {
  width: 100%;
  max-width: none
}

.n-kasko-info .kasko-info__input {
  margin-top: 0;
  display: flex;
  align-items: center
}

.n-kasko-info .kasko-info__input label {
  max-width: 190px
}

.n-kasko .kasko-info__container {
  display: flex;
  padding-left: 20px;
  display: flex;
  margin-left: 20px;
  margin-top: 40px
}

.n-kasko .kasko-info__item p,
.n-kasko .kasko-info__item span {
  font-size: 14px;
  font-weight: 400
}

.n-kasko .kasko-info__item span {
  margin-left: 4px;
  color: #697d95
}

.moneyForRepairs .checkbox,
.n-kasko-form__aboutTransport {
  margin-top: 8px
}

.n-kasko-form__aboutTransport .kasko-car__input-wrapper {
  margin-top: 0;
  display: flex;
  align-items: center
}

.n-kasko-form__aboutTransport .kasko-car__input-wrapper .kasko-car__input {
  margin-bottom: 0;
  margin-left: 24px
}

.n-kasko .kasko-driver__input input {
  max-height: 44px
}

.n-kasko .kasko-form .kasko-driver__input .kasko-driver__input-phone {
  margin-right: 20px;
  width: 190px
}

.n-kasko .wrapper-buttons_add-client {
  margin-left: 20px
}

.n-kasko .n-toggle__item {
  width: auto
}

@media (max-width:789px) {
  .kasko-info__input {
    margin-top: 0;
    display: flex;
    align-items: center
  }

  .kasko-info__input label {
    max-width: 100%;
    width: 100%
  }

  .n-kasko .kasko-form .kasko-driver__input .kasko-driver__input-phone {
    margin-right: 0;
    width: 100%
  }

  .kasko-driver__input {
    display: grid !important;
    grid-template-columns: 1fr !important
  }

  .kasko-driver__input #iinName {
    grid-row: 2
  }

  .kasko-driver__input .wrapper-buttons_add-client {
    grid-row: 2;
    grid-column: 2
  }
}

.n-page-about__mission {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: #697d95
}

.buyOnline-btn.active a,
.buyOnline-btn:hover a,
.n-page-about__mission p {
  color: #fff
}

.n-page-about__mission p span,
.newForm-contact .pre-title span,
.paragraph-wrapper-memo .one-parag .wrapper-title-oform h3 span,
.paragraph-wrapper-memo .one-parag .wrapper-title-oform p span,
.paragraph-wrapper-memo .one-parag h3 span,
.paragraph-wrapper-memo .one-parag p span {
  font-weight: 600
}

.n-about__history {
  margin-top: 200px;
  display: flex;
  padding-bottom: 280px;
  position: relative
}

.n-about__history_item {
  width: 280px;
  min-height: 140px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  z-index: 99
}

.n-about__history_arrow {
  position: absolute;
  margin-top: 90px;
  right: -10%;
  display: flex;
  justify-content: center
}

.n-about__history_arrow img {
  width: 80%;
  margin-left: 100px
}

.n-about__history_date {
  margin-top: 35px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 10px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background: #fff;
  cursor: pointer
}

.n-about__history_date--blue,
.n-about__history_date--gray:hover {
  border-color: #083554
}

.n-about__history_date p {
  margin: 0;
  font-size: 18px;
  color: #083554;
  font-weight: 600
}

.n-about__history_date img {
  position: absolute;
  top: -33px;
  margin-left: 0
}

.n-about__history_date--gray {
  border-color: #eff2f5;
  transition: border-color .2s ease-in
}

.edit-form-video,
.label-inp,
.n-about__history_c,
.pa-table__body {
  position: relative
}

.n-about__history_content {
  filter: drop-shadow(0px 0px 20px #cadbe1);
  background: #fff;
  width: 100%;
  left: 0;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute
}

.n-about__history_content p {
  font-size: 14px;
  color: #697d95;
  margin: 0;
  padding: 10px 15px;
  text-align: center
}

.n-about__history_content--high {
  bottom: -190px !important
}

.n-about__history_content--high_top {
  top: -121px !important
}

.n-about__history_content--low {
  bottom: -100px !important
}

.n-about__history_content--top {
  top: -111px
}

.n-about__history_content--top span {
  position: absolute;
  bottom: -21px;
  color: #fff;
  font-size: 40px
}

.n-about__history_content--bottom {
  bottom: -132px
}

.n-about__history_content--bottom span {
  position: absolute;
  top: -20px;
  color: #fff;
  font-size: 40px;
  transform: rotate(180deg)
}

.n-page-buy__content {
  background: #eff2f5;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px
}

.n-page-buy .page-buy__advantages {
  margin: 24px 0 0;
  padding-left: 30px
}

.n-page-buy .page-buy__advantages li {
  font-size: 14px;
  color: #697d95;
  margin: 8px
}

.n-page-buy .page-buy__advantages li span {
  font-weight: 700
}

.page-buy {
  max-width: 91%
}

.page-buy__picture {
  width: 140px;
  height: 140px
}

.kasko-info__input,
.n-videos {
  margin-top: 40px
}

.page-team__events {
  background: #eff2f5;
  color: #697d95
}

.page-team__slider {
  padding-top: 44px
}

.page-team__slider--white {
  background: #fff
}

.n-page-team__main {
  text-align: justify;
  padding: 20px
}

.n-page-team__main .page-team__main-text {
  display: grid;
  grid-template-columns: 255px 1fr
}

.n-page-team__main_img img {
  width: 255px !important;
  height: 255px !important;
  border-radius: 6px
}

.n-page-team__main_img span {
  font-size: 18px;
  color: #083554;
  text-align: center;
  margin-top: 20px;
  display: block;
  font-weight: 600
}

.n-page-team__main_img p {
  margin: 4px 0 0;
  text-align: center;
  font-style: italic;
  font-size: 14px !important;
  color: #697d95 !important;
  font-weight: 400
}

.n-page-info--rules .dropdowns {
  background: #eff2f5;
  padding: 13px 25px;
  border-radius: 6px
}

.n-page-info--rules .page-info__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 85px
}

.n-page-info--rules .dropdowns-item {
  margin-top: 16px
}

@media screen and (max-width:639px) {
  .n-about__history .n-about__history_content {
    width: 100% !important
  }

  .infograph-block {
    flex-wrap: wrap;
    justify-content: space-between !important
  }

  .infograph-block .infograph-block__item {
    flex: 0 0 47%
  }

  .page-about__online-services .n-btn {
    display: block;
    text-align: center
  }

  .kasko-car__input-wrapper {
    display: grid !important;
    grid-template-columns: 1fr
  }

  .kasko-car__input-wrapper .kasko-car__input {
    margin-left: 0 !important;
    margin-top: 12px
  }
}

@media screen and (max-width:991px) {
  .n-page-team__main .page-team__main-text {
    grid-template-columns: 1fr;
    gap: 30px
  }

  .n-page-team__main_img {
    display: grid;
    justify-items: center;
    align-content: center
  }

  .n-receiving-payments_inner {
    grid-template-columns: 1fr
  }

  .n-receiving-payments__section:first-child img {
    display: none
  }

  .kasko-button--mobile {
    position: relative;
    top: 16px;
    display: block !important
  }

  .kasko-button--mobile input {
    width: 100%
  }

  .kasko-button--desktop {
    display: none !important
  }

  .n-kasko-info .kasko-info__input {
    flex-direction: column;
    align-items: flex-start
  }

  .n-kasko-info .kasko-info__container {
    margin-left: 0;
    margin-top: 20px;
    padding-left: 30px;
    flex-direction: column
  }

  .n-kasko-info .kasko-button {
    justify-content: flex-start
  }

  .n-page-about .page-about__picture {
    display: flex;
    justify-content: center
  }

  .n-page-about__mission {
    padding: 13px 21px
  }

  .n-about__history {
    display: grid;
    margin-top: 32px;
    position: relative
  }

  .n-about__history_date {
    grid-row: 1
  }

  .n-about__history .n-about__history_content {
    position: relative;
    top: 0 !important;
    width: 350px
  }

  .n-about__history_arrow {
    transform: rotate(90deg);
    left: -75%;
    top: 30%;
    display: none
  }

  .n-about__history_content--high {
    bottom: 0 !important
  }

  .n-about__history_item_c {
    margin-top: 20px
  }

  .n-about__history_item_c .material-icons {
    display: none
  }

  .n-about__history_item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    width: auto
  }

  .n-main-nav__wrapper_item {
    flex-direction: column;
    justify-content: flex-start
  }

  .n-main-nav__wrapper_item:nth-child(2) {
    grid-row: 1/2
  }

  .n-main-nav__wrapper {
    width: 100%;
    height: 100%;
    left: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0;
    margin-top: 10px
  }

  .n-main-nav__wrapper .top-links__link--button {
    margin: 0 auto
  }
}

@media (max-width:992px) {
  .n-services {
    padding-top: 80px;
    min-height: 900px
  }

  .n-posts__ind {
    gap: 50px;
    grid-template-rows: 500px
  }

  .n-posts__ind .post-card {
    height: 520px
  }

  .section-contacts__heading {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
  }

  .personal-area__tabs--new {
    margin-top: 20px
  }

  .n-calc-box--car .multiselect-input {
    margin-left: 0
  }

  .n-services__title p {
    text-align: justify
  }

  .n-services__list {
    grid-template-columns: 1fr;
    gap: 30px
  }

  .n-services__item-header {
    grid-template-columns: auto 1fr
  }

  .n-services__item-body p {
    text-align: left
  }

  .n-services__item--low {
    height: 256px
  }

  .n-services__item--high {
    height: 337px
  }

  .n-main-nav__wrapper_item .top-links .top-links__item--parent {
    display: block
  }
}

.b24-widget-button-wrapper.b24-widget-button-position-bottom-right.b24-widget-button-visible {
  right: 5px;
  bottom: 5px
}

@media (max-width:768px) {
  .n-services__item--high {
    height: auto !important;
    min-height: 0 !important
  }

  .n-services__item-body a {
    position: static
  }
}

.item_product-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column
}

.product-header-mobile h1 {
  font-weight: 600;
  font-size: 24px
}

.bg-product-header {
  background: #fff;
  box-shadow: 0 0 20px 10px rgba(202, 219, 225, .3);
  border-radius: 6px;
  display: block;
  text-decoration: none;
  padding: 10px;
  margin: 2%;
  flex: 0 0 45%;
  display: flex;
  max-width: 177px;
  max-height: 183px
}

.item_product-header img {
  max-width: 50px
}

.content_product-header h3 {
  color: #083554;
  font-weight: 400;
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 1
}

.content_product-header p {
  font-weight: 400;
  font-size: 14px;
  color: #697d95;
  line-height: 1
}

.wrapper-flex_items-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.page-buy__grid,
.see-more_product {
  justify-content: center
}

.see_more_dop {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center
}

.wrapper-select-tag {
  flex-direction: row
}

.section-contacts__button {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important
}

.search-results__item a {
  color: #d9664e;
  text-decoration: none;
  font-family: inherit;
  font-weight: 500
}

.calc-box__auto100__title a:hover,
.checkbox__label a {
  text-decoration: underline !important
}

.client-data-box__date-born {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row
}

.individual-flx_item {
  background: #fff;
  border: 1px solid #ffc9bd;
  border-radius: 20px;
  padding: 20px;
  width: 25%;
  height: 200px
}

.wrapper-step_bg-item h3 {
  color: #083554;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
  margin: 0
}

.wrapper-step_bg-item img {
  display: block;
  margin: 0 auto
}

.wrapper-step_bg-item p {
  padding: 0;
  text-align: center;
  margin: 0;
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: #697d95;
  font-weight: 400;
  font-size: 16px
}

.triangle {
  display: block;
  height: 20px;
  width: 20px;
  background-color: inherit;
  border: inherit;
  position: absolute;
  -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(-135deg);
  right: -10px;
  z-index: 999;
  top: 46%
}

.bg,
.insurance-modal,
body,
html {
  height: 100%
}

.countries-element-tag {
  background: 0 0 !important;
  border: 1px solid #90a2ab !important;
  color: #425660 !important
}

.minus-counter,
.plus-counter {
  background: #0a7ea6 !important
}

@media (max-width:800px) {
  .countries-element-tag {
    width: auto;
    margin: 10px 0 5px;
    display: inline-flex;
    flex-wrap: wrap
  }

  .countries-tag {
    align-items: baseline !important;
    max-width: 100%;
    width: 100%;
    margin-left: -5px
  }

  .wrapper-select-tag .multiselect-caret {
    display: none
  }

  .wrapper-select-tag .multiselect-placeholder {
    font-size: 12px
  }

  .add-countrie-btn {
    padding: 0 5px !important;
    font-size: 10px !important
  }

  .individual-flx {
    flex-wrap: wrap
  }

  .individual-flx_item {
    flex: 0 0 50%
  }
}

.kasko label p,
.label-inp p {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600
}

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

  .n-five-reasons__list_pyr,
  .n-page-info--rules .page-info__content,
  .n-police-buy__list {
    grid-template-columns: 1fr
  }

  .page-about__online-services .n-btn {
    display: block;
    text-align: center
  }

  .n-police-buy__button {
    margin-top: 50px
  }

  .n-police-buy__button button {
    width: 100%
  }

  .n-five-reasons__title {
    display: flex;
    flex-direction: column
  }

  .n-five-reasons__title p {
    margin: 10px 0 0;
    text-align: center
  }

  .n-five-reasons__list,
  .section-header_read-more.sm-hide {
    display: block
  }

  .n-five-reasons__list_pyr>div {
    margin: 0 0 50px
  }

  .n-five-reasons__item {
    margin: 50px 0
  }

  #policy-online,
  .section-header_read-more.sm-show {
    display: none
  }

  .n-posts {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .section-blog {
    padding-bottom: 0 !important
  }

  .button-wrapper__oform,
  .ml-20 {
    margin-left: 0 !important
  }

  .dmct-insurance {
    padding: 0 !important;
    max-width: 700px !important
  }

  #bgWhite-dmct,
  .automatic_count_days,
  .string-data-client,
  .string-data-client input,
  .wrapper-input-after .label-wrapper-input-after input {
    max-width: 100% !important
  }

  .newPolicy-online__box {
    grid-template-columns: 1fr !important
  }

  .section-contacts__picture {
    display: none !important
  }

  .wrapper-select__d-not-jc {
    flex-wrap: wrap
  }

  .wrapper-select__d-not-jc .wrapper__item-d {
    flex: 0 0 100% !important
  }

  #bgWhite-dmct {
    background: #fff
  }

  .wrapper__item-d {
    flex: 0 0 100% !important
  }

  .wrapper-count-and-button,
  .wrapper-input-after {
    flex-wrap: wrap !important
  }

  .button-wrapper__oform {
    margin-top: 30px !important
  }

  .wrapper-input-after .wrapper-item-input {
    max-width: 100% !important;
    margin-right: 0 !important
  }

  #find-iin_input {
    margin: 10px 0 !important;
    -webkit-appearance: none !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important
  }

  .block-checkbox_with-text {
    font-size: 12px !important
  }

  .wrapper-button__add-ins {
    display: flex !important;
    justify-content: center !important
  }

  .flex-float__on-right {
    justify-content: center !important
  }
}

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  font-style: normal;
  white-space: nowrap
}

.col-md-6 img,
.n-calc-box__privileges {
  width: 100% !important
}

.errorDocument,
.no-valid-classes {
  border: 1px solid red !important
}

.infograph-block__item {
  width: 200px
}

.fixed-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.file-area__filelist {
  list-style: none;
  margin-top: auto;
  margin-bottom: 10px
}

.file-area__filelist li {
  display: flex;
  margin-left: 16px
}

.form__file-area {
  max-width: 350px !important
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/material-icons/iconmaterial-icons.woff2?5cb45a0d0bfc20ef20244cd86de8c660) format("woff2"), url(/fonts/vendor/material-icons/iconmaterial-icons.woff?a7d6a198f811bf2aea7c69087828142a) format("woff")
}

.material-icons {
  font-family: "Material Icons"
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/material-icons/iconmaterial-icons-outlined.woff2?1c8bbab5f93802bf0f5d9698a23ee603) format("woff2"), url(/fonts/vendor/material-icons/iconmaterial-icons-outlined.woff?199f09c5d39a9ed2e8cfca404ea4104a) format("woff")
}

.material-icons-outlined {
  font-family: "Material Icons Outlined"
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/material-icons/iconmaterial-icons-round.woff2?5d2391302037da7c8283fe4e9fb3f242) format("woff2"), url(/fonts/vendor/material-icons/iconmaterial-icons-round.woff?e5920d10fce1aabad036d9468b570053) format("woff")
}

.material-icons-round {
  font-family: "Material Icons Round"
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/material-icons/iconmaterial-icons-sharp.woff2?2136b16780b92f9e6128ec805c82f47a) format("woff2"), url(/fonts/vendor/material-icons/iconmaterial-icons-sharp.woff?971a8ad09dfeb1f0b25436cd192e0ea2) format("woff")
}

.material-icons-sharp {
  font-family: "Material Icons Sharp"
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/material-icons/iconmaterial-icons-two-tone.woff2?8ac6cf2febe141148463fe10e879ff8f) format("woff2"), url(/fonts/vendor/material-icons/iconmaterial-icons-two-tone.woff?aefb218fd0e6125d8b609cb24ec1beb5) format("woff")
}

.material-icons-two-tone {
  font-family: "Material Icons Two Tone"
}

.buyOnline__wrapper,
.page__content.active {
  margin: 0 25px
}

.buyOnline__wrapper .container,
.container-fluid.flut {
  padding: 0
}

.filter-area__wrapper {
  display: flex !important;
  align-items: center
}

@media (max-width:600px) {
  .filter-area__wrapper {
    flex-wrap: wrap
  }

  .page-team__main-text blockquote {
    margin-left: 0 !important
  }
}

.label-inp p {
  font-style: normal;
  color: #90a2ab;
  margin: 4px 0
}

.page-buy__form-col {
  flex-basis: 55%
}

.insuranceCreateUploadedFiles .listUploadedFiles__item-header p {
  color: #425660;
  font-weight: 600;
  font-size: 14px
}

.insuranceCreateUploadedFiles .listUploadedFiles__item-body p {
  color: #083554;
  font-size: 14px;
  display: flex;
  align-items: center
}

.insuranceCreateUploadedFiles .listUploadedFiles__item-body p .listUploadedFiles__item-body_fileIcon {
  padding-right: 10px
}

.insuranceCreateUploadedFiles .listUploadedFiles__item-body p .listUploadedFiles__item-body_deleteIcon {
  padding-left: 25px;
  color: #eb5757;
  cursor: pointer
}

.buyOnline .container,
.kasko .v3dp__popout button {
  margin: 0 !important
}

.title-type {
  font-weight: 700;
  font-size: 14px;
  color: #425660
}

.buyOnline-btn a,
.incurance-create__fileinput .file-area__label,
.multiselect-search {
  font-size: 14px;
  font-weight: 400
}

.buyOnline-btn {
  margin-bottom: 50px;
  margin-right: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 0 40px -7px #4256605d
}

.buyOnline-btn a {
  display: block;
  color: #083554
}

.buyOnline-btn svg {
  margin-right: 10px
}

.kasko .icon {
  width: 40px
}

.incurance-create__fileinput {
  display: grid;
  gap: 30px
}

.incurance-create__fileinput .filter-area__wrapper,
.kasko label {
  width: 100%
}

.incurance-create__fileinput .file-area__inner-wrapper {
  grid-template-columns: 1fr;
  padding: 12px 15px !important;
  background: #e4f7ff !important
}

.incurance-create__fileinput .file-area__tip {
  color: #697d95
}

.incurance-create__fileinput-title {
  font-size: 16px;
  font-weight: 700;
  color: #285678;
  margin-top: 40px
}

.kasko-result__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #697d95
}

.kasko-result__block-item {
  position: relative;
  margin-top: 12px
}

.insurance__itemHeader,
.kasko-result .kasko-result__block-item,
.memo-public .wrapper-item_memo .inset-memo-block,
.pagination__dots {
  display: flex;
  align-items: center
}

.kasko-result__name {
  color: #083554;
  font-size: 14px;
  padding-right: 16px
}

.kasko-result__block-item:first-child,
.page-team__main-text.animate blockquote p.ql-align-justify:first-child {
  margin-top: 0
}

.kasko-result__block-item span {
  cursor: pointer;
  color: #697d95;
  padding-left: 24px
}

.kasko label p {
  font-style: normal;
  color: #90a2ab;
  margin: 8px 0
}

.kasko .multiselect-input,
.kasko .ph {
  width: 210px !important
}

.kasko input.dop,
.kasko-wrapper-redisigne .kasko-car,
.kasko-wrapper-redisigne .kasko-form.cars,
.kasko-wrapper-redisigne input,
.kasko-wrapper-redisigne label,
.page-buy__form-col {
  max-width: 100%;
  width: 100%
}

.info-basel__wrapper .infograph-basel.no-bg .infograph-img img:nth-child(2),
.kasko-form input {
  max-width: 210px
}

.kasko input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px
}

.kasko input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px
}

.kasko input::placeholder {
  font-weight: 400;
  font-size: 14px
}

.kasko-button {
  cursor: pointer;
  max-width: 700px;
  margin-top: 10px;
  display: flex;
  justify-content: flex-end
}

.kasko button,
.kasko-button input {
  cursor: pointer
}

.kasko-info__item {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr
}

.kasko-info__item span {
  font-weight: 400;
  font-size: 14px;
  color: #425660
}

.kasko-info__item p {
  margin: 12px 0;
  font-weight: 700;
  font-size: 14px;
  color: #425660
}

.title-memo h3,
.title-memo p {
  color: #083554;
  font-size: 24px;
  line-height: 1.6;
  font-style: normal
}

.kasko-car__input {
  margin-bottom: 24px
}

.kasko-car__input.flexable {
  display: flex;
  align-content: center;
  justify-content: space-between
}

.kasko-car__input.flexable .button--primary {
  margin-left: 15px;
  max-height: 15px;
  margin-top: 15px;
  max-width: 213px;
  width: 100%
}

.kasko-car__input-wrapper {
  margin-top: 20px;
  display: block;
  align-items: center
}

.kasko-car__input-wrapper button,
.pay-method__heading {
  margin-left: 20px
}

.kasko-form {
  max-width: 700px;
  padding: 22px 90px 22px 22px;
  background: #eff2f5;
  border-radius: 6px
}

.kasko-form.cars {
  padding: 22px
}

.kasko-driver .checkbox--sm {
  display: block;
  margin: 15px 0
}

.kasko-driver__input {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between
}

.kasko-driver__input input {
  max-height: 39px;
  margin: 5px 10px 5px 0 !important;
  display: block;
  max-width: 210px;
  width: 100%
}

.kasko-car {
  width: 100%;
  max-width: 700px
}

.upper,
.uppr {
  text-transform: uppercase !important
}

#policyIin,
.heading--1,
.heading--2,
.info-basel__wrapper .infograph-basel p,
.label-standart p,
.uppercase {
  text-transform: uppercase
}

.upper::-moz-placeholder {
  text-transform: none !important
}

.upper:-ms-input-placeholder {
  text-transform: none !important
}

.upper::placeholder {
  text-transform: none !important
}

@media screen and (max-width:960px) {
  .kasko-result__wrapper {
    display: block
  }

  .kasko-result {
    margin-left: 0;
    display: inline-block
  }
}

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

  .kasko .multiselect-input,
  .kasko .ph,
  .kasko-form input {
    width: 100% !important
  }

  .kasko-driver__input-phone {
    margin: 10px 0
  }

  .kasko-driver__input {
    display: block
  }

  .kasko-car__input button {
    display: block;
    margin: 0 auto !important
  }

  .kasko-car__input label,
  .kasko-info__input label {
    margin: 10px 0;
    display: block
  }

  .kasko-car__input.flexable,
  .kasko-info__input {
    display: block !important
  }

  .kasko-form input {
    max-width: 100% !important
  }

  .kasko-form .add-item-btn__icon {
    width: 18px !important
  }

  .kasko-form .form-control__input.ph {
    margin: 15px 0 !important
  }

  .kasko-info__item {
    display: flex
  }

  .kasko-info__item span {
    padding-left: 10px
  }

  .kasko-form {
    padding: 22px
  }

  .kasko-info__input input {
    max-width: 210px !important
  }

  .buyOnline__wrapper {
    margin: 0 !important
  }
}

.insurance-sort__block p,
.sort-wrapper p {
  margin-right: 15px
}

@media (max-width:460px) {
  .bg-none {
    background: 0 0 !important;
    color: #fff !important
  }

  .n-calc-box__row {
    margin-left: 0 !important;
    margin-top: 15px !important
  }

  .kasko-info__input input {
    max-width: 100% !important
  }
}

@media screen and (max-width:375px) {
  .container-fluid.personal-area__container {
    margin: 0
  }

  .buyOnline-btn__wrapper {
    display: block
  }

  .buyOnline-btn {
    margin: 10px 0
  }
}

.kasko-car__input .multiselect-options {
  max-width: 350px !important
}

.sort {
  max-width: 190px;
  width: 100%;
  margin: 0 !important
}

.sort-wrapper {
  display: flex;
  align-items: center;
  margin: 20px 28px !important
}

.header-redizine,
.inputCustomer {
  padding: 0 !important
}

.header-redizine .header__main {
  position: static
}

.content-redizine {
  margin-top: -10px
}

.dropdown-switch .plus {
  position: absolute;
  top: 0;
  left: 0
}

.dropdown-switch .plus::after,
.dropdown-switch .plus::before {
  position: absolute;
  top: 20px;
  left: 10px;
  content: "";
  width: 15px;
  height: 1px;
  background: #000
}

.dropdown-switch .plus::after {
  transform: rotate(0)
}

.dropdown-switch .plus::before {
  transform: rotate(90deg)
}

.container-otchet {
  display: inline-block
}

.container-otchet p {
  text-align: center;
  font-weight: 700
}

.container-otchet input {
  display: block;
  max-width: 500px;
  width: 215px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .384);
  border-radius: 4px
}

.container-otchet a {
  display: block;
  text-align: center;
  padding: 20px 0
}

.report-wrapper {
  padding: 0 28px
}

.report-wrapper input {
  max-width: 200px;
  outline: 0;
  border: 1px solid rgba(0, 0, 0, .24);
  border-radius: 100px;
  padding: 10px
}

.report-wrapper button {
  margin-top: 15px
}

.image-list ul {
  padding: 0;
  list-style: none
}

.agency-info__tel-numbers,
.image-list ul li,
.insurance-table__item.status {
  text-align: right
}

.image-list ul li p {
  margin-right: 50px
}

.image-list ul li span::after,
.image-list ul li span::before {
  content: "";
  display: block;
  cursor: pointer;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 15px;
  height: 2px
}

.admin-btn {
  padding: 10px;
  outline: 0;
  border: none;
  background: #505050;
  color: #fff
}

.modal-add__wrapper {
  max-height: 500px;
  overflow: hidden;
  overflow-y: scroll
}

.label-admin input {
  outline: 0;
  border: 1px solid #000;
  padding: 10px
}

.alert-popup.active,
.kasko-wrapper-redisigne .kasko-result__wrapper,
.kasko-wrapper-redisigne .kasko-wrapper-redisigne {
  display: block
}

.kasko-wrapper-redisigne .kasko-result {
  margin: 15px 0;
  display: inline-block
}

.kasko-wrapper-redisigne .kasko-car__input p {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  text-transform: uppercase;
  color: #90a2ab
}

.kasko-wrapper-redisigne .v3dp__popout {
  max-width: 350px;
  width: 100% !important
}

.kasko-wrapper-redisigne .flexable .kasko-car__input:nth-child(2),
.kasko-wrapper-redisigne .flexable label:nth-child(2) {
  margin: 0 20px
}

.buyOnline-type {
  margin-left: 25px
}

.title-memo h3 {
  font-weight: 700
}

.title-memo p {
  font-weight: 400
}

.title-instruction {
  margin-top: 30px;
  margin-bottom: 40px
}

.title-instruction h3 {
  font-weight: 700;
  font-size: 18px;
  color: #425660;
  line-height: 1.6
}

.title-instruction p {
  line-height: 1.6;
  color: #425660;
  font-weight: 400;
  font-size: 18px
}

.flex-box-memo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px
}

.paragraph-wrapper-memo .one-parag h3 {
  margin-bottom: 15px;
  color: #425660;
  font-weight: 400;
  font-size: 18px
}

.paragraph-wrapper-memo .one-parag p {
  font-weight: 400;
  font-size: 16px;
  color: #083554;
  text-align: left;
  margin: 0
}

.paragraph-wrapper-memo .one-parag .wrapper-title-oform h3 {
  margin-bottom: 15px;
  color: #425660;
  font-weight: 700;
  font-size: 18px
}

.paragraph-wrapper-memo .one-parag .wrapper-title-oform p {
  font-weight: 700;
  font-size: 18px;
  color: #083554;
  margin-top: 15px;
  margin-bottom: 15px
}

.paragraph-wrapper-memo .one-parag .wrapper-title-oform .list-item-memo li {
  color: #083554;
  font-weight: 400;
  font-size: 18px
}

.item_memo-box {
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 20px 10px rgba(202, 219, 225, .3);
  border-radius: 6px;
  max-width: 374px;
  flex: 0 0 33.33333%;
  transition: .5s ease-in-out
}

.item_memo-box:hover {
  transform: scale(1.1)
}

.wrapper-item_memo {
  display: flex;
  flex-wrap: wrap
}

@media (max-width:576px) {
  .item_memo-box {
    flex: 0 0 50%
  }
}

.section-contacts__content {
  margin-bottom: 50px;
  max-width: 60%;
  z-index: 2
}

@media (max-width:480px) {
  .n-about__history_date {
    width: 80px;
    height: 80px
  }

  .n-about__history p {
    font-size: 14px
  }

  .infograph-block {
    align-items: center !important
  }

  .n-services {
    min-height: 900px
  }

  .n-services__title p {
    text-align: justify
  }

  .n-services__list {
    grid-template-columns: 1fr;
    gap: 30px
  }

  .n-services__item-header {
    grid-template-columns: auto 1fr
  }

  .n-services__item--low {
    min-height: 256px
  }

  .n-services__item--high {
    min-height: 410px;
    padding: 20px 30px !important
  }

  .mobile__poles-table-mks {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important
  }
}

.add-new-photo {
  font-size: 14px;
  margin-top: 24px
}

.memo-public .wrapper-item_memo {
  display: block;
  width: 100%
}

.memo-public .wrapper-item_memo .item_memo-box {
  max-width: 100%;
  width: 100%;
  margin-bottom: 50px
}

.memo-public .wrapper-item_memo .title-inset_memo {
  width: 100%;
  max-width: 285px
}

.memo-public .wrapper-item_memo .flex-box-memo {
  margin-bottom: 0
}

.memo-public .wrapper-item_memo .flex-box-memo img:first-child,
.memo-public .wrapper-item_memo .flex-box-memo img:last-child {
  margin-right: 60px
}

.button--primary.no-bg {
  background: 0 0;
  color: #d9664e;
  font-weight: 400;
  border-radius: 8px !important
}

.button--primary.no-bg:hover,
.newForm .label-img a p,
.setting-admin-block p {
  color: #fff
}

.tabs-box ul li.active,
.tabs-box ul li:hover {
  color: #d9664e;
  border-bottom: 3px solid #d9664e
}

.button--primary.no-bg svg {
  width: 24px;
  margin-right: 10px
}

.dropdown-poles__item,
.wrapper-item_titleMemo {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.wrapper-item_titleMemo .item h2 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: #083554
}

.wrapper-item_titleMemo .item .button {
  margin: 38px 0 41px;
  border-radius: 8px !important
}

.wrapper-item_titleMemo .item .pretitle {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  color: #083554
}

.wrapper-item_titleMemo .item span {
  margin: 0 0 5px;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #425660;
  display: block
}

.wrapper-item_titleMemo .item .prespan {
  margin: 0 0 68px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #425660
}

.memo-dtp .paragraph-wrapper-memo {
  display: flex;
  width: 100%;
  align-items: center
}

.memo-dtp .item_memo-box:last-child a {
  flex: 0.36 !important
}

.insurance-sort,
.tabs-box ul {
  align-items: center;
  display: flex
}

.bg {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("https://images.unsplash.com/photo-1451186859696-371d9477be93?crop=entropy&fit=crop&fm=jpg&h=975&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1925") no-repeat
}

.mCSB_scrollTools {
  margin: 1px -3px 1px 0;
  opacity: 0
}

.mCSB_inside>.mCSB_container {
  margin-right: 0;
  padding: 0 10px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .5) !important
}

@-webkit-keyframes bounce {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  4.7% {
    transform: matrix3d(.45, 0, 0, 0, 0, .45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  9.41% {
    transform: matrix3d(.883, 0, 0, 0, 0, .883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  35.54% {
    transform: matrix3d(.979, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  41.04% {
    transform: matrix3d(.961, 0, 0, 0, 0, .961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  52.15% {
    transform: matrix3d(.991, 0, 0, 0, 0, .991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  85.49% {
    transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }
}

@keyframes bounce {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  4.7% {
    transform: matrix3d(.45, 0, 0, 0, 0, .45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  9.41% {
    transform: matrix3d(.883, 0, 0, 0, 0, .883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  35.54% {
    transform: matrix3d(.979, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  41.04% {
    transform: matrix3d(.961, 0, 0, 0, 0, .961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  52.15% {
    transform: matrix3d(.991, 0, 0, 0, 0, .991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  85.49% {
    transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }

  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  }
}

@-webkit-keyframes ball {
  from {
    transform: translateY(0) scaleY(.8)
  }

  to {
    transform: translateY(-10px)
  }
}

@keyframes ball {
  from {
    transform: translateY(0) scaleY(.8)
  }

  to {
    transform: translateY(-10px)
  }
}

.tabs-box ul {
  list-style: none;
  justify-content: space-between;
  text-align: center
}

.tabs-box ul li {
  font-weight: 500;
  color: #90a2ab;
  width: 100%;
  opacity: .5;
  cursor: pointer;
  padding-bottom: 25px;
  border-bottom: 3px solid #90a2ab
}

.tabs-box ul li.active {
  opacity: 1
}

.searches {
  max-width: 570px;
  margin-left: auto;
  width: 100%;
  position: relative
}

.searches input {
  outline: 0;
  width: 100%;
  display: block;
  border-radius: 6px;
  border: none;
  padding: 12px 20px;
  background: #e9eef1
}

.insurance-table h3,
.insurance-table p,
.insurance-table ul,
ul {
  padding: 0;
  margin: 0
}

.searches input::-moz-placeholder {
  color: #90a2ab
}

.searches input:-ms-input-placeholder {
  color: #90a2ab
}

.searches input::placeholder {
  color: #90a2ab
}

.searches img {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px
}

.insurance-sort {
  justify-content: space-between;
  margin: 50px 0 20px;
  padding: 0 25px
}

.insurance-sort__block {
  width: 100%;
  display: flex;
  align-items: center
}

.insurance-sort .bgWhite {
  width: 100%;
  margin: 0;
  max-width: 200px
}

.user-card__modal span::after,
.user-card__modal span::before,
.user-card__password span::after,
.user-card__password span::before {
  width: 20px;
  height: 3px;
  top: 20px;
  background: #000
}

.container-box,
.insurance-table {
  padding: 0 25px
}

.insurance-table__block {
  padding: 20px;
  background: #fff;
  box-shadow: 4px 4px 20px rgba(170, 170, 170, .25);
  border-radius: 6px;
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr;
  margin: 40px 0
}

.VuePagination__pagination,
.details__body,
.insurance-table__item ul {
  list-style: none
}

.insurance-table__item ul li {
  display: grid;
  grid-template-columns: 0.22fr 1fr;
  align-items: center;
  padding: 2px 0
}

.insurance-table__item ul li span,
.insurance-table__item-title span {
  color: #90a2ab
}

.details__body p a,
.insurance-table__item ul li p {
  color: #425660
}

.insurance-table__item ul li:first-child p {
  font-weight: 700
}

.insurance-table__item.status p {
  margin-left: auto;
  background: #fff;
  border-radius: 6px;
  padding: 0 20px;
  font-weight: 700;
  max-width: 92px;
  margin-bottom: 30px
}

p.error {
  color: #eb5757
}

p.accept {
  color: #219653
}

.insurance-table__item.status a {
  display: block;
  max-width: 162px;
  margin-left: auto;
  padding: 8px 20px;
  background: #0a7ea6;
  border-radius: 6px;
  color: #fff;
  font-weight: 700
}

.insurance-table__item.working a {
  display: flex;
  align-items: center;
  margin-left: auto;
  justify-content: flex-end;
  max-width: 300px;
  background: 0 0;
  font-weight: 400;
  color: #083554;
  margin-top: 25px
}

.insurance-table__item.working a:hover span {
  text-decoration: underline
}

.insurance-table__item.working a img,
.kaspi-btn svg:first-child {
  margin-right: 10px
}

.insurance-table__item.working p {
  display: inline;
  max-width: 100%;
  padding: 2px 20px
}

.insurance-table__item-title h3 {
  padding: 8px 0;
  color: #083554;
  font-weight: 700;
  font-size: 18px
}

.insurance-table__item-title p {
  color: #425660;
  font-weight: 700
}

.insurance-modal {
  background: rgba(0, 0, 0, .281);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  overflow: hidden;
  overflow-y: scroll
}

.insurance-modal h2 {
  font-weight: 700;
  font-size: 40px;
  color: #083554
}

.insurance-modal__block {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  background: #fff
}

.insurance-modal__block.oh {
  overflow: auto !important
}

.insurance-modal__block-item {
  cursor: pointer;
  background: #fff;
  box-shadow: 4px 4px 50px #cadbe1;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 12px;
  margin-bottom: 35px;
  border: none;
  width: 100%
}

.insurance-modal__block-item:hover {
  background: #e9eef1;
  border: 2px solid #d9664e;
  box-sizing: border-box;
  box-shadow: 0 0 20px 10px rgba(202, 219, 225, .3)
}

.insurance-modal__block-item p {
  font-weight: 700;
  font-size: 22px;
  color: #d9664e;
  margin: 0 45px
}

.insurance-modal__block-item span {
  font-weight: 500;
  font-size: 18px;
  color: #425660
}

.insurance-modal__block-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px
}

.insurance-modal__block-wrapper .bgWhite {
  margin: 20px 0
}

.insurance-modal__block-wrapper .pretitle {
  color: #083554;
  font-size: 18px
}

.insurance-modal__block-wrapper .close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px
}

.insurance-modal__block-wrapper .close::after,
.insurance-modal__block-wrapper .close::before {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  left: 35%;
  width: 20px;
  height: 3px;
  background: #000
}

.dropdowns span::after,
.image-list ul li span::before,
.insurance-modal__block-wrapper .close::before,
.multiselect-clear:after {
  transform: rotate(-45deg)
}

.image-list ul li span::after,
.insurance-modal__block-wrapper .close::after,
.multiselect-clear:before {
  transform: rotate(45deg)
}

@media (max-width:860px) {
  .insurance-modal h2 {
    font-size: 20px;
    text-align: center
  }

  .insurance-modal .pretitle {
    font-size: 15px
  }

  .insurance-modal__block-item {
    margin: 0 !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
  }

  .insurance-modal__block-item img {
    justify-self: center
  }

  .insurance-modal__block-item p {
    font-size: 18px
  }

  .insurance-modal__block-item span {
    font-size: 15px
  }

  .insurance-modal__block-item p,
  .insurance-modal__block-item span {
    text-align: center
  }
}

.confirm-poles__body {
  margin-top: -50px
}

.personal-area__back {
  position: absolute;
  top: 2%;
  color: #d9664e;
  font-size: 14px
}

@media (max-width:769px) {

  .insurance-sort,
  .insurance-sort__block {
    display: grid;
    grid-template-columns: 1fr
  }

  .insurance-sort {
    margin: 0;
    gap: 16px
  }

  .insurance-sort__block p {
    text-align: center
  }

  .insurance-sort__block .multiselect {
    justify-self: center
  }

  .insurance-sort__block .searches {
    max-width: none;
    font-size: 14px
  }

  .insurance-sort__block .searches img {
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    top: 50%
  }

  .confirm-poles__body {
    margin-top: 0
  }
}

.page-incurance__close {
  top: 2% !important;
  right: 1% !important
}

.page-incurance__close::after,
.page-incurance__close::before,
.v3dp__elements button:hover span {
  background: #d9664e !important
}

.multiselect-caret::after,
.multiselect-caret::before {
  top: 0;
  height: 1px;
  background: #697d95;
  position: absolute;
  content: "";
  width: 10px
}

.insurance__box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px
}

@media (max-width:550px) {
  .insurance__box .n-btn {
    display: inline-block;
    margin-bottom: 10px
  }
}

.insurance__itemHeader span {
  margin-left: 8px;
  color: #d9664e;
  cursor: pointer
}

.top-panel-showDownloadButtonForMemo {
  margin-left: 16px;
  font-size: 12px;
  padding: 8px 12px
}

.top-panel-showDownloadButtonForMemo:hover svg path {
  fill: #d9664e !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.logo__lang.dropdown {
  display: block !important
}

.filter-area__wrapper {
  display: grid;
  margin-top: 8px;
  width: 60%
}

.kasko__grid {
  display: grid;
  grid-template-columns: 40% 50%;
  gap: 32px;
  width: 100%
}

@media (max-width:1000px) {
  .kasko__grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
  }

  .kasko__grid .kasko__grid_img {
    grid-row: 2/3
  }

  .kasko__grid .kasko__grid_img img {
    margin-top: 0
  }
}

.form-control__input::after {
  content: "";
  position: absolute
}

.multiselect-input {
  font-size: 14px !important;
  font-weight: 600 !important;
  background: #fff !important
}

.checkbox__label a {
  color: #0b5c84 !important;
  font-weight: 500 !important
}

.calc-box__checkboxes a {
  text-decoration: underline;
  color: #083554
}

.agent-client__body a,
.agent-client__body ul li,
.doc-razdel,
.mobile__poles-table a,
.multiselect-option,
.pagination__dots a,
.pagination__dots a span,
.post-card,
.read-more,
.row .card-media {
  text-decoration: none
}

.multiselect-caret {
  border-style: none !important;
  right: 28px !important
}

.multiselect-caret::after {
  display: block;
  left: -6px;
  transform: rotate(45deg)
}

.multiselect-caret::before {
  display: block;
  left: 0;
  transform: rotate(-45deg)
}

.personal-area__box {
  padding-bottom: 0
}

.b24-widget-button-inner-item.b24-widget-button-icon-animation {
  background: #d9664e
}

.bx-livechat-head {
  padding-left: 0 !important
}

.bx-livechat-head:before {
  content: "";
  display: block;
  width: 100%;
  z-index: 0;
  height: 100%;
  background: #d9664e;
  position: absolute
}

.user-card__modal .btn-block,
.user-card__password .btn-block {
  width: 150px;
  margin: 0 10px
}

.pay-card__wrapper.pay-card__wrapper--bank-card,
.pay-card__wrapper.pay-card__wrapper--kaspi {
  background: 0 0 !important;
  display: block !important;
  border: none !important
}

.bx-livechat-title {
  padding-left: 15px !important;
  z-index: 11
}

.is-open .multiselect-input {
  border: 1px solid #e7e7e7
}

.alert-popup {
  display: none;
  position: fixed;
  top: 15px;
  right: 15px;
  background: #dc3644;
  border-radius: 10px;
  box-shadow: 0 0 14px -3px #000;
  z-index: 999999
}

.alert-popup p {
  margin: 0;
  padding: 15px;
  color: #fff
}

#myModal {
  width: 298px;
  height: 108px;
  margin: auto;
  padding: 28px 9px;
  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity: 0;
  z-index: 38;
  text-align: center
}

#myOverlay,
.user-card__modal,
.user-card__password {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%
}

#myModal #myModal__close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  display: block;
  font-size: 29px
}

#myOverlay {
  z-index: 37;
  background-color: rgba(0, 0, 0, .7);
  height: 100%;
  cursor: pointer
}

.user-card__modal,
.user-card__password {
  background: #00000024;
  z-index: 9999;
  height: 100%
}

.user-card__modal-wrapper,
.user-card__password-wrapper {
  top: 50%;
  left: 50%;
  padding: 32px;
  background: #fff;
  transform: translate(-50%, -50%)
}

.loginForm,
.numbers-row__text,
.numbers-row__title,
.success-payment h2,
.user-card__password h3 {
  text-align: center
}

.user-card__password input {
  width: 300px;
  border: 1px solid #000;
  display: block;
  padding: 10px;
  border-radius: 100px;
  outline: 0
}

.user-card__password-btn {
  display: flex;
  align-items: center;
  justify-content: center
}

.user-card__password.active {
  display: block
}

.user-card__password span {
  cursor: pointer
}

.user-card__password span::before {
  content: "";
  position: absolute;
  right: 10px;
  transform: rotate(-45deg)
}

.user-card__password span::after {
  content: "";
  position: absolute;
  right: 10px;
  transform: rotate(45deg)
}

.user-card__password-wrapper {
  position: absolute
}

.user-card__wrapper {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  flex-wrap: wrap;
  position: relative
}

.user-card__modal-btn {
  display: flex;
  align-items: center;
  justify-content: center
}

.user-card__modal.active {
  display: block
}

.multiselect-tag i,
.user-card__modal span,
a {
  cursor: pointer
}

.user-card__modal span::before {
  content: "";
  position: absolute;
  right: 10px;
  transform: rotate(-45deg)
}

.user-card__modal span::after {
  content: "";
  position: absolute;
  right: 10px;
  transform: rotate(45deg)
}

.user-card__modal-wrapper {
  position: absolute
}

.user-card__item {
  padding: 20px;
  background: #fff;
  min-width: 300px;
  box-shadow: 0 8px 0 0 #b0b6bf;
  font-weight: 500
}

.user-card__item-name {
  text-align: center;
  border-bottom: 1px solid #b0b6bf;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 22px
}

.user-card__item-offer {
  padding: 20px 0
}

.user-card__item-offer ul {
  padding: 0;
  margin: 0
}

.user-card__item-offer ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none
}

.insurance-block p,
.user-card__item-offer ul li p {
  margin: 0
}

.header--fixed .auth-user {
  position: relative !important;
  top: 0 !important
}

.create-post,
.page_buy,
.row .card-media__image {
  top: 0;
  left: 0;
  width: 100%
}

.multiselect-options {
  border: none !important;
  border-radius: 4px !important
}

.multiselect-options span {
  cursor: pointer !important
}

.multiselect-placeholder {
  color: #90a2ab !important
}

.multiselect-option.is-pointed:hover {
  color: #d9664e;
  background: #f4f7f8 !important
}

.alert.alert-danger.mt-3.mb-3 ul,
.filter-area__wrapper ul {
  padding: 0
}

.filter-area__wrapper ul li {
  grid-gap: 15px;
  color: #425660;
  font-style: normal
}

.filter-area__wrapper ul li p {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0
}

.filter-area__wrapper ul li p span {
  margin-left: 5px;
  color: #90a2ab;
  font-style: normal;
  font-weight: 600;
  display: block;
  min-width: 150px
}

.pa-table__body.noActive {
  opacity: .3
}

.pa-table__body.noActive::before {
  content: "";
  width: 100%;
  height: 45px;
  position: absolute;
  z-index: 2
}

.alert.alert-danger.mt-3.mb-3 ul li {
  list-style: none;
  margin-top: 10px;
  color: #d07575 !important;
  font-size: 12px;
  line-height: 1.1
}

.choices.is-focused .choices__inner {
  border: 1px solid #e9eef1 !important
}

.is-highlighted {
  color: #d07575
}

.pagination i {
  padding: 0 10px;
  color: #90a2ab;
  font-size: 20px
}

.pagination__dots a {
  display: flex;
  align-items: center
}

.pagination__dots a span {
  min-width: 16px;
  margin: 0 10px;
  font-size: 18px;
  line-height: 24px;
  color: #90a2ab;
  text-align: center
}

.multiselect-multiple-label,
.multiselect-options span,
.multiselect-placeholder,
.multiselect-single-label,
.paragraph,
.text-content p {
  font-weight: 400 !important
}

.policy-tab-rest {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 15px
}

.page_buy {
  position: fixed;
  background: #fff;
  z-index: 5555;
  padding: 100px 0 0;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll
}

.modal-dialog,
.post-card,
.read-more,
.row .card-media {
  position: relative
}

.policy-tab__pay {
  justify-content: space-between !important
}

.modal-dialog {
  height: 1499px;
  overflow: hidden;
  overflow-y: scroll
}

.pay-card__real-radio:checked~.pay-card__wrapper {
  border: none !important;
  box-shadow: none !important
}

.pay-card {
  display: flex !important;
  align-items: center
}

.pay-method__sys-item {
  flex: none !important;
  margin: 0 !important
}

.policy-tab__pay-method.pay-method {
  margin-top: 62px !important;
  margin-right: 40px !important
}

.pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 50px 0;
  margin: 0 !important
}

.container-admin {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto
}

.post-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  color: inherit
}

.post-card__img-wrapper {
  height: 167px;
  margin-bottom: 16px;
  line-height: 0;
  border-radius: 16px;
  overflow: hidden
}

.post-card__pubdate {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.3;
  color: #c4c4c4
}

.post-card__title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #425660;
  transition: color .35s
}

.post-card__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  max-height: 4.5em;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  opacity: .7
}

.read-more {
  font-weight: 400;
  font-size: 14px;
  color: #697d95
}

.posts-queue-admin .posts-queue__col-admin {
  grid-gap: 30px;
  padding: 30px;
  position: relative
}

.posts-queue-admin .posts-queue__col-admin button,
.posts-queue-admin .posts-queue__col-admin span {
  display: block;
  border: 1px solid #ececec;
  background: #343a40;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-align: center
}

.agent-client__body span,
.button-cancel.active,
.dropdowns-item,
.edit-form-video .edit-wrapper,
.edit-form-video .edit-wrapper-block,
.edit-form-video.active .standart-block,
.img-dropdown__menu,
.logo__lang,
.mob,
.mobile__claims-block,
.mobile__poles,
.policy-checkout-wrapper .policy-info__heading,
.policy-checkout-wrapper .policy-info__list,
.posts-queue-admin .posts-queue__col-admin .edit-type,
.posts-queue-admin .posts-queue__col-admin .edit-type-button,
.posts-queue-admin .posts-queue__col-admin.active .standart-type,
.posts-queue-admin .posts-queue__col-admin.active::before,
.promotions-row__col .edit-type,
.promotions-row__col.active .standart-type,
.propstio,
.text-content blockquote::after,
.text-content blockquote::before,
.user-sidebar__logo.mobile {
  display: none
}

.create-post.active,
.edit-form-video.active .edit-wrapper,
.edit-form-video.active .edit-wrapper-block,
.posts-queue-admin .posts-queue__col-admin.active .edit-type,
.posts-queue-admin .posts-queue__col-admin.active .edit-type-button,
.promotions-row__col.active .edit-type {
  display: block
}

.posts-queue-admin .posts-queue__col-admin input,
.posts-queue-admin .posts-queue__col-admin textarea {
  border: 1px solid #ececec;
  padding: 10px;
  border-radius: 10px;
  outline: 0
}

.posts-queue-admin .posts-queue__col-admin:hover::before {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  cursor: pointer;
  background: #0000004d;
  width: 100%;
  height: 100%
}

.confirm-poles,
.insurance-block__info,
.navbar-wrapper,
.newForm-block__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.navbar-wrapper a {
  padding: 10px;
  display: block;
  background: #425660;
  color: #fff;
  border-radius: 10px
}

.create-post {
  display: none;
  position: fixed;
  z-index: 9999;
  background: #0000005e;
  height: 100%
}

.create-post__wrapper {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 20px;
  transform: translate(-50%, -50%)
}

.create-post__wrapper form {
  padding: 20px
}

.create-post__wrapper form div,
.newForm-wrapper,
.payment-acceptor__item {
  display: flex;
  align-items: center
}

.create-post__wrapper form a,
.create-post__wrapper form button {
  margin: 10px;
  display: block;
  padding: 10px;
  border: none;
  background: #425660;
  border-radius: 10px;
  color: #fff
}

.create-post__wrapper form input,
.create-post__wrapper form textarea {
  width: 100%;
  min-width: 320px;
  border: 1px solid #ececec;
  padding: 10px;
  outline: 0
}

.homepage-promo__grid {
  align-items: flex-start !important
}

.success-payment .success-wrapper {
  padding: 100px 0;
  display: flex;
  justify-content: center
}

.success-payment a {
  max-width: 400px;
  width: 400px;
  display: flex;
  margin: 0 auto
}

.row .card-media {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 220px;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  color: #fff;
  background: rgba(0, 0, 0, .2)
}

.row .card-media__image {
  position: absolute;
  z-index: -1;
  transition: transform .35s
}

.row .card-media::before {
  display: block;
  width: 100%;
  padding-bottom: 75.86207%;
  content: ""
}

.row .card-media__button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  font-size: 76px;
  line-height: 0;
  color: rgba(255, 255, 255, .5);
  transition: color .35s
}

.row .card-media__title {
  position: absolute;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 1.3;
  overflow: hidden;
  bottom: 0;
  padding: 12px 10px;
  left: 0;
  right: 0;
  max-height: none;
  background: rgba(0, 0, 0, .28);
  color: #fff;
  font-weight: 400
}

.sidebar.os-host.os-theme-light {
  background: #33393f !important
}

.small-box p {
  color: #fff !important
}

.edit-wrapper-block,
.newForm-contact .contact-wrapper a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.edit-wrapper-block .edit-wrapper {
  color: #000;
  text-align: center
}

.edit-wrapper-block .edit-wrapper button,
.edit-wrapper-block .edit-wrapper span {
  display: block;
  border: 1px solid #ececec;
  background: #343a40;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  width: 100%
}

.img-dropdown p:hover,
.insurance-block__btn a:hover,
.insuranceView-block__btn button:hover {
  background: #33393fa8
}

.edit-wrapper-block .edit-wrapper p {
  color: #000;
  font-weight: 700;
  margin: 0
}

.edit-wrapper-block .edit-wrapper .type-text {
  outline: 0;
  min-width: 250px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 10px
}

.edit-wrapper-block .edit-wrapper input {
  margin: 20px
}

.chechPayment {
  border: none;
  background: #d9664e;
  padding: 6px 12px;
  font-size: 12px;
  color: #fff;
  border-radius: 100px;
  transition: .2s;
  cursor: pointer
}

.chechPayment:hover {
  transition: .2s;
  background: #d9664eb8
}

.promotions-row__col .edit-type.button {
  margin: 10px 0
}

.promotions-row__col .edit-type p {
  color: #000;
  padding: 5px 0
}

.promotions-row__col .edit-type input {
  border: 1px solid #ececec;
  border-radius: 10px;
  outline: 0;
  padding: 10px;
  font-weight: 400;
  font-size: 16px
}

.promotions-row__col.active .edit-type.button {
  display: inline-block
}

.calc-data__item {
  padding-bottom: 15px
}

.insurance-block__content,
.insuranceView-block {
  padding: 20px;
  box-shadow: 0 0 12px -6px #000;
  background: #fff
}

.insurance-block {
  min-width: 300px
}

.insurance-block__btn a {
  text-align: center;
  display: block;
  padding: 10px;
  background: #33393f;
  color: #fff;
  cursor: pointer
}

.insuranceView-block {
  text-align: center;
  width: 100%
}

.insuranceView-block__btn {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 15px
}

.insuranceView-block__btn button {
  display: block;
  border: none;
  background: #33393f;
  padding: 10px;
  color: #fff
}

.insuranceView-block__content {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 15px
}

.blocks-wrpr p,
.info-basel .homepage-promo__subtitle,
.insuranceView-block__content p {
  margin: 0
}

.img-dropdown img {
  display: block;
  margin: 0 auto;
  padding: 20px 0
}

.img-dropdown p {
  text-align: center;
  display: block;
  padding: 10px;
  max-width: 300px;
  margin: 20px auto;
  background: #33393f;
  color: #fff;
  cursor: pointer
}

.img-dropdown.active .img-dropdown__menu {
  display: block
}

.prev-step {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 99999999
}

#parent {
  z-index: 999999999999 !important
}

.modal {
  overflow: hidden;
  overflow-y: scroll
}

.modal::-webkit-scrollbar {
  width: 0
}

.modal--personal-area {
  z-index: 9999999999;
  position: fixed
}

.calc-data__item,
.details__body li,
.event-select,
.event-select__current,
.pod-calculate li {
  position: relative
}

#policyIin::-moz-placeholder {
  text-transform: none
}

#policyIin:-ms-input-placeholder {
  text-transform: none
}

#policyIin::placeholder {
  text-transform: none
}

.page-buy__heading {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%
}

.policy-tab__summary-prices .policy-calc-results__key {
  text-align: left
}

.policy-calc-results__value {
  font-size: 14px !important;
  line-height: 110%
}

.policy-checkout-wrapper .policy-info__heading.active {
  display: block
}

.policy-checkout-wrapper .policy-info__list.active {
  display: block
}

.event-select__current p {
  font-weight: 400;
  font-size: 15px
}

.pay-card__name,
.pod-calculate p {
  font-size: 16px !important;
  font-weight: 400 !important
}

.event-select__current p span::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  right: 6px;
  top: 50%;
  transform: rotate(45deg);
  background: #0b5c84
}

.event-select__current p span::after {
  position: absolute;
  transform: rotate(-45deg);
  right: 0;
  top: 50%;
  content: "";
  width: 10px;
  height: 2px;
  background: #0b5c84
}

.event-select__menu {
  padding: 0;
  margin: 0;
  border: 1px solid #e8e8e8;
  position: absolute;
  border-radius: 4px;
  background: #fff;
  z-index: 99;
  left: 0;
  width: 100%;
  list-style: none;
  text-align: left
}

.event-select__menu li {
  padding: 10px
}

.details__body li p,
.pod-calculate p {
  padding-left: 15px
}

.event-select__menu li:hover {
  background: #e9eef1;
  color: #d9664e
}

.modal--message {
  z-index: 999999 !important
}

.form-control__input.active {
  border: 1px solid red
}

.container-flex .blocks-wrpr:nth-child(2),
.cp,
.form__checkboxes,
.kasko-car__input,
.kasko-car__input.flexable {
  width: 100%
}

.radio-driver .pay-card__radio-btn {
  left: 0;
  border-radius: 5px;
  width: 22px;
  height: 22px
}

.radio-driver .pay-card__name {
  max-width: 290px;
  width: 100%;
  margin-top: 8px
}

.buyOnline__wrapper .page-buy__text-col,
.modal--show,
.policy-box__grid {
  display: block !important
}

@media screen and (max-width:1000px) {
  .page-buy__text-col {
    display: none
  }

  .buyOnline__wrapper .page-buy__text-col {
    display: none !important
  }

  .page-buy__text-col.mobile {
    display: block !important
  }

  .pa-table__item.active .pa-cell.pa-cell--content {
    max-height: 100%;
    visibility: unset
  }

  .pa-table__item.active .pa-cell.pa-cell--action {
    overflow: unset;
    max-height: 100%;
    visibility: unset
  }

  .heading.homepage-promo__heading {
    margin-top: 0 !important
  }
}

@media screen and (max-width:600px) {
  .mobile-calc {
    grid-template-columns: 1fr !important
  }

  .mobile-calc .bgWhite {
    margin: 0;
    max-width: 334px;
    width: 100% !important
  }
}

.form-control__input.accept {
  border: 1px solid green !important
}

.details__body li span,
.pod-calculate span {
  display: block;
  width: 7px;
  height: 7px;
  top: 8px;
  left: 0;
  border-radius: 100%;
  content: "";
  background: #000
}

.homepage-promo__heading {
  font-size: 26px
}

.heading--1,
.heading--2,
.heading--3 {
  font-size: 24px !important
}

.insurance__subtitle {
  font-weight: 700 !important
}

.col-md-6,
.page-about__text-content {
  text-align: justify !important
}

.page-about__numbers {
  margin-top: 15px !important
}

.col-xl-6 {
  max-width: 100% !important
}

.page-about__middle-text-block {
  padding-top: 15px !important
}

.section-events__heading {
  margin-bottom: 20px !important;
  margin-top: 50px !important
}

.section-feedback__submit {
  margin: 0 auto;
  display: block
}

.details__body li span {
  position: absolute
}

.details__body,
.inform-text,
.online-services__text,
.row.text-content {
  text-align: left
}

.page-buy {
  padding-bottom: 35px !important
}

.pod-calculate span {
  position: absolute
}

.info-basel.no-bg,
.info-basel__wrapper.white .info-basel {
  border: 5px solid #fff
}

@media screen and (max-width:992px) {
  .epictet-remove {
    display: none !important
  }

  .epictet-show {
    display: block !important;
    text-align: center
  }

  .footer-contacts__socials {
    justify-content: flex-start
  }

  .desc {
    display: none
  }

  .mob {
    display: block
  }

  .page-about__text-content {
    margin-top: 0 !important
  }

  .insurance-step__text {
    padding-left: 49px !important
  }

  .insurance-step--has-icon {
    flex-wrap: wrap !important
  }

  .insurance-step__icon {
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0)
  }

  .insurance-step__button {
    z-index: 2
  }

  .insurance-step {
    min-height: 0 !important
  }
}

.chat__input,
.declined-document,
.info-basel,
.info-basel__wrapper .infograph-basel .infograph-img {
  position: relative
}

.buttoner {
  margin-left: 150px !important
}

@media screen and (max-width:500px) {
  .buttoner {
    margin: 0 auto !important
  }
}

.info-basel {
  border: 5px solid #e9eef1;
  padding: 20px;
  margin: 50px 0
}

.info-basel img {
  position: absolute;
  left: -38px;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 100px;
  height: auto
}

.info-basel__text {
  padding: 20px 30px 20px 80px;
  background: #e9eef1
}

.event-dropdown .edit-news-btn,
.event-dropdown .event-dropdown__open {
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  cursor: pointer
}

.info-basel.no-bg img {
  max-width: 120px;
  left: -48px
}

.info-basel.no-bg .info-basel__text {
  background: 0 0
}

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

.info-basel__wrapper .info-basel {
  margin: 5px 0;
  text-align: center;
  max-width: 550px;
  width: 100%;
  height: 200px
}

.info-basel__wrapper .info-basel img {
  left: 28px;
  max-height: 100px
}

.info-basel__wrapper .info-basel h2 {
  margin: 15px
}

.info-basel__wrapper .info-basel__text {
  height: 140px;
  padding: 5px 30px 5px 120px
}

.info-basel__wrapper .info-basel__text p {
  display: inline;
  text-align: center
}

.container-flex .blocks-wrpr .lozung,
.info-basel__wrapper .infograph-basel {
  text-align: center
}

.info-basel__wrapper .infograph-basel p {
  margin: 20px 0;
  display: inline-block;
  text-align: center
}

.info-basel__wrapper .infograph-basel .infograph-img img:first-child {
  width: 300px
}

.info-basel__wrapper .infograph-basel .infograph-img img:nth-child(2) {
  max-width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.info-basel__wrapper .infograph-basel.no-bg .infograph-img img:nth-child(3) {
  position: absolute;
  bottom: 83px;
  left: 16px;
  max-width: 160px
}

.info-basel__wrapper .infograph-basel.no-bg .infograph-img .numkz {
  position: absolute;
  bottom: 72px;
  left: 60px;
  font-weight: 700
}

.modal-terms {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #0000003b
}

.modal-terms__block {
  position: absolute;
  top: 50%;
  background: #fff;
  max-height: 400px;
  padding: 20px;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media (max-width:500px) {
  .n-promotion__item {
    width: 100% !important
  }

  .top-links__link--button {
    font-size: 16px !important
  }

  .homepage-promo__grid {
    display: none !important
  }

  .product-header-mobile {
    display: block
  }

  .n-about__history_content p {
    font-size: 16px
  }

  .page-buy {
    max-width: 100%
  }

  .modal-terms__block {
    max-width: 90%;
    width: 100%
  }
}

.modal-terms__preblock {
  overflow: hidden;
  overflow-y: scroll;
  display: block;
  max-height: 349px
}

.input-fix input {
  border: none;
  border-bottom: 1px solid #000;
  outline: 0
}

.event-dropdown .edit-news-btn,
.event-dropdown .event-edit-icon,
.table tbody tr td,
.table thead {
  border-bottom: 1px solid #dee2e6
}

.main-nav__top-desktop-group {
  width: 75%
}

.row.text-content {
  padding: 0 15px
}

.infograph.heigh .info-basel__text {
  display: table-cell;
  vertical-align: middle;
  height: 120px
}

.dropdowns-item.active,
.infograph.heigh .info-basel:nth-child(2) .info-basel__text {
  display: block
}

.infograph.heigh .info-basel:nth-child(2) .info-basel__text p {
  line-height: 85px
}

@media screen and (max-width:994px) {
  .infograph.heigh .info-basel:nth-child(2) .info-basel__text {
    display: block
  }

  .infograph.heigh .info-basel:nth-child(2) .info-basel__text p {
    line-height: 0
  }

  .auth-user {
    position: static !important
  }

  .auth-user a {
    color: #fff !important
  }

  .main-nav__top-desktop-group {
    width: 100% !important
  }
}

.info-basel__wrapper.white .info-basel__text {
  background: #fff
}

@media screen and (max-width:760px) {
  .personal-area__page-title {
    display: none
  }

  .pay-method__systems {
    display: block !important
  }

  .pay-method__sys-item .pay-card__name {
    width: 213px;
    margin-top: -2px
  }

  .policy-box__picture {
    width: 100% !important
  }

  .info-basel__wrapper.white .info-basel img {
    margin-top: 50px
  }
}

.inform-text ul {
  margin: 10px 0 1em 15px
}

.inform-text li {
  margin: 5px 0;
  list-style-type: "- "
}

.inform-text li p {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px
}

.inform-text li span {
  margin-top: 7px;
  content: "";
  display: block;
  min-width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #000
}

.inform-text span {
  font-weight: bolder;
  font-size: 16px
}

@media screen and (max-width:650px) {
  .footer__license {
    max-width: 334px
  }
}

textarea.form-control__input {
  padding: 36px 10px !important
}

@media screen and (max-width:400px) {
  .col-md-6 .review-card__photo {
    width: 80px !important
  }
}

.preloader-foot {
  opacity: .5;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999999
}

.preloader-foot__wrapper {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 0.7fr 1fr;
  justify-content: space-between
}

.preloader-foot__block {
  margin: 0 auto;
  width: 100%;
  height: 500px;
  border-radius: 10px;
  box-shadow: 0 0 28px -20px #000;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #e7e7e7
}

.preloader-foot__block.title {
  margin-top: 15px
}

.preloader-foot__double .preloader-foot__block {
  height: 240px
}

.preloader-foot__double .preloader-foot__block:last-child {
  margin-top: 20px
}

.preloader-foot__block::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #e7e7e7;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#e7e7e7, #e7e7e7), linear-gradient(#8a8a8a27, #8a8a8a25), linear-gradient(#61616123, #61616123), linear-gradient(#4e4e4e1a, #4e4e4e1a);
  -webkit-animation: 20s linear infinite anim-preloader-foot__block;
  animation: 20s linear infinite anim-preloader-foot__block
}

.preloader-foot__block::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: #e7e7e7;
  border-radius: 5px
}

@-webkit-keyframes anim-preloader-foot__block {
  100% {
    transform: rotate(1turn)
  }
}

@keyframes anim-preloader-foot__block {
  100% {
    transform: rotate(1turn)
  }
}

.page-team__main-text,
.page-team__person-info {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important
}

.page-team__main-text blockquote {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #083554;
  margin: 0 0 0 30px
}

.page-team__main-text blockquote em {
  font-style: normal !important
}

.dropdowns-item p {
  margin-bottom: 35px !important
}

.dropdowns {
  margin-top: 18px;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  color: #083554;
  font-size: 16px;
  font-weight: 500
}

.dropdowns span {
  position: relative;
  display: block;
  margin-left: 40px;
  transition: .5s;
  transform: rotate(-180deg)
}

.dropdowns span::after,
.dropdowns span::before {
  content: "";
  position: absolute;
  width: 8px;
  display: block;
  height: 2px;
  background: #000;
  top: 10px;
  left: 6.4px;
  transition: .5s
}

.dropdowns span::before {
  left: 11px;
  transform: rotate(45deg)
}

.dropdowns.active span::after,
.dropdowns.active span::before {
  transition: .5s;
  transform: rotate(0)
}

.dropdowns.years {
  display: grid;
  align-items: center;
  grid-template-columns: 0.3fr
}

.dropdowns.years span::after,
.dropdowns.years span::before {
  content: "";
  position: absolute;
  width: 8px;
  display: block;
  height: 2px;
  background: #000;
  top: 10px;
  left: 5px;
  transition: .5s
}

.dropdowns.years span::before {
  left: 9px
}

.text-content blockquote::before {
  top: 31px !important;
  left: 38px !important
}

.modal-terms__close span::after,
.modal-terms__close span::before {
  width: 15px;
  height: 2px;
  background: #000;
  top: 50%;
  left: 32%;
  position: absolute;
  display: block;
  content: ""
}

.button_f0a4,
.headerBox_4768,
.label_a825,
.pattern_ad96 {
  background: #285678 !important
}

.label_254e {
  background: #285578 !important
}

.page-team__main-text img {
  float: none
}

.button {
  max-height: 60px !important
}

.Vue-Toastification__toast.Vue-Toastification__toast--success.top-center {
  max-height: 74px !important
}

.sp {
  max-width: 70%
}

.cp img {
  max-width: 100%;
  width: 100%;
  display: block
}

.modal-terms__close {
  z-index: 99;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 100%
}

.modal-terms__close span::before {
  transform: rotate(-45deg)
}

.modal-terms__close span::after {
  transform: rotate(45deg)
}

.doc-razdel {
  font-size: 18px !important;
  font-weight: 700 !important
}

.table tbody tr td {
  vertical-align: center;
  background: #fff;
  border-top: 1px solid #dee2e6;
  white-space: nowrap;
  text-overflow: ellipsis
}

.table tbody tr .no-wrap {
  overflow: hidden;
  max-width: 220px
}

.table thead td {
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  transition: .3s
}

.table thead td img {
  position: absolute;
  right: 10px;
  max-width: 22px
}

.table thead td:hover {
  transition: .3s;
  background: #33393f18
}

.event-dropdown__current {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 151px
}

.event-dropdown .event-edit-icon {
  cursor: pointer;
  padding: 5px;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6
}

.event-dropdown .edit-news-btn {
  transition: .3s ease-out;
  padding: 5px;
  margin: 0;
  border-left: 1px solid #dee2e6
}

.event-dropdown .edit-news-btn:hover {
  transition: .3s ease-out;
  background: #33393f18
}

.event-dropdown .event-dropdown__open {
  transition: .3s ease-out;
  padding: 5px;
  border-bottom: 1px solid #dee2e6
}

.event-dropdown .event-dropdown__open:hover {
  transition: .3s ease-out;
  background: #33393f18
}

.event-dropdown__menu {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 168px;
  background: #fff;
  z-index: 99999
}

.event-dropdown__menu a {
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 5px;
  text-align: left;
  border: 1px solid #dee2e6
}

.event-dropdown__menu a:hover {
  transition: .3s ease-out;
  background: #33393f18
}

.event-dropdown.active .event-dropdown__menu {
  display: block
}

.newsid-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 15px
}

.form-nows label {
  width: 100%;
  padding: 0;
  display: block
}

.form-nows label .label-title {
  margin: 0 0 10px;
  font-weight: 500;
  display: block;
  font-size: 16px;
  color: #000
}

.form-nows label .label-title span {
  color: red
}

.form-nows label input,
.form-nows label select {
  font-weight: 400;
  outline: 0;
  padding: 10px;
  display: block;
  width: 100%;
  border: 1px solid #dee2e6
}

.admin-button {
  outline: 0;
  background: #33393f;
  border: none;
  border-radius: 100px;
  color: #fff;
  padding: 15px 40px;
  margin-bottom: 50px
}

.page__body {
  overflow: unset !important
}

.modal__content {
  word-break: break-word;
  display: flex
}

.post-card__title {
  overflow: hidden;
  max-height: 72px
}

.newPolicyBox-wrapper a,
.post-card__excerpt {
  margin: 0 !important
}

.multiselect {
  position: relative;
  margin: 0 auto;
  font-size: 0
}

.multiselect>* {
  font-size: medium
}

.multiselect.is-searchable {
  cursor: auto
}

.multiselect-input {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  outline: 0
}

.multiselect-caret {
  position: absolute;
  top: 50%;
  color: #999;
  border-color: #999 transparent transparent;
  border-width: 5px 5px 0;
  content: "";
  transform: translateY(-50%);
  transition: transform .3s
}

.is-disabled .multiselect-input,
.is-disabled .multiselect-spinner {
  background: #f9f9f9
}

.is-open .multiselect-input {
  border-radius: 3px 3px 0 0
}

.is-open .multiselect-caret {
  transform: translateY(-50%) rotate(180deg)
}

.multiselect-multiple-label,
.multiselect-placeholder,
.multiselect-single-label {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 14px;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: 0 0
}

.is-multiple .multiselect-search,
.is-single .multiselect-search {
  display: flex;
  height: 100%;
  width: 100%;
  background: 0 0
}

.is-multiple .multiselect-search input,
.is-single .multiselect-search input {
  width: 100%;
  border: 0;
  padding: 8px 35px 8px 14px;
  outline: 0;
  background: 0 0;
  font-size: 16px;
  font-family: inherit
}

.is-multiple.no-caret .multiselect-search input,
.is-single.no-caret .multiselect-search input {
  padding: 8px 14px
}

.is-tags .multiselect-search {
  flex-grow: 1
}

.is-tags .multiselect-search input {
  outline: 0;
  border: 0;
  margin: 0 0 5px 3px;
  flex-grow: 1;
  min-width: 100%;
  font-size: 16px;
  font-family: inherit
}

.multiselect-clear {
  position: absolute;
  right: 0;
  top: 1px;
  width: 36px;
  height: 36px;
  background: #fff
}

.multiselect-clear:after,
.multiselect-clear:before {
  position: absolute;
  top: 12px;
  left: 16px;
  content: " ";
  height: 12px;
  width: 2px;
  background-color: #999
}

.multiselect-clear:hover:after,
.multiselect-clear:hover:before {
  background-color: #555
}

.multiselect-tags {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding-left: 9px;
  margin-top: 5px;
  flex-wrap: wrap;
  padding-right: 36px
}

.no-caret .multiselect-tags {
  padding-right: 9px
}

.multiselect-tag {
  background: #41b883;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 0 0 0 8px;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  cursor: text;
  white-space: nowrap
}

.multiselect-tag i:before {
  content: "×";
  color: #266d4d;
  font-size: 14px;
  font-weight: 700;
  padding: 1px 5px;
  margin-left: 3px;
  display: flex;
  font-style: normal
}

.multiselect-tag i:hover:before {
  color: #fff;
  background: rgba(255, 255, 255, .2)
}

.is-disabled .multiselect-tag {
  background: #a0a0a0;
  padding: 1px 8px
}

.multiselect-fake-input {
  background: 0 0;
  width: 100%;
  height: 1px;
  border: 0;
  padding: 0;
  font-size: 0;
  margin-top: -1px;
  outline: 0
}

.multiselect-fake-input:active,
.multiselect-fake-input:focus {
  outline: 0
}

.multiselect-options {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -1px;
  max-height: 160px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  background: #fff
}

.additional-fields .multiselect-options {
  max-height: 250px !important
}

.multiselect-option {
  display: flex;
  min-height: 40px;
  padding: 9px 12px;
  color: #222;
  align-items: center;
  justify-content: flex-start;
  text-align: left
}

.multiselect-option.is-pointed {
  background: #e6e6e6
}

.multiselect-option.is-disabled {
  background: #f9f9f9;
  color: #a6a6a6;
  cursor: not-allowed
}

.multiselect-option.is-selected {
  background: #41b883;
  color: #fff
}

.multiselect-option.is-selected.is-pointed {
  background: #4fbd8c
}

.is-multiple .multiselect-option.is-selected,
.is-tags .multiselect-option.is-selected {
  color: #999;
  background: 0 0
}

.is-multiple .multiselect-option.is-selected.is-pointed,
.is-tags .multiselect-option.is-selected.is-pointed {
  background: #f1f1f1
}

.multiselect-no-options,
.multiselect-no-results {
  display: flex;
  padding: 10px 12px;
  color: #777
}

.multiselect-spinner {
  position: absolute;
  right: 12px;
  top: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  display: block;
  transform: translateY(50%)
}

.multiselect-spinner:after,
.multiselect-spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  box-shadow: 0 0 0 1px transparent
}

.is-disabled .multiselect-spinner:after,
.is-disabled .multiselect-spinner:before {
  border-color: #999 transparent transparent
}

.multiselect-spinner:before {
  -webkit-animation: 2.4s cubic-bezier(.41, .26, .2, .62) spinning;
  animation: 2.4s cubic-bezier(.41, .26, .2, .62) spinning;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.multiselect-spinner:after {
  -webkit-animation: 2.4s cubic-bezier(.51, .09, .21, .8) spinning;
  animation: 2.4s cubic-bezier(.51, .09, .21, .8) spinning;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.multiselect-enter-active {
  transition: .15s
}

.multiselect-leave-active {
  transition: none
}

.multiselect-loading-enter-active,
.multiselect-loading-leave-active {
  transition: opacity .4s ease-in-out;
  opacity: 1
}

@-webkit-keyframes spinning {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(2turn)
  }
}

@keyframes spinning {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(2turn)
  }
}

.our-services__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.our-services__list a {
  display: block;
  text-align: right
}

.our-services__list p {
  font-size: 14px !important
}

.our-services__list h3 {
  font-size: 18px !important;
  letter-spacing: -1px;
  margin: 20px 0;
  position: relative;
  text-align: center
}

.our-services__item {
  padding: 20px;
  max-width: 365px;
  text-align: justify;
  max-height: 100%;
  position: relative
}

.our-services__item .border-block {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 90%;
  height: 85%;
  border: 5px solid #e9eef1;
  background: #e9eef1;
  z-index: -1
}

.our-services__item a {
  position: absolute;
  bottom: 20px;
  right: 20px
}

.our-services__item img {
  position: absolute;
  top: -81px;
  left: -64px;
  max-width: 260px
}

.our-services__item:first-child {
  margin-top: 30px
}

.our-services__item:first-child img {
  top: -68px
}

.our-services__item:nth-child(3) img {
  left: -70px
}

.post-card__img,
.row .card-media__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: cover !important;
  object-fit: cover !important
}

.container-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px
}

.container-flex .blocks-wrpr a {
  margin-top: 83%;
  margin-left: 18px
}

.container-flex .blocks-wrpr:first-child {
  max-width: 63%
}

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

  .our-services__item img,
  .our-services__item:nth-child(3) img {
    left: -98px
  }
}

.cssLeaf_4c07,
.dropdown__link {
  background: 0 0 !important
}

.sendButton_4ab7 {
  background: url(/images/send.svg) center no-repeat !important;
  width: 25px !important;
  height: 25px !important;
  margin-right: 7px;
  margin-top: 12px
}

.button_e311 {
  background: #285678
}

.dropdown-poles li,
.dropdown-poles__menu {
  background: #00000017;
  padding: 10px !important
}

.personal-area__burger::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999
}

.our-services__item:last-child img {
  max-width: 99px;
  left: -41px;
  top: -63px
}

.checkbox--sm .checkbox__label::before {
  width: 18px !important;
  height: 18px !important;
  top: -2px !important
}

.uppercase::-moz-placeholder {
  text-transform: none
}

.uppercase:-ms-input-placeholder {
  text-transform: none
}

.uppercase::placeholder {
  text-transform: none
}

.pod-calculate {
  list-style: none;
  margin-left: 30px
}

@media screen and (max-width:1024px) {
  .provian {
    padding: 10px !important
  }

  .provian img {
    width: 22px !important
  }
}

.uppr::-moz-placeholder {
  text-transform: none !important
}

.uppr:-ms-input-placeholder {
  text-transform: none !important
}

.uppr::placeholder {
  text-transform: none !important
}

.dropdown-poles {
  cursor: pointer;
  transition: .2s
}

.dropdown-poles li:hover {
  background: #0000003d;
  transition: .2s
}

.dropdown-poles__menu {
  display: none;
  margin-top: 5px
}

.dropdown-poles__menu p {
  margin: 0
}

.dropdown-poles.active .dropdown-poles__menu,
.inputfiles,
.modal-add.active {
  display: block
}

.inputfiles input {
  width: 1px;
  opacity: 0;
  height: 1px
}

.inputfiles div {
  cursor: pointer;
  border-radius: 4px;
  padding: 20px;
  font-weight: 400;
  text-align: center;
  border: 5px solid #d9664e
}

.setting-admin-block {
  display: flex;
  grid-gap: 50px;
  align-items: center;
  border: 3px solid #33393f;
  background: #33393f;
  padding: 10px 35px 5px;
  border-radius: 100px
}

.calc-box__auto100__title {
  padding-bottom: 8px
}

.calc-box__auto100__title p {
  margin: 0
}

.calc-box__auto100__title a {
  text-decoration: none;
  font-size: 12px;
  color: green
}

.button-shadow span,
.mobile__poles-table-button .refresh span {
  color: #083554;
  font-size: 16px
}

.period_insurance .multiselect-options {
  max-height: 300px !important
}

.multiselect-options::-webkit-scrollbar {
  width: 0 !important
}

.logo--white_debili .logo__path {
  fill: #0b5c84 !important
}

.VuePagination__count,
.admin_panel .table.table-sections .isNew .event-dropdown__menu,
.b24-widget-button-popup-description,
.bx-livechat-help-subtitle,
.bx-livechat-help-user,
.grecaptcha-badge,
.mobl,
.not-mobile,
.page-buy__text-col,
.page-fix .personal-area__page-title,
.page-fix .personal-area__top-panel,
.page-fix .title-type,
.premobile,
.ui-icon.connector-icon-45,
bx-livechat-help-subtitle {
  display: none !important
}

.personal-area__page-title.mobl {
  margin: 25px
}

.personal-area__burger {
  margin-right: 0 !important
}

.button-shadow {
  justify-content: center;
  max-width: 200px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 0 10px #b5c3c8;
  border-radius: 6px
}

.button-cancel {
  display: flex;
  align-items: center;
  grid-gap: 5px
}

.button-cancel span {
  color: #d9664e;
  font-size: 16px;
  font-weight: 700
}

.mobile__poles-flexer {
  border-left: 8px solid #e9eef1;
  padding: 5px 10px 0
}

.mobile__poles-table {
  padding: 25px 0
}

.mobile__poles-table-button {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  padding: 10px 0
}

.mobile__poles-table-button .refresh {
  display: flex;
  align-items: center;
  grid-gap: 5px
}

.mobile__poles-table-info-flex {
  display: flex;
  align-items: center;
  grid-gap: 10px
}

.mobile__poles-table-info-flex p {
  padding: 5px 0;
  margin: 0;
  color: #90a2ab;
  font-weight: 700;
  font-size: 16px
}

.mobile__poles-table-info-flex span {
  font-weight: 400;
  font-size: 16px;
  color: #425660
}

.mobile__poles-table-title {
  border-left: 8px solid #0b5c84;
  border-radius: 8px 1px 1px;
  padding: 5px 10px
}

.mobile__poles-table-title p {
  font-size: 18px;
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: #285678
}

.mobile__poles-table-title span {
  font-size: 16px;
  color: #90a2ab;
  display: block;
  padding-top: 15px
}

.agent-menu ul li {
  font-size: 14px;
  list-style: none;
  font-weight: 400;
  padding: 5px 15px;
  cursor: pointer;
  transition: .5s
}

.agent-menu ul li:hover {
  opacity: .5;
  transition: .5s
}

.modal-add {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  top: 0;
  left: 0;
  z-index: 9999
}

.modal-add__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px
}

.modal-add__wrapper input,
.modal-add__wrapper label {
  display: block
}

.agent-client__body ul,
.agent-client__head ul {
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.modal-add__wrapper .button {
  margin: 10px auto 0;
  display: block
}

.agent-client {
  padding: 20px 25px
}

.agent-client__body ul {
  cursor: pointer;
  transition: .5s;
  padding: 20px 0
}

.agent-client__body ul:hover {
  transition: .5s;
  background: #e9eef1a1
}

.agent-client__body ul li {
  color: #000;
  text-align: center;
  font-size: 14px
}

.agent-client__head ul {
  background: #e9eef1;
  padding: 10px 0
}

.agent-client__head ul li {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #285678
}

.VuePagination__pagination li button {
  background: 0 0;
  border: none;
  outline: 0
}

.Pagination {
  justify-content: flex-end !important;
  margin-right: 23px !important
}

.poisk-clienta img {
  position: absolute;
  right: 15px;
  top: 9px
}

.poisk-clienta input {
  margin-top: 50px;
  display: block;
  padding: 11px 20px;
  border: 1px solid #e9eef1;
  border-radius: 30px;
  width: 100%
}

.poisk-clienta input::-moz-placeholder {
  color: #90a2ab;
  font-size: 16px;
  font-weight: 400
}

.poisk-clienta input:-ms-input-placeholder {
  color: #90a2ab;
  font-size: 16px;
  font-weight: 400
}

.poisk-clienta input::placeholder {
  color: #90a2ab;
  font-size: 16px;
  font-weight: 400
}

.policy-tab__table {
  margin-top: 5px !important
}

.poles-agent-title h2 {
  color: #285678;
  font-size: 20px
}

.chat_withwhom-status_text,
.poles-agent-title span {
  font-size: 16px;
  color: #90a2ab
}

.poles-agent-title p {
  font-size: 16px;
  color: #425660;
  display: flex;
  align-items: center
}

.poles-agent-title p span {
  color: #425660;
  font-size: 16px;
  margin-left: 8px
}

.knopka,
.poles-agent-title {
  margin-left: 30px !important
}

.poisk-clienta {
  display: block;
  position: relative;
  width: 100%;
  max-width: 500px;
  margin-left: 23px
}

.knopka-es {
  margin-left: 23px !important
}

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

  .memo-public .paragraph-wrapper-memo,
  .user-sidebar__logo.mobile,
  .wrapper-item_titleMemo {
    display: block
  }

  .wrapper-item_titleMemo .pretitle,
  .wrapper-item_titleMemo h2 {
    font-size: 24px !important
  }

  .wrapper-item_titleMemo .prespan,
  .wrapper-item_titleMemo span {
    font-size: 18px !important
  }

  .wrapper-item_titleMemo iframe {
    margin-bottom: 60px
  }

  .memo-public .title-inset_memo {
    max-width: 100% !important;
    width: 100% !important
  }

  .memo-public .title-inset_memo .flex-box-memo {
    justify-content: space-between !important
  }

  .memo-public .title-inset_memo .flex-box-memo img {
    margin: 0 !important
  }

  .csrl,
  .memo-public .inset-memo-block {
    display: block !important
  }

  .agent-client__head,
  .header__call-btn {
    display: none !important
  }

  .header-mob-tel {
    font-size: 36px
  }

  .new-main-table,
  .pa-table__body {
    display: none
  }

  .insurance--new_btns {
    margin-bottom: 10px
  }

  .insurance__box {
    flex-wrap: wrap
  }

  .mobile__claims-block,
  .mobile__poles {
    display: flex;
    justify-content: left;
    flex-wrap: wrap
  }

  .logo--whites .logo__path {
    fill: #0b5c84 !important
  }

  .bigi {
    background: #0b5c8417
  }

  .page-buy__heading {
    font-size: 14px
  }

  .agent-client__body {
    margin: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .226)
  }

  .agent-client__body ul {
    display: grid;
    grid-template-columns: 1fr
  }

  .agent-client__body li {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .agent-client__body span {
    display: block
  }

  .agent-client__body,
  .agent-client__head {
    display: none
  }

  .user-avatar path {
    fill: #0b5c84
  }

  .panda {
    color: #465963 !important
  }

  .knopka,
  .knopka-es,
  .poisk-clienta,
  .poles-agent-title {
    margin-left: 0 !important
  }

  .poisk-clienta {
    max-width: 100%
  }
}

.plug {
  opacity: 0;
  height: 0
}

.personal-area__container {
  display: block !important;
  width: 100%
}

@media (max-width:991px) {
  .header {
    padding-top: 120px !important
  }

  .logo__container {
    display: flex;
    align-items: center
  }

  .logo__container .logo__lang {
    padding-left: 40px;
    display: block
  }

  .logo__container .logo__lang .dropdown__trigger {
    font-size: 22px;
    color: #285678;
    text-transform: uppercase;
    font-weight: 400
  }

  .logo__container .logo__lang .dropdown__link {
    font-size: 17px;
    color: #093344;
    background-color: #083554;
    text-transform: uppercase;
    font-weight: 400
  }
}

.lang-list__item--active {
  text-decoration: underline;
  color: #fff !important
}

.page__body--nav-open .top-contacts__link--short {
  color: #d9664e !important
}

@media (max-width:992px) {
  .page__body--nav-open .top-contacts__link--short * {
    color: #fff !important;
    fill: #fff !important
  }

  .page-info__heading {
    margin-bottom: 80px;
    font-size: 30px !important
  }

  .page-info {
    padding-top: 20px
  }
}

.header__main--nav-open .dropdown__link,
.page__body--nav-open .top-contacts__link--short font {
  color: #fff !important
}

.insurance-block__content,
.insuranceView-block {
  margin: 10px;
  min-height: 224px
}

.page-fix .personal-area__container {
  background: #fff
}

.page-fix .container-fluid.flut {
  max-width: 1100px
}

.specialInvoice {
  background: red !important
}

.pa-cell__value.status.status--active {
  max-width: 200px
}

.page-buy__grid {
  justify-content: flex-start
}

.newForm-contact {
  margin-left: 50px
}

.newForm-contact .contact-wrapper {
  margin-top: 30px;
  display: flex;
  align-items: center
}

.newForm-contact .contact-wrapper a {
  display: block;
  height: 80px;
  width: 80px;
  background: #e9eef1;
  border-radius: 100px;
  position: relative;
  margin-right: 15px
}

.newForm-contact .contact-wrapper a:last-child img {
  top: 44%;
  left: 55%
}

.newForm-contact .title {
  font-weight: 700;
  font-size: 20px;
  color: #285678
}

.newForm-contact .pre-title {
  font-size: 16px;
  color: #425660
}

.newForm .info,
.newForm .label-img p {
  font-size: 10px;
  color: #90a2ab
}

.newForm .label-standart {
  width: 100%;
  max-width: 200px
}

.newForm .info {
  text-align: left;
  font-weight: 400;
  line-height: 12px;
  display: block;
  margin-top: 5px
}

.newForm .label-img {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 5px 5px 5px 15px;
  border: 2px dashed #d9664e;
  border-radius: 100px
}

.newForm .label-img a {
  letter-spacing: .4px;
  min-height: 34px;
  font-weight: 600;
  font-size: 8px;
  display: flex;
  align-items: center;
  max-height: 34px !important;
  text-align: right;
  max-width: 320px;
  margin: 0 0 0 auto
}

.newForm-img .text,
.newForm-img .text span {
  font-size: 10px;
  letter-spacing: .3px;
  color: #285678
}

.newForm .label-img a img {
  margin-right: 6px;
  margin-top: -2px
}

.newForm-img {
  display: block;
  width: 100%;
  max-width: 420px
}

.newForm-img .text {
  font-weight: 500
}

.newForm-img .text span {
  font-weight: 700
}

.newForm-block.bg {
  max-width: 726px;
  padding: 24px;
  background: #e9eef1;
  box-shadow: 4px 4px 30px rgba(9, 51, 68, .2);
  border-radius: 16px
}

.newForm-block.bg .title {
  font-weight: 600;
  font-size: 20px;
  color: #425660;
  line-height: 150%
}

.newForm-block.bg .title span {
  font-weight: 600;
  font-size: 20px;
  color: #d9664e;
  line-height: 150%
}

.label-standart p {
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  color: #90a2ab;
  margin: 5px 0
}

.infograph-wrapper {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.infograph .title {
  font-weight: 700;
  font-size: 30px;
  color: #285678
}

.infograph-card__info {
  max-width: 217px
}

.infograph-card__info ul {
  margin: 0;
  padding: 0
}

.image-list ul li {
  position: relative;
  max-width: 400px;
  margin-left: auto
}

.image-list ul li span {
  position: absolute;
  top: 10px;
  right: -34px;
  cursor: pointer;
  width: 30px;
  height: 30px
}

.label-standart.success::after {
  content: "Код верный";
  display: block;
  width: 100%;
  color: #0aba11;
  margin-top: 8px;
  font-size: 12px
}

.label-standart.success input {
  border: 1px solid #0aba11
}

.containers {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto
}

.Vue-Toastification__toast--error {
  background: #d9664e !important
}

.kaspi-btn {
  background: #f14635;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 12px 25px;
  min-width: 160px;
  margin-left: 20px
}

.modal__content .kaspi-btn {
  margin-left: 0;
  margin-bottom: -10px
}

@media screen and (max-width:900px) {
  .page-buy__text-col {
    display: none !important
  }

  .page-about__grid {
    margin-top: 20px !important
  }
}

.header-mob-tel {
  font-size: 26px !important;
  margin-left: auto
}

.header-mob-tel svg {
  margin-top: -5px !important
}

.header-mob-tel p {
  font-size: 26px;
  margin: 0 20px 0 0;
  margin-top: -1px !important;
  color: #083554;
  font-weight: 700
}

.confirm-poles__info p,
.confirm-poles__name p {
  font-weight: 700;
  color: #285678;
  line-height: 130%
}

.p-dialog-mask {
  background: #0836547c !important
}

@media screen and (max-width:990px) {
  .infographi {
    display: block !important
  }

  .info-basel img {
    position: static
  }

  .info-basel {
    max-width: 100% !important;
    height: 100% !important
  }

  .info-basel__wrapper .info-basel {
    margin: 20px 0 !important
  }

  .info-basel__text {
    padding: 10px !important;
    height: 100% !important;
    text-align: center !important
  }

  .info-basel__text p {
    display: inline
  }

  .header-mob-tel__icon {
    font-size: 26px !important;
    margin-top: -1px !important
  }

  .header-mob-tel {
    margin-top: 15px !important;
    font-size: 26px !important
  }
}

.confirm-poles__name p {
  font-size: 32px
}

.confirm-poles__info p {
  font-size: 18px
}

.confirm-poles__info p span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #90a2ab
}

.confirm-poles__text span {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #90a2ab
}

.confirm-poles__text span p {
  font-weight: 700;
  margin: 0;
  font-size: 18px;
  line-height: 130%;
  color: #90a2ab
}

@media screen and (max-width:768px) {
  .policy-calc-results__row {
    display: flex !important;
    justify-content: flex-start;
    align-items: center
  }

  .infograph .desc,
  .infograph .mob {
    max-width: 1000px;
    width: 100%;
    margin: 10px auto !important
  }

  .confirm-poles,
  .container-flex,
  .infograph .mob {
    display: block
  }

  .infograph .desc {
    display: none
  }

  .dropdowns-item {
    text-align: left !important
  }

  .dropdowns.years {
    grid-template-columns: 1fr !important
  }

  .our-services__list {
    justify-content: center
  }

  .blocks-wrpr.kis {
    margin-top: auto
  }

  .container-flex .lozung {
    text-align: left
  }

  .container-flex .blocks-wrpr {
    max-width: 100% !important
  }

  .pay-card {
    max-height: 50px !important
  }

  .our-services__item:last-child img {
    max-width: 110px;
    left: -52px;
    top: -68px
  }

  .mobl {
    display: block !important
  }

  .personal-area__burger-wrapper {
    display: flex;
    justify-content: space-between;
    width: 96%
  }

  .logo--white_debili {
    max-width: 150px !important
  }

  .logo--white path {
    fill: #fff
  }

  .personal-area__page-title.mobl {
    margin: 25px 0
  }

  .container-fluid.personal-area__container {
    margin: 0 10px !important
  }

  .container-fluid.flut {
    margin: 0 !important;
    padding: 0 !important
  }
}

.buyOnline__wrapper .container {
  margin: 0 auto !important
}

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

.newPolicyBox-wrapper .policy-box__picture {
  flex: 0.5
}

.newPolicy-online__box div:first-child {
  flex: 50%
}

.newPolicy-online__box .policy-box__grid {
  margin: 0 !important
}

.newPolicy-online__box .newPolicyBox-wrapper {
  margin-left: 0 !important
}

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

  .containers,
  .image-list ul li,
  .infograph-card__info {
    max-width: 100%
  }

  .premobile {
    display: block !important;
    font-size: 16px !important
  }

  .top-search {
    margin-top: 20px
  }

  .header__mob-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px
  }

  .header-mob-tel svg {
    margin-right: 2px !important;
    width: 25px !important
  }

  .containers {
    width: 100%;
    margin: 0
  }

  .not-mobile {
    display: block !important
  }

  .not-laptop {
    display: none !important
  }

  .newForm-wrapper {
    display: grid
  }

  .personal-area__container {
    margin: 0 15px !important
  }

  .newForm-contact .contact-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 20px
  }

  .label-img a p,
  .newForm-block__wrapper,
  .newPolicyBox-wrapper {
    display: block
  }

  .newForm-block__wrapper input {
    width: 100%;
    max-width: 100%
  }

  .btrun {
    margin: 28px auto 0 !important;
    display: block !important;
    text-align: center !important
  }

  .infograph-wrapper {
    display: grid;
    justify-content: center
  }

  .infograph-card {
    margin-bottom: 60px
  }

  .label-img {
    border: none !important;
    background: 0 0 !important;
    padding: 10px 0 !important;
    margin: 0 !important
  }

  .label-img p {
    display: none
  }

  .label-img a {
    width: 100%
  }

  .image-list ul {
    margin: 0;
    padding: 0
  }

  .infograph-card img {
    display: grid;
    margin: 0 auto
  }

  .newForm-contact {
    margin-left: 0;
    margin-top: 50px
  }

  .page__content.active {
    margin: 0
  }
}

.chat_withwhom,
.insurance--new_btns,
.insurance-invalid__add {
  display: flex;
  align-items: center
}

.homepage-promo {
  padding: 20px 0 50px !important
}

.insurance-invalid__add {
  color: #d9664e;
  font-size: 16px;
  text-align: center;
  max-width: 300px;
  padding-left: 25px;
  margin-bottom: 25px;
  position: relative
}

.insurance-invalid__add span {
  position: absolute;
  top: 35%;
  left: 0;
  width: 40px;
  height: 40px
}

.insurance-invalid__add span::after,
.insurance-invalid__add span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 3px;
  background: #d9664e
}

.insurance-invalid__add span::before {
  transform: rotate(-90deg)
}

.payment-acceptor__block {
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 16px;
  background: #e9eef1;
  box-shadow: 4px 4px 30px rgba(9, 51, 68, .2)
}

.payment-acceptor__btn {
  margin-top: 20px;
  margin-left: 20px
}

.payment-acceptor__btn .button,
.payment-acceptor__btn label {
  margin-top: 15px
}

.payment-acceptor__item p {
  margin: 5px 0;
  font-weight: 700
}

.payment-acceptor__item span {
  margin-left: 15px
}

.page-team__heading {
  font-size: 42px;
  color: #083554
}

.insurance--new {
  background-color: #fff;
  height: 100%
}

.insurance--new .personal-area__top-panel {
  padding-top: 50px
}

.insurance--new_btns span {
  margin-left: 21px
}

.insurance--new_openBtn span {
  font-size: 20px;
  padding-right: 4px
}

.insurance--new .new-main-table {
  padding: 0 30px
}

.insurance--new .new-main-table__content ul,
.insurance--new .new-main-table__header ul {
  padding: 12px 32px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.insurance--new .insurance-table-main ul {
  grid-template-columns: repeat(7, 1fr)
}

.insurance--new_show_info--base h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  color: #083554
}

.insurance--new_show_info--base_item {
  height: 38px;
  display: grid;
  grid-template-columns: 105px 1fr;
  align-items: center
}

.insurance--new_show_info--base_item--label {
  color: #90a2ab;
  font-weight: 700
}

.insurance--new_show_info--base_item p,
.insurance--new_show_info--base_item--label {
  font-size: 14px
}

.insurance--new_show_info--base_item p {
  display: flex;
  justify-items: center;
  align-items: center;
  text-align: left
}

.insurance--new_show_info--base_item p span {
  margin-right: 6px
}

.insurance--new_show_info--detail {
  padding-left: 31px;
  margin-top: 32px
}

.insurance--new_show_info--detail_header {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.insurance--new_show_info--detail_header p {
  color: #285678;
  font-weight: 700;
  font-size: 14px;
  margin: 0;
  padding: 0
}

.insurance--new_show_info--detail_item {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  margin-bottom: 5px
}

.insurance--new_show_info--detail_item p,
.insurance--new_show_info--detail_item span {
  margin: 0;
  font-size: 12px
}

.insurance--new_show_info--detail_item span {
  color: #90a2ab;
  font-weight: 700;
  margin-right: 15px
}

.insurance--new_show_info--docs {
  margin-top: 32px
}

.insurance--new_show_info--docs_load {
  margin-top: 24px;
  display: inline-block;
  text-decoration: none
}

.insurance--new_show_info--docs-title h3 {
  color: #083554;
  font-size: 18px
}

.insurance--new_show_info--docs-item {
  background: #fff;
  padding: 4px 8px;
  align-items: center;
  font-size: 14px;
  display: grid;
  grid-template-columns: 3fr 2fr 1fr 1fr 2fr
}

.insurance--new_show_info--docs-item--gray {
  background: #f4f6fa;
  border: 1px solid #e9eef1
}

.insurance--new_show_info--docs-item_name {
  color: #083554;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding-right: 30px
}

.insurance--new_show_info--docs-item_name span {
  padding-right: 8px
}

.insurance--new_show_info--docs-item_size {
  color: #90a2ab
}

.insurance--new_show_info--docs-item #red-btn,
[aria-controls=buyOptions] i,
[aria-controls=insuranceOptions] i {
  color: #d9664e
}

.insurance--new_show_info--docs-item #gray-btn {
  color: #697d95
}

.insurance--new_show_info--docs-item #green-btn {
  color: #01977c
}

.insurance--new_show_info--docs-item_btn {
  padding: 0 5px;
  display: flex;
  align-items: center
}

.insurance--new_show_info--docs-item_btn span {
  font-size: 20px;
  padding-right: 8px
}

@media (max-width:525px) {
  .insurance--new_show_info--docs-item {
    grid-template-columns: 1fr
  }

  .insurance--new_show_info--docs-item a {
    margin-bottom: 1em
  }
}

@media screen and (max-width:1199px) {
  .n-kasko .kasko-info__container {
    margin-left: 0;
    margin-top: 20px;
    padding-left: 0;
    flex-direction: column
  }

  .n-about__history_content--high {
    bottom: -200px !important
  }

  .newPolicy-online__box {
    grid-template-columns: 1fr 1fr
  }

  .n-policy__item-footer {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .n-policy__item-footer a {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center
  }
}

.declined-document p {
  font-weight: 700;
  margin-top: 0
}

.declined-document>div {
  transition: .3s;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  padding: 15px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 4px #e8e8e8;
  bottom: 130%;
  width: 210px
}

.declined-document:hover>div {
  opacity: 1;
  pointer-events: all
}

@media screen and (max-width:767px) {
  .newPolicy-online__box {
    grid-template-columns: 1fr
  }

  .section-contacts__picture {
    display: none
  }

  .wrapper-count-and-button,
  .wrapper-input-after,
  .wrapper-select__d-not-jc {
    flex-wrap: wrap
  }

  .wrapper-select__d-not-jc .wrapper__item-d {
    flex: 0 0 100%
  }

  .ml-20 {
    margin-left: 0
  }

  #bgWhite-dmct {
    max-width: 100%;
    background: #fff
  }

  .dmct-insurance {
    padding: 0;
    max-width: 700px
  }

  .wrapper__item-d {
    flex: 0 0 100%
  }

  .automatic_count_days,
  .string-data-client,
  .string-data-client input,
  .wrapper-input-after .label-wrapper-input-after input {
    max-width: 100%
  }

  .button-wrapper__oform {
    margin-left: 0;
    margin-top: 30px
  }

  .wrapper-input-after .wrapper-item-input {
    max-width: 100%;
    margin-right: 0 !important
  }

  #find-iin_input {
    margin: 10px 0;
    -webkit-appearance: none;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important
  }

  .block-checkbox_with-text {
    font-size: 12px !important
  }

  .wrapper-button__add-ins {
    display: flex;
    justify-content: center
  }

  .flex-float__on-right {
    justify-content: center
  }
}

.automatic_count_days {
  font-size: 16px;
  font-weight: 500;
  background: 0 0
}

.request-rate__form .form-control {
  margin-bottom: 1em
}

.request-rate .insurance-modal__block {
  max-height: 90vh
}

.request-rate .align-end .form__col {
  display: flex;
  align-items: flex-end
}

.template-add_turist {
  overflow: hidden;
  height: auto;
  overflow-y: scroll
}

.notification-badge {
  background: #d9664e;
  min-width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1em;
  font-size: 12px
}

.dmct-insurance .multiselect-no-options {
  padding: 0 12px !important
}

.card-team {
  max-width: 350px;
  margin: 0 auto
}

.n-kasko-about,
.n-kasko-about .n-text-dark,
.page__content .n-text-regular {
  color: #425660 !important
}

.page-insurance__form .multiselect-input {
  background: #eff2f5 !important;
  border: 0 !important
}

.chat,
.chat_body {
  border-radius: 6px
}

.chat {
  height: 585px;
  background-color: #e9eef1;
  padding: 15px 20px 30px;
  position: static;
  transform: none;
  width: 100%;
  margin-top: 1em;
  display: block
}

.chat_withwhom p {
  font-size: 18px;
  color: #425660;
  font-weight: 700;
  margin: 0;
  padding: 0
}

.chat_withwhom-status {
  padding-top: 3px;
  margin-left: 20px;
  display: flex;
  align-items: center
}

.chat_withwhom-status_icon {
  color: #219653;
  padding-left: 8px;
  font-size: 16px
}

.chat_body {
  margin-top: 10px;
  background-color: #fff;
  padding: 20px;
  display: grid;
  grid-template-rows: 1fr 46px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  height: 100%
}

.chat__messages {
  overflow-y: scroll;
  flex: 1
}

.chat__send {
  display: grid;
  grid-template-columns: 1fr 46px;
  gap: 10px;
  height: 45px
}

.chat__input input {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
  background: #e9eef1;
  color: #697d95;
  padding: 0 20px
}

.chat__input span {
  position: absolute;
  top: 52%;
  color: #000;
  right: 12px;
  transform: translateY(-50%)
}

.chat__options-btn {
  background: #0b5c84;
  height: 100%;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center
}

.chat__options-btn span {
  color: #fff;
  transform: rotate(-45deg)
}

.chat_message {
  display: inline-flex;
  flex-direction: column;
  margin: 22px 0
}

.chat_message-text {
  border-radius: 10px;
  margin: 0;
  padding: 15px 20px
}

.chat_message-time {
  font-size: 12px;
  color: rgba(0, 0, 0, .25);
  margin-top: 8px
}

.chat_message--incoming {
  background: #cadbe1
}

.chat_message--incoming p {
  color: #333
}

.chat_message--incoming_position {
  display: flex;
  justify-content: flex-start
}

.chat_message--outgoing {
  background: #0a7ea6;
  color: #fff
}

.chat_message--outgoing_position {
  display: flex;
  justify-content: flex-end
}

@media (min-width:1200px) {
  .policy-tab__summary-prices {
    margin-right: 10px !important
  }
}

@media (max-width:450px) {
  .buyOnline-btn {
    flex: 0 0 100%;
    margin: 5px 0
  }

  .buyOnline-btn__wrapper {
    flex-wrap: wrap
  }

  .buyOnline-type {
    margin-left: 0;
    padding: 20px
  }

  .item_memo-box {
    flex: 0 0 100%;
    margin: 10px auto;
    max-width: 320px
  }

  .page-buy__form-col {
    max-width: 350px !important
  }

  .kasko-form-special-width {
    grid-template-columns: none !important
  }
}

@media (max-width:470px) {
  .individual-flx_item {
    flex: 0 0 100%
  }

  .triangle {
    -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    bottom: -10px !important;
    right: 46%;
    top: auto;
    transform: rotate(-45deg)
  }

  .n-toggle__item {
    font-size: 13px !important
  }

  .container {
    overflow: hidden !important
  }
}

.chat_title {
  font-size: 18px;
  font-weight: 700;
  color: #083554;
  display: flex;
  align-items: center
}

.chat_title span {
  padding-right: 14px
}

.inputCustomer input {
  padding: 12px !important;
  border: none !important;
  width: 100% !important;
  outline: 0 !important
}

.pay-method__systems {
  display: flex !important
}

.vdp-datepicker__calendar .cell.selected {
  border: 1px solid #4bd !important;
  background: 0 0 !important
}

.vdp-datepicker__calendar .cell.selected span {
  background: 0 0 !important
}

.admin_panel .admin-sidebar__link p {
  color: inherit
}

.admin_panel .admin-sidebar .dropdown-menu {
  top: 100% !important;
  left: 0 !important;
  transform: none !important;
  position: relative !important;
  width: 100%;
  background: #303335;
  border-radius: 0
}

.admin_panel .admin-sidebar .dropdown-menu .dropdown-divider {
  border-top: 1px solid #33393f
}

.admin_panel .admin-sidebar .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, .1);
  color: #fff
}

.admin_panel .admin-sidebar .nav-pills .show>.nav-link {
  background-color: #516478;
  border-radius: 0
}

.admin_panel .id-date_description {
  white-space: break-spaces
}

.admin_panel .btn.btn-mini {
  padding: 2px 5px;
  font-size: 13px
}

.admin_panel .modal--admin_panel .modal-dialog {
  background: #fff;
  overflow-y: auto;
  height: 80%;
  max-width: 900px
}

.admin_panel .modal--admin_panel .modal-content {
  height: 100%;
  overflow-y: auto
}

.admin_panel .modal--admin_panel .modal-body {
  overflow-y: auto;
  flex-grow: 1
}

.admin_panel .form-nows [readonly] {
  background: #e7e7e7
}

.admin_panel .form-nows .form-control--transparent[readonly] {
  background: 0 0;
  border: none
}

.admin_panel .form-nows label.btn-outline-secondary {
  padding: .375rem .75rem;
  font-weight: 400
}

.admin_panel .table__td--auto {
  width: 1%
}

.admin_panel .table.table-sections tr td.id-filter {
  background: #33393f;
  color: #a7acb4;
  text-align: center;
  vertical-align: middle;
  border-color: #33393f;
  position: relative
}

.admin_panel .table.table-sections tr[data-section] td.id-filter {
  background: #a7acb4;
  color: #33393f;
  border-color: #a7acb4
}

.admin_panel .table.table-sections .new_subcategory {
  position: absolute;
  right: 100%;
  background: #cbcbcb;
  border: none;
  font-size: 22px;
  border-radius: 10px 0 0 10px;
  padding: 5px 10px 5px 16px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer
}

.admin_panel .table.table-sections .new_subcategory:hover {
  background: #489df3;
  color: #fff
}

.top-links__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: auto !important;
  border: 0;
  background: 0;
  color: inherit;
  text-decoration: none;
  text-align: left;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 16px !important;
  letter-spacing: 0 !important
}

.top-links__link:hover {
  background: #697d95;
  color: #fff !important
}

#buyOptions {
  width: 270px
}

#buyOptions,
#insuranceOptions {
  padding: 0;
  left: 0;
  margin-top: 10px;
  transform: none
}

[aria-controls=insuranceOptions]:hover {
  background: inherit;
  color: inherit !important
}

@media (max-width:768px) {

  .section-contacts__content,
  .title-input-data_client .wrapper-date-box label input {
    max-width: 100%
  }

  .title-input-data_client .wrapper-date-box {
    flex-direction: column
  }

  .title-input-data_client .wrapper-date-box>div {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 10px
  }

  .title-input-data_client .wrapper-date-box .delete-turist {
    order: -1
  }

  .title-input-data_client .wrapper-date-box .wrapper-input__fio-client {
    order: 2
  }

  .page-about__heading {
    margin-bottom: 10px !important
  }

  .pay-method__systems {
    margin: 0 0 10px !important;
    display: block !important
  }

  .text-reselect-payment {
    max-width: 100% !important
  }

  .pay-method__systems .pay-method__sys-item {
    margin-bottom: 10px !important
  }

  .pay-method__systems .pay-method__sys-item .pay-card__radio-btn {
    top: 0 !important
  }

  .blocks-wrpr .heading,
  .blocks-wrpr .heading-black {
    margin-top: 3rem;
    margin-bottom: 3rem
  }

  .section-feedback__grid {
    display: block
  }

  .modal__content .modal__description {
    margin: 30px 0 0 !important
  }

  .additional-fields {
    padding: 3px !important
  }

  #buyOptions,
  #insuranceOptions,
  .top-links {
    text-align: center;
    width: 100% !important
  }

  .top-links__link--button {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    letter-spacing: 1px !important;
    color: #fff !important
  }

  #buyOptions,
  #insuranceOptions {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #fff;
    background: rgba(255, 255, 255, .15)
  }

  #buyOptions .top-links__link--child,
  #insuranceOptions .top-links__link--child {
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0;
    color: #fff;
    justify-content: center !important
  }

  .top-links__link--child:hover {
    background: rgba(255, 255, 255, .2)
  }

  [aria-controls=buyOptions] {
    background: 0 0 !important
  }

  .chat {
    padding: 10px;
  }

  .chat_body {
    padding: 10px;
    max-height: 440px;
  }
}

.ClaimsForm .custom-input input,
.profile .custom-input input {
  max-width: 100%
}
