/* ЦветЫ из брендбука  https://www.figma.com/file/EImYz8hVHPu2uZ4S0rJ4nwkQ/%F0%9F%9F%A2-Web-Apps---OTP-Design-System?node-id=13835%3A239*/
/*
  Настройка иконок и некоторые иконки в UTF8
*/
 
@font-face {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  src: local('icomoon'), url('./assets/fontsfonts/icomoon/fonts/icomoon.eot');
  src: local('icomoon'),
    url('./assets/fonts/icomoon/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('./assets/fonts/icomoon/fonts/icomoon.ttf') format('truetype'),
    url('./assets/fonts/icomoon/fonts/icomoon.woff') format('woff'),
    url('./assets/fonts/icomoon/fonts/icomoon.svg#icomoon') format('svg');
  font-display: swap;
}

[class^='icon-'],
[class*=' icon-'] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-google:before {
  content: '\e90f';
}
.icon-right-xs:before {
  content: '\e90e';
}
.icon-close:before {
  content: '\e90d';
}
.icon-skype:before {
  content: '\e90c';
}
.icon-fb:before {
  content: '\e907';
}
.icon-ph-point:before {
  content: '\e908';
}
.icon-ph-circle:before {
  content: '\e909';
}
.icon-ld:before {
  content: '\e90a';
}
.icon-yt:before {
  content: '\e90b';
}
.icon-phone:before {
  content: '\e902';
}
.icon-map:before {
  content: '\e904';
}
.icon-bank:before {
  content: '\e905';
}
.icon-search:before {
  content: '\e906';
  color: #4a4a4a;
}
.icon-check:before {
  content: '\e903';
}
.icon-left-sm:before {
  content: '\e900';
}
.icon-right-sm:before {
  content: '\e901';
}
.icon-right-xs:before {
  content: '\e90e';
}
.icon-instagram:before {
  content: '\ea92';
}
.icon-telegram:before {
  content: '\ea95';
}
.icon-twitter:before {
  content: '\ea96';
}
.icon-messenger:before {
  content: '\e400';
}
.icon-viber:before {
  content: '\e200';
}
.icon-add_circle:before {
  content: '\e9000';
}
.icon-add_circle_outlinecontrol_point:before {
  content: '\e9001';
}
.icon-remove_circledo_not_disturb_on:before {
  content: '\e9002';
}
.icon-remove_circle_outline:before {
  content: '\e9003';
}
.icon-folder:before {
  content: '\e9004';
}
.icon-folder_open:before {
  content: '\e9005';
}
.icon-create_new_folder:before {
  content: '\e9006';
}

.pagination {
  display: block;
  margin: 30px 0;
  margin-bottom: 90px;
  text-align: center;
}
.pagination__controll {
  line-height: 40px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 8px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border-radius: 50%;
  background-color: #2a7f00;
}
.pagination__first {
  display: inline-block;
  margin: 0 21px;
  vertical-align: middle;
  text-decoration: none;
}
.pagination__last {
  display: inline-block;
  margin: 0 21px;
  vertical-align: middle;
  text-decoration: none;
}
.pagination__page {
  display: inline-block;
  margin: 0 12px;
  vertical-align: middle;
  text-decoration: none;
}
.pagination__page.active {
  font-family: 'Semi-bold', 'Arial', sans-serif;
  color: #4a4a4a;
}
.pagination__more {
  display: inline-block;
  margin: 0 12px;
  cursor: default;
  vertical-align: middle;
}

/* scrollbar custommization*/
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #8e939f;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #777;
}



/*
  сообщения об ошибках ввода в поля формы
*/
.form-itemerr {
  border: 1px solid #e2010f;
  border-radius: 5px;
  position: absolute;
  left: -10px;
  padding: 5px;
  cursor: pointer;
  line-height: 1rem;
  margin: 0;
  font-family: Regular, Arial, sans-serif, Helvetica, Verdana;
  font-size: 16px;
  font-weight: normal;
  z-index: 2;
  /*
  bottom: -30px !important;
*/
}

.form-itemerr-add-top,
.form-itemerr-add-top-otpgroup {
  position: absolute;
  bottom: -8px;
  left: 26px;
  height: 8px;
  width: 22px;
  z-index: 2;
}
.form-itemerr-add-bottom,
.form-itemerr-add-bottom-otpgroup {
  position: absolute;
  top: -8px;
  left: 26px;
  height: 8px;
  width: 22px;
  z-index: 2;
}
.full-form__body .form-itemerr {
  left: -6px;
}
#agreement .form-itemerr {
  left: -24px;
}
.full-form__body #agreement .form-itemerr {
  left: -6px;
}

/*
 * БЕЛЫЙ ХИНТ
 */
.itemerr-white {
  color: #e2010f;
  background-color: #fff;
}
/*
 * БЕЛЫЙ ХИНТ СВЕРХУ
 */
.top-white,
.top-white-otpgroup {
  background: transparent url(images/hint-error-tail-white-top.png) no-repeat
    scroll center center;
}
/*
 * БЕЛЫЙ ХИНТ СНИЗУ
 */
.bottom-white,
.bottom-white-otpgroup {
  background: transparent url(images/hint-error-tail-white-bottom.png) no-repeat
    scroll center center;
}

/*
 * РОЗОВЫЙ ХИНТ
 */
.itemerr-pink,
.itemerr-pink-otpgroup {
  color: #fff;
  background-color: #ff435a;
}
/*
 * РОЗОВЫЙ ХИНТ СВЕРХУ
 */
.top-pink,
.top-pink-otpgroup {
  background: transparent url(images/hint-error-tail-pink-top.png) no-repeat
    scroll center center;
}
/*
 * РОЗОВЫЙ ХИНТ СНИЗУ
 */
.bottom-pink,
.bottom-pink-otpgroup {
  background: transparent url(images/hint-error-tail-pink-bottom.png) no-repeat
    scroll center center;
}

/*
 * MESSAGE
 */
.form-itemmsg {
  border-radius: 5px;
  position: absolute;
  left: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: pointer;
  line-height: 26px;
  margin: 0;
  font-family: Regular, Arial, sans-serif, Helvetica, Verdana;
  font-size: 16px;
  font-weight: normal;
  z-index: 2;
}
/* properties for form element to use for text messsage */
.form-itemmsg {
  border: 1px solid #339933;
  color: #339933;
}
.form-itemmsg-add {
  position: absolute;
  bottom: -8px;
  left: 26px;
  height: 8px;
  width: 22px;
  z-index: 2;
}
.form-itemmsg-add {
  background: transparent url(images/hint-green-tail.png) no-repeat scroll
    center center;
}
/*
 * Сообщение об ошибке привязанное к кнопке input:submit
 */
#form_buttons .form-itemerr {
  text-align: center;
  top: -100px !important;
}
#form_buttons .form-itemerr-add-top,
#form_buttons .form-itemerr-add-bottom,
#form_buttons .form-itemerr-add-top-otpgroup,
#form_buttons .form-itemerr-add-bottom-otpgroup {
  left: 100px;
}

.currency-calc {
  padding: 58px 15px;
  border: solid 1px #c5c5c5;
  border-radius: 4px;
  height: calc(100% - 30px);
}

.currency-calc__result {
  background-color: #fff;
  border-radius: 24px;
  padding: 32px;
  position: relative;
  text-align: center;
  font-weight: 900;
  font-size: 36px;
  display: flex;
  align-items: baseline;
}




.btn_exchange {
  background-color: #52ae30;
  border: 0;
  border-radius: 24px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 700 16px/1.5 Source Sans Pro,Arial,sans-serif;
  padding: 12px 32px;
  text-align: center;
  transition: .2s;
}
.btn_exchange--mob{
  transform: rotate(90deg);
}
.tail {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 50%;
  transform: translate(-12px, 0);
}

.btn_exchange {
  border-radius: 24px;
  height: 48px;
  padding: 0;
  width: 48px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
}

.btn_exchange:after, .btn_exchange:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDIwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMTkgMUgxTDYgNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat 50%;
  position: absolute;
  content: "";
  height: 10px;
  left: 0;
  width: 48px;
}
.btn_exchange:before {
  top: 24px;
}

.btn_exchange:after {
  top: 14px;
  transform: rotate(180deg);
}

.btn_exchange:after, .btn_exchange:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDIwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMTkgMUgxTDYgNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat 50%;
  position: absolute;
  content: "";
  height: 10px;
  left: 0;
  width: 48px;
}


/*
 * SELECT2 plugin styles modified
*/
.select2 {
  min-width: 100px;
}
span.select2-container .select2-selection--single {
  height: 48px;
  border-radius: 24px;
}
.select2-results__options  {
  margin: 10px 0;
}
.select2-results__options li:before {
  content: none;
}


span.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px;
  padding: 0 40px 0 16px;
}

span.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 44px;
  width: 40px;
}

span.select2-container--default
  .select2-selection--single
  .select2-selection__arrow:before {
  position: absolute;
  top: 9px;
  right: 41px;
  width: 1px;
  height: 24px;
  content: '';
  background-color: #c5c5c5;
}
span.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
span.select2-container--default
  .select2-selection--single
  .select2-selection__arrow:after {
  display: block;
  position: absolute;
  font-family: 'icomoon';
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  right: 13px;
  width: auto;
  height: auto;
  margin-top: -7px;
  content: '\e901';
  transform: rotate(90deg);
  transform-origin: 50%;
  text-transform: none;
  color: #c5c5c5;
  border: 0;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  top: 50%;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent;
}
span.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #ffcc00;
  color: inherit;
  border-radius: 16px;
}
.select2-dropdown--above {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;

  border-color: #a9d798;
  box-shadow: 0 -2px 0 0 #fff, 0 -2px 0 2px #52ae30;
}
.select2-dropdown--below {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-color: #a9d798;
  box-shadow: 0 2px 0 0 #fff, 0 2px 0 2px #52ae30;
}

span.select2-container--open .select2-selection--single {
  border-color: #a9d798;
  box-shadow: 0 0 0 2px #52ae30;
  border-radius: 24px;
}
.select2-dropdown .select2-dropdown--above {
  border-radius: 24px;
}
span.select2-container--open .select2-dropdown {
  border: none;
}



.modal .form-itemerr {
  z-index: 1061;
}
.select2-container--open {
  z-index: 1060;
}

ul li.select2-results__option {
  padding: 0 29px 0 18px;
  margin: 0 8px;
  line-height: 48px;
}
.events-disabled {
  pointer-events: none;
  background-color: #bbbbbb;
}

/*
 * Убираем (прячем) календарь битрикса для поля формы name="form_date_XXXXX"
 */
img.calendar-icon {
  display: none;
  pointer-events: none;
}
/*
 * Доработаны стили календаря jquery-ui
 */
.ui-datepicker-calendar .ui-state-default {
  text-align: center;
  border: 0 solid #fff;
  background: #fff;
  border-radius: 3px;
}
.ui-datepicker-calendar .ui-state-hover {
  border-radius: 3px;
  background: #c5c5c5;
}
.ui-datepicker-calendar .ui-state-active {
  background: #ffcc00;
  color: #454545;
  border-radius: 3px;
}
.ui-widget.ui-widget-content {
  border: 1px solid #dbdbdb;
}
.ui-widget-header {
  background: #fff;
  border: 0 solid #fff;
}
.ui-datepicker th span {
  color: #ffcc00;
}
.ui-datepicker-header {
  border-bottom: 1px solid #efefef;
}
.ui-datepicker .ui-datepicker-title select {
  display: inline-block;
  padding-right: 12px;
  height: 24px;
  background: #efefef;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px 1px #eee inset;
  margin: 0 1%;
}
.hasDatepicker {
  padding-right: 50px;
}
.ui-datepicker-trigger {
  position: absolute;
  right: 0;
  transform: translate(-10px, 0);
}

/*
 * доплнительные цвета рамок к кнопкам  
 */
.full-form__body .btn--gray {
  width: 166px;
}
.btn--gray.btn--md {
  padding: 11px 15px;
  border: 1px solid #999;
}
.btn--gray:hover {
  color: #fff;
  border-color: #999;
  background-color: #999;
}
/*
 * for plugin the input:file
 */
.fileWrapper {
  float: none;
  position: relative;
  padding: 0;
  overflow: hidden;
  margin-top: 10px;
}
.fileWrapper input.input-file-box {
  float: none;
  margin: 0;
  padding: 0;
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  color: #4c4c4c;
  font-family: Arial, Tahoma, sans-serif;
  text-align: left;
  border-collapse: collapse;
}
.fileWrapper input.fileInputText {
  border: 0 solid #ddd;
  float: right;
  margin: 1px !important;
  box-shadow: 0 0 0 1px #ccc;
  padding: 0 5px;
}
.fileWrapper input.fileInputButton[type='button'] {
  background: #ddd none repeat scroll 0 0;
  border: 1px solid #ccc;
  box-sizing: content-box;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
/*
 * поправка к нашим табам, если использовать леналовский класс - tab_wrapper
 */



.tab__link {
  font-size: 16px;
  position: relative;
  display: inline-block;
  padding: 11px 20px 21px 20px;
  cursor: pointer;
  vertical-align: top;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.tab__link-dropdown {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 100%;
  display: none;
  min-width: 320px;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  color: #fff;
  background-color: #99cc80;
}
.tab__link-dropdown-el {
  margin-bottom: 15px;
}
.tab__link-dropdown a {
  text-decoration: none;
  color: #fff;
}
.tab__link-dropdown a:hover {
  text-decoration: underline;
}
.tab__link:hover > .tab__link-dropdown {
  display: block;
}
.tab__wrapper {
  position: relative;
  top: -1px;
  padding: 30px 15px;
  border: 1px solid transparent;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-image: -webkit-linear-gradient(top, #e3e3e3 0%, rgba(229,229,229,0) 100%);
  -moz-border-image: -moz-linear-gradient(top, #e3e3e3 0%, rgba(229,229,229,0) 100%);
  border-image: linear-gradient(to bottom, #e3e3e3 0%, rgba(229,229,229,0) 100%);
  border-image-slice: 1;
}
.tab.tab--currency {
  height: 100%;
  height: calc(100% - 58px - 30px);
}
.tab__content {
  display: none;
  visibility: hidden;
}
.tab__content.active {
  display: flex;
  flex-direction: column;
  visibility: visible;
}
.tab__content-inner {
  margin-bottom: 60px;
}
.tab__content-hidden {
  display: none;
}
.tab__content-hidden.active {
  display: block !important;
}
.tab__content-block > div {
  margin-bottom: 0;
}
.tab__inner-wrapper {
  padding: 0 30px;
}
.tab__inner-wrapper .card-order {
  margin: 0 auto 60px;
  padding: 60px 30px 50px 30px;
}
.tab__inner-wrapper .callback {
  padding: 40px 0 60px;
}
.tab__inner-wrapper .banner {
  width: calc(100% + 60px);
  height: 400px;
  margin: 0 auto 60px;
  margin-left: -30px;
}
.tab--listing .tab__link,
.tab--currency .tab__link {
  width: 50%;
  text-align: center;
}


.tab--currency .tab__link.active {
  border: solid 1px #c5c5c5;
  border-bottom: solid 2px #fff;
}
.tab--btn {
  margin-bottom: 30px;
}
.tab--btn .tab__wrapper {
  padding: 30px 0 58px;
  border: 0;
}
.tab--btn .tab__header {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top;
  border: 1px solid #52ae30;
  border-radius: 4px;
  background-color: #fff;
}
.tab--btn .tab__link {
  font-family: 'Semi-bold', 'Arial', sans-serif;
  padding: 9px 15px;
  color: #52ae30;
  border: 0;
  border-radius: 0;
}
.tab--btn .tab__link.active {
  color: #fff;
  background-color: #52ae30;
}
.tab--btn .tab__link.active:before {
  display: none;
}
.tab--full-form {
  margin-bottom: 90px;
}
.tab--flex {
  margin-bottom: 90px;
}
.tab--flex .tab__header {
  display: flex;
}
.tab--flex .tab__link {
  width: 100%;
  text-align: center;
}
.tab--flextable .tab__link {
  padding: 16px 20px;
  border: 1px solid #52ae30;
  border-radius: 0;
}
.tab--flextable .tab__link:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tab--flextable .tab__link:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tab--flextable .tab__link.active {
  color: #fff;
  background-color: #52ae30;
}
.tab--flextable .tab__link.active:before {
  display: none;
}
.tab--flextable .tab__wrapper {
  padding: 0;
  border: 0;
}
.tab--infographic {
  margin-bottom: 90px;
}
.tab--col {
  display: flex;
  border: 1px solid #e3e3e3;
  align-items: stretch;
}
.tab--col .tab__header-btn {
  display: none;
}
.tab--col .tab__header {
  width: 25%;
  border-right: 1px solid #e3e3e3;
}
.tab--col .tab__link {
  font-family: 'Semi-bold', 'Arial', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  display: block;
  padding: 15px 20px;
  letter-spacing: normal;
  border: 0;
  border-bottom: 1px solid #e3e3e3;
}
.tab--col .tab__link.active {
  color: #fff;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  background-color: #99cc80;
}
.tab--col .tab__link.active:before {
  display: none;
}
.tab--col div.tab__link {
  padding: 0;
  border-bottom: 1px solid #e3e3e3;
}
.tab--col div.tab__link.active {
  color: #fff;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  background-color: #99cc80;
}
.tab--col div.tab__link.active:before {
  display: none;
}
.tab--col div.tab__link > a {
  font-family: 'Semi-bold', 'Arial', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  letter-spacing: normal;
  color: #4a4a4a;
}
.tab--col div.tab__link:hover > a {
  color: #fff;
}
.tab--col div.tab__link.active > a {
  color: #fff;
}
.tab--col .tab__wrapper {
  width: 75%;
  padding: 40px 60px;
  border: 0;
}
.tab--page {
  border: 0;
}
.tab--page .tab__link {
  text-decoration: none;
  color: #4a4a4a;
  border-left: 1px solid #e3e3e3;
  border-radius: 0;
}
.tab--page .tab__link:hover {
  color: #fff;
  background-color: #99cc80;
}
.tab--page .tab__link.active:hover {
  color: #fff;
}
.tab--page .tab__link:first-child {
  border-top: 1px solid #e3e3e3;
}
.tab--page .tab__header {
  border-bottom: 0;
}
.tab--page .tab__wrapper {
  padding: 0;
}
@media (max-width: 991px) {
  .tab--page {
    position: relative;
  }
  .tab--col .tab__header {
    position: absolute;
    z-index: 7;
    top: 0;
    left: -15px;
    width: calc(100% + 30px);
    transition: all 0.4s;
    transform: translateX(-110%);
    background: #fff;
  }
  .tab--col .tab__wrapper {
    width: 100%;
  }
  .tab__inner-wrapper {
    padding: 0;
  }
  .tab__inner-wrapper .banner {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .tab--col .tab__header-btn {
    line-height: 32px;
    position: fixed;
    z-index: 8;
    top: 70px;
    left: 0;
    display: block;
    width: 60px;
    height: 30px;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #52ae30;
  }
  .tab--col .tab__header.active {
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .tab.tab--btn .tab__link {
    width: 100%;
    text-align: center;
  }
  .tab.tab--currency .tab__link {
    padding: 15px 10px 15px;
  }
}
.tab-box .tab__wrapper {
  border-top: none;
}
.tab--currency .tab__wrapper {
  height: 100%;
  border: solid 1px #c5c5c5;
}
.tab .tab__link {
  padding: 11px 9px 21px;
  display: table-cell;
  white-space: nowrap;
}
@media screen and (max-width: 400px) {
  .tab .tab__link {
    padding: 11px 9px 21px;
  }
}
/* NEWS */

.news {
  margin-bottom: 30px;
  padding: 15px 15px 30px;
}
.news__heading {
  font-family: 'Semi-bold', 'Arial', sans-serif;
  font-size: 24px;
  margin-bottom: 25px;
}
.news__element {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}
.news__element:last-child {
  padding: 0;
  border-bottom: none;
}
.news__text {
  font-family: 'Semi-bold', 'Arial', sans-serif;
  font-size: 18px;
  line-height: 1.34;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  letter-spacing: -0.1px;
  color: #4a4a4a;
}
.news__text:focus {
  text-decoration: none;
  color: #4a4a4a;
}
.news__text:hover {
  text-decoration: none;
  color: #52ae30;
}
.news__date {
  font-size: 16px;
  line-height: 1.63;
  display: block;
  letter-spacing: normal;
  color: #767676;
}









/*
 * поправка к main.css
 */
.with_icon {
  display: inline;
}
.field__label .icon-info {
  margin: -3px 5px 0 5px;
}
/*
 * common
 */
.shifted-hidden {
  position: relative;
  left: -1000px;
}
.margin-vb30 {
  margin-bottom: 30px;
}
.margin-vb150 {
  margin-bottom: 150px;
}

.icon-info__body {
  font-family: 'Regular', 'Arial', sans-serif !important;
  line-height: normal;
  position: relative; /* absolute; */
  z-index: 9;
  min-width: 280px;
  height: auto;
  border: 1px solid #3999cc;
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  left: 14px;
  bottom: 14px;
  padding: 10px;
}

.icon-info {
  font-family: monospace !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 4px 5px;
  cursor: pointer;
  text-align: center;
  vertical-align: text-top;
  color: #3999cc;
  border: 1px solid #3999cc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.clear {
  clear: both;
}
.thx__body .thx__text {
  text-align: left;
}
.table table {
  min-width: auto;
  border-collapse: collapse;
}
.table--accordion table td {
  padding: 10px;
}
.document__arhive {
  padding-left: 33px;
  margin: -30px 0 30px;
}
#i-banking.i-banking__dropdown {
  width: auto;
  text-align: left;
}
#i-banking.i-banking__dropdown a {
  white-space: nowrap;
}
/*
 *  Icons
 */
.item-vertical {
  padding: 5px 0;
}
.icon-items {
  display: inline-block;
  vertical-align: middle;
  min-width: 25px;
  max-height: 25px;
  margin-right: 20px;
  max-width: 25px;
  font-size: 0;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;
}
.icon-pdf {
  background-image: url('images/icons/pdf.png');
}
.mr_hide {
  display: none;
}
.footer__contacts .footer__phone-icon {
  margin-top: -6px;
}
.footer__contacts .footer__social {
  margin-top: 15px;
}
.footer__contacts .footer__phone {
  margin: 15px 0 0 15px;
}
header .header__top-nav-link {
  padding: 9px 10px;
}
.listing__card-name {
  line-height: 42px;
}
.tab__header {
  display: inline-flex;
  width: 100%;
  position: relative;
  bottom: 0;
  z-index: 1;
}

.sp-webpush-label .sp-brand-link {
  display: none !important;
}
.comment-slider-single-prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer;
}
.col-lg-4 .product-poster__element > img {
  width: 360px;
}
.tag {
  padding-top: 60px;
  padding-bottom: 50px;
}
a.tag__element {
  margin-right: 12px;
}
.product-poster__element {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.product-poster__element:hover,
.product-poster__element:focus,
.product-poster__element:active {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
}
.product-poster__element {
  max-width: 360px;
}


.header__main-menu .header__nav-dropdown-list {
  margin: 0 15px 0 0;
}

/*
.slick-initialized script.slick-slide {
    display: none;
}

*/
.hidden {
  display: none;
}
.stock__image {
  width: 100%;
}
.flex-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* ///////////// Cookie start ////////// */
#cookie-agree {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #52ae30;
}
#cookie-agree > div {
  position: relative;
  color: #fff;
  margin: 20px 0;
}
#cookie-agree a {
  color: #fff;
}
#cookie-agree .cookie-title,
#cookie-agree .cookie-text {
  padding-right: 100px;
}
#cookie-agree .cookie-close {
  content: '';
  width: 25px;
  height: 26px;
  display: inline-block;
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  position: absolute;
  right: 20px;
  top: -10px;
  cursor: pointer;
}
#cookie-agree .cookie-button {
  display: inline-block;
  padding: 5px 10px;
  color: #4a4a4a;
  position: absolute;
  right: 20px;
  bottom: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  #cookie-agree .cookie-title,
  #cookie-agree .cookie-text {
    line-height: 16px;
    font-size: 14px;
  }
}
/* ///////////// Cookie and ////////// */
@media screen and (max-width: 1199px) {
  .footer__contacts .footer__phone {
    margin: 9px 0 0 15px;
  }
  .footer__contacts .footer__phone-icon {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer__contacts .footer__phone {
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .card-term__icon {
    margin: 0 20px 0 0 !important;
  }
  .card-term__element {
    display: flex;
  }
  .infographic__element {
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
  }
  .infographic__image,
  .infographic__img {
    margin: 0 20px 0 0 !important;
  }

  .col-lg-4 .product-poster__element > img {
    max-width: 360px;
  }
  .listing__card-name {
    line-height: 38px;
  }
  .col-sm-6 .field__label {
    width: 100%;
  }
  .col-sm-2 .field__label {
    width: 100%;
  }

  .full-form__inner .full-form__card-poster {
    display: block;
  }

  .full-form__inner .full-form__card-poster .full-form__card-image {
    max-width: none;
    width: 100%;
  }

  .icon-info {
    position: static;
  }
  .icon-info__body {
    bottom: auto;
    min-width: 200px;
    width: calc(100% - 30px);
    margin-top: 5px;
  }
  .faq_img img {
    width: 100%;
  }
  /*
     * правки к формам в мобильном дизайне
     */
  .full-form__wrapper {
    padding-bottom: 10px;
  }

  .full-form__inner {
    padding-bottom: 15px;
  }

  .full-form__wrapper .full-form__body {
    margin-bottom: 0;
  }

  .full-form__wrapper .full-form__controls {
    margin-bottom: 20px;
  }

  .full-form__wrapper .full-form__controls .field__label {
    width: 100%;
    margin-bottom: 0;
  }



  .col-xs-12 .infographic__img,
  .col-lg-3 .infographic__img,
  .col-lg-4 .infographic__img {
    height: 90px;
    line-height: 25px;
  }

  .col-xs-12 .infographic__img img,
  .col-lg-3 .infographic__img img,
  .col-lg-4 .infographic__img img {
    height: 90px;
    width: 90px;
  }
  .col-xs-12 .infographic__img .infographic__img-text {
    font-size: 27px;
    width: 90px;
  }
}
@media screen and (max-width: 580px) {
  .icon-info[data-position='right'] div.icon-info__body {
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 480px) {
  .header__nav-dropdown-link img {
    width: 100%;
  }
}

@media screen and (min-width: 767px) {
  .whatis-head__poster {
    width: 40%;
  }
  .whatis-head__main {
    width: 70%;
  }
}

/* close button */
.modal-body {
  min-height: 100px;
}

/* Docoments*/
.icon {
  min-width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
}
.external-link-alt {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.85156 2L4.85156 2C3.74699 2 2.85156 2.89543 2.85156 4L2.85156 12C2.85156 13.1046 3.74699 14 4.85156 14L12.8516 14C13.9561 14 14.8516 13.1046 14.8516 12V10M7.85156 9L14.8516 2M14.8516 2L9.85156 2M14.8516 2V7' stroke='%2352AE30' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.circle-chevron-right {
  min-width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%2352AE30'/%3E%3Cpath d='M16 12L22 18L16 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.file-item {
  min-width: 40px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6331 37.9659C23.6331 39.412 22.5072 40.5842 21.1183 40.5842H3.51479C2.12591 40.5842 1 39.412 1 37.9659V14.4008C1 12.9547 2.12591 11.7825 3.51479 11.7825H16.305C16.9715 11.7826 17.6107 12.0582 18.0822 12.5488L22.8971 17.562C23.3683 18.0529 23.633 18.7184 23.6331 19.4123V37.9659Z' stroke='%2352AE30' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.54395 11.7825V3.92743C8.54395 2.48135 9.66986 1.30908 11.0587 1.30908H23.849C24.5155 1.30923 25.1547 1.58485 25.6261 2.07538L30.4411 7.08864C30.9122 7.57949 31.1769 8.24499 31.1771 8.93893V27.4925C31.1771 28.9386 30.0512 30.1109 28.6623 30.1109H23.6327' stroke='%2352AE30' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.otpbank-item {
  min-width: 152px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='152' height='32' viewBox='0 0 152 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.5463 11.0911C46.1097 11.0911 44.4825 11.8216 43.5444 16.2818C42.5013 21.2422 44.5817 21.5593 45.5901 21.5593C46.5071 21.5593 48.4595 21.0591 49.4304 16.3098C50.1117 12.9858 49.5699 11.0911 47.5463 11.0911ZM54.6849 16.3098C53.3715 23.8155 48.7065 24.7745 44.7584 24.7745C40.8604 24.7745 37.2702 22.0856 38.2854 16.2713C39.0793 11.7282 41.7726 7.52335 48.3226 7.84524C52.8904 8.06883 55.5769 11.2029 54.6849 16.3098Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.6322 24.1309L64.3868 24.3748C63.4082 24.5598 62.2593 24.7121 61.6358 24.7121C59.3273 24.7121 55.9412 24.3632 57.373 18.5306C58.343 14.5888 59.0377 11.6398 59.0377 11.6398L56.8986 11.7015L56.7148 11.4576L57.602 8.36399L57.8157 8.21172H59.8325L60.7197 4.26228L60.9324 4.04929C63.2264 3.52886 63.8374 3.37466 65.9466 2.76172L66.1294 2.94676L64.7842 8.2734L67.9029 8.21172L68.0241 8.42567C67.5969 9.71228 67.4737 10.0496 67.0773 11.4875L66.8338 11.7015L64.0212 11.6398C64.0212 11.6398 63.4496 14.0164 62.65 17.324C61.7859 20.8985 62.241 20.7183 63.1051 21.0585C63.8441 21.3515 64.8141 20.9766 65.3645 20.7935L65.5492 20.9486L64.6322 24.1309Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73.2161 21.0714C74.6642 21.2439 76.2423 20.7649 77.3114 19.8753C78.5334 18.8355 79.6342 16.6931 79.6342 14.3666C79.6342 11.7934 77.984 11.4888 77.373 11.4888C76.4877 11.4888 75.8132 11.9476 75.1713 12.3755L73.2161 21.0714ZM75.6922 9.34547C76.488 8.79517 77.8014 7.87575 79.7875 7.87575C82.8446 7.87575 84.8922 10.1704 84.8922 14.0592C84.8922 16.2642 84.1282 18.8663 82.5386 20.7948C79.5123 24.4995 75.6922 24.4676 72.4514 24.4676L70.7126 31.7844L70.498 31.9367C69.7946 31.9367 69.122 31.9088 68.4196 31.9088C67.3794 31.9088 66.4624 31.9685 65.3327 32.0003L65.1797 31.7844C65.1797 31.7844 66.2555 28.5405 67.5959 22.9613C69.0036 17.1075 70.319 10.2495 70.4345 8.85299L70.6481 8.64097L75.875 7.78516L76.0579 7.99814L75.6922 9.34547Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M88.8988 22.0192C90.6299 22.1002 93.1779 22.0491 95.1649 20.7028C97.4272 19.1396 98.4982 16.416 98.4982 14.4557C98.4982 11.6715 96.8152 10.5988 94.858 10.5988C93.3001 10.5988 92.2003 11.2734 91.2217 11.8854C91.2217 11.8854 89.0884 21.2675 88.8988 22.0192ZM85.1699 24.2527C85.373 23.3237 86.6912 17.8852 88.0364 11.7683C89.1902 6.52166 89.9927 3.24684 90.2746 0.801807L90.5181 0.587854L93.8503 0.00671387L94.0033 0.222594L93.1479 3.61981L91.7401 9.49675C93.0257 8.79225 94.2477 8.11859 96.204 8.11859C99.2293 8.11859 101.767 10.1704 101.767 14.0293C101.767 15.5896 101.278 18.528 99.2293 20.8854C96.4792 24.0388 93.0863 24.2527 89.143 24.4069H87.462L85.3229 24.4368L85.1699 24.2527Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M115.895 10.7839C115.435 10.7839 114.978 10.754 114.518 10.754C113.509 10.754 111.522 10.8147 109.718 12.0387C106.509 14.2418 106.449 18.1932 106.449 18.3455C106.449 19.8152 107.244 22.1716 110.024 22.1716C110.849 22.1716 112.215 21.9769 113.692 20.671L115.895 10.7839ZM118.154 14.6704C117.085 19.3851 116.872 20.5483 116.261 24.1923L116.047 24.4053L113.174 24.4679L113.02 24.2549L113.234 23.03C112.715 23.4579 111.369 24.5903 108.77 24.5903C105.654 24.5903 103.117 22.3862 103.117 18.5601C103.117 16.143 104.279 13.5091 105.562 11.9777C108.404 8.64122 112.347 8.45618 115.16 8.45618L119.377 8.48605L119.529 8.73181L118.154 14.6704Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M133.291 24.2232L133.046 24.4053L129.929 24.4988L129.805 24.2839C130.254 22.2224 132.137 15.3181 132.159 13.1699C132.18 11.334 131.03 10.7201 129.592 10.7201C127.698 10.7201 126.445 11.6713 125.528 12.345C124.395 17.4885 124.029 19.1115 123.05 24.2232L122.838 24.4053L119.719 24.4988L119.567 24.2839C119.567 24.2839 120.494 20.5378 121.33 16.6414C121.988 13.5911 122.527 11.0767 122.776 8.9786L122.99 8.76272C124.427 8.58057 124.764 8.51889 126.229 8.21242L126.382 8.42541L125.955 9.98764C127.147 9.19062 128.676 8.12183 131.212 8.12183C132.22 8.12183 135.521 8.39457 135.521 12.1002C135.521 14.3149 133.59 22.0605 133.291 24.2232Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.97 15.0931L149.708 24.1234L149.523 24.3673L146.131 24.4608L145.885 24.2757C145.096 22.1256 141.638 15.3687 141.638 15.3687C140.752 19.2565 140.568 20.174 139.804 24.215L139.589 24.3981L136.503 24.4608L136.381 24.2757C136.381 24.2757 138.012 17.488 139.423 11.2054C140.083 8.26785 141.107 3.61487 141.515 0.794936L141.731 0.61086L145.061 0.0615234L145.244 0.276439C144.629 2.3909 141.731 14.9389 141.731 14.9389C143.921 13.0162 147.567 9.18341 148.056 8.66298L148.393 8.47891H151.909L152 8.75454C151.132 9.44265 149.523 10.8989 148.943 11.4183L144.97 15.0931Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0793 0V5.46253C9.76293 5.47217 5.45593 9.79265 5.45593 15.1193C5.45593 20.4527 9.77255 24.7761 15.0967 24.7761C20.39 24.7761 24.7383 20.4922 24.7383 15.0836L30.1943 15.0875C30.1943 23.4702 23.4345 30.2405 15.0967 30.2405C6.7588 30.2405 0 23.4702 0 15.1193C0 6.77515 6.75111 0.00867374 15.0793 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1328 8.41162C18.8326 8.41162 21.83 11.4156 21.83 15.1193C21.83 18.824 18.8326 21.8251 15.1338 21.8251C11.4359 21.8251 8.4375 18.824 8.4375 15.1193C8.4375 11.4156 11.4359 8.41162 15.1328 8.41162Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6167 2.78027C25.7356 2.78027 27.4532 4.50346 27.4532 6.62563C27.4532 8.74684 25.7356 10.4681 23.6167 10.4681C21.4979 10.4681 19.7783 8.74684 19.7783 6.62563C19.7783 4.50346 21.4979 2.78027 23.6167 2.78027Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.link-icon-line {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 20px;
}

.dropdown-toggle::after {
  display: inline-block;
  content: "";
  border: 0 !important;
  vertical-align: baseline;
  width: 19px;
  height: 10px;
  background-position: -4px -9px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10.0007L12 16.0007L18 10.0007' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.nav-link.show {
  color: #52AE30 !important;
}



/*   carusel ---->  baner  */






.about__banner {
  position: relative;
  margin: 0 -30px;
  margin-bottom: 30px;
  text-align: center;
}
.about__banner img {
  max-width: 100%;
}
.about__banner-btn {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 30px;
}

.hero-banner {
/*  position: relative;
  top: -45px;*/
  padding-bottom: 45px;
}
.hero-banner__element img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
.hero-banner__element > div {
  margin-bottom: 0;
}
.hero-banner .slick-dots {
  position: relative;
  top: -40px;
  display: block;
}
.hero-banner .slick-dots li.slick-active button {
  background-color: #52ae30;
}
.hero-banner .banner {
  top: 0;
}
@media (max-width: 991px) {
  .slider__element {
    margin: 0 10px;
  }
  .hero-banner {
    margin-bottom: 60px;
  }
  .hero-banner .slick-dots {
    top: 35px;
  }
  .hero-banner .slick-dots li {
    margin-bottom: 0;
  }
}
.banner {
  position: relative;
  top: -45px;
  display: block;
  width: 100%;
  max-width: 1440px;
  height: 500px;
  margin: 0 auto;
  margin-bottom: 90px;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner__title {
  position: absolute;
  top: 50%;
  left: 10%;
  max-width: 652px;
  transform: translateY(-50%);
}
.banner__heading {
  font-size: 42px;
  line-height: 46px;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 652px;
  padding: 10px 20px 15px 20px;
  color: #fff;
  background-color: #52ae30;
}
.banner__heading h1,
.banner__heading h2,
.banner__heading h3 {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
}
.banner__description {
  font-size: 24px;
  position: relative;
  z-index: 0;
  top: -20px;
  left: 20px;
  width: 100%;
  margin-bottom: 63px;
  padding: 32px 20px 14px 20px;
  color: #fff;
  background-color: #6fb4d8;
}
.banner__btn {
  position: absolute;
  top: 100%;
  left: -20px;
  padding-top: 30px;
}
.banner__btn .btn {
  min-width: 165px;
  margin-right: 30px;
}
.banner__tag-wrapper {
  position: absolute;
  bottom: 15px;
  left: 10%;
}
.banner__image {
  position: absolute;
  top: 50%;
  right: 5%;
  max-width: 460px;
  max-height: 460px;
  transform: translateY(-50%);
}
.banner--detail {
  height: 500px;
  margin-bottom: 15px;
}
.banner--detail .banner__bottom {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 70px;
  margin-top: -70px;
  padding-left: 10%;
}
.banner--detail .banner__bottom-tag {
  margin-bottom: 20px;
}
.banner--detail .banner__bottom-tag-element {
  font-size: 14px;
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.banner--detail .banner__bottom-tag-element img {
  display: inline-block;
  width: 30px;
  margin-right: 11px;
  vertical-align: middle;
}
.banner--detail .banner__bottom-tag-name {
  display: inline-block;
  vertical-align: middle;
}
.banner .banner__bottom-tag--solo .banner__bottom-tag-name {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #52ae30;
}
@media (max-width: 991px) {
  .banner {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .banner__heading {
    font-size: 30px;
    line-height: 34px;
    width: calc(100% - 20px);
    max-width: 100%;
  }
  .banner__description {
    font-size: 18px;
    line-height: 24px;
    width: calc(100% - 20px);
  }
  .banner__title {
    right: 20px;
    left: inherit;
  }
  .banner__btn {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 100% none;
    padding-top: 30px;
    padding-right: 20px;
  }
  .banner__btn .btn {
    width: 100%;
  }
  .banner {
    height: auto;
    padding-top: 170px;
    padding-bottom: 20px;
    background-color: transparent;
    background-position: top right;
    background-size: 150%;
  }
  .banner__title {
    position: relative;
    right: 0;
    max-width: auto;
    transform: none;
  }
  .banner--detail .banner__image {
    top: 20px;
    right: inherit;
    left: 50%;
    max-width: 210px;
    transform: translate(-50%, 0);
  }
  .banner--detail .banner__bottom {
    margin-top: 10px;
    padding-left: 20px;
  }
}



/*404*/

.error__page-holder {
  font-size: 18px;
  margin-bottom: 140px;
  padding: 60px 0 330px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.error-light {
  text-transform: uppercase;
  color: #fff;
}
.error__page-title {
  font-family: 'Bold', 'Arial', sans-serif;
  font-size: 60px;
  line-height: 1;
}
.error__page-subtitle {
  font-size: 24px;
  margin-bottom: 30px;
}
.error__page-subtitle + .error-light {
  font-size: 24px;
  margin-bottom: 20px;
}
.error__page-text a {
  color: #fff;
}