@charset "UTF-8";
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/RobotoLight.woff2) format("woff2")
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/RobotoRegular.woff2) format("woff2")
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/RobotoMedium.woff2) format("woff2")
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/RobotoBold.woff2) format("woff2")
}
body,
html {
  height: 100%;
  scroll-behavior: smooth
}
body {
  font-family: Roboto,sans-serif;
  font-size: 1em;
  line-height: 1.1875;
  width: 100%;
  min-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #141d36;
  background-color: #fff;
  font-weight: 400;
  letter-spacing: .02em
}
@media all and (max-width:991px) {
  body {
    font-size: .75em;
    line-height: 1.1666666
  }
}
footer,
header {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}
main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
ul {
  list-style: none;
  margin: 0
}
p {
  font-style: normal;
  margin: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-style: normal;
  margin: 0
}
.heading {
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  .heading {
    margin-bottom: 24px
  }
}
.heading .heading__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px
}
@media all and (max-width:575px) {
  .heading .heading__inner {
    gap: 16px
  }
}
@media all and (max-width:1199px) {
  .heading .heading__inner.heading__post h1,
  .heading .heading__inner.heading__post h2 {
    -ms-flex-negative: 1;
    flex-shrink: 1
  }
}
@media all and (max-width:1199px) {
  .heading .heading__inner.heading__post .line {
    max-width: 54px
  }
}
.heading .line {
  display: block;
  position: relative;
  min-width: 54px;
  height: 1px;
  background-color: #ced1d8;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.heading .line::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ced1d8;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.heading .line::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #ced1d8;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}
.heading .line.line-right::before {
  left: auto;
  right: 0
}
.heading .line.line-right::after {
  right: auto;
  left: 0
}
.heading h1,
.heading h2 {
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  max-width: 100%
}
@media all and (max-width:991px) {
  .heading h1,
  .heading h2 {
    font-size: 24px
  }
}
.heading h5 {
  margin-top: 12px;
  color: rgba(20,29,54,.5)
}
.heading.heading-small h1,
.heading.heading-small h2 {
  font-size: 24px
}
.heading.heading-white h2 {
  color: #fff
}
.heading.heading-white h5 {
  color: rgba(255,255,255,.5)
}
h3 {
  font-size: 22px
}
@media all and (max-width:991px) {
  h3 {
    font-size: 18px
  }
}
h4 {
  font-size: 20px
}
@media all and (max-width:991px) {
  h4 {
    font-size: 16px
  }
}
h5 {
  font-size: 18px;
  font-weight: 500
}
@media all and (max-width:991px) {
  h5 {
    font-size: 14px
  }
}
.btn {
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #ff7a00;
  padding: 7.5px 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  border: 1px solid #ff7a00;
  border-radius: 6px;
  -webkit-transition: .25s all;
  transition: .25s all;
  text-transform: uppercase
}
@media all and (max-width:991px) {
  .btn {
    font-size: 12px;
    padding: 3.5px 15px
  }
}
.btn:hover {
  color: rgba(255,255,255,.5)
}
.btn:active {
  color: #fff
}
.btn:active span:after {
  opacity: 1!important
}
.btn span {
  position: relative
}
.btn.btn-big {
  padding: 7.5px 15px;
  font-size: 16px
}
.btn.btn-callback span {
  padding-left: 30px
}
@media all and (max-width:991px) {
  .btn.btn-callback span {
    padding-left: 22px
  }
}
.btn.btn-callback span:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_4.svg);
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: .5;
  -webkit-transition: .25s all;
  transition: .25s all
}
@media all and (max-width:991px) {
  .btn.btn-callback span:after {
    width: 16px;
    height: 16px
  }
}
.btn.btn-arrow span {
  padding-right: 28px
}
@media all and (max-width:991px) {
  .btn.btn-arrow span {
    padding-right: 22px
  }
}
.btn.btn-arrow span:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_13.svg);
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: .5;
  -webkit-transition: .25s all;
  transition: .25s all
}
@media all and (max-width:991px) {
  .btn.btn-arrow span:after {
    width: 16px;
    height: 16px
  }
}
.btn.btn-home span {
  padding-left: 28px
}
@media all and (max-width:991px) {
  .btn.btn-home span {
    padding-left: 22px
  }
}
.btn.btn-home span:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_61.svg);
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: .5;
  -webkit-transition: .25s all;
  transition: .25s all
}
@media all and (max-width:991px) {
  .btn.btn-home span:after {
    width: 16px;
    height: 16px
  }
}
.btn.btn-border {
  background-color: #fff;
  color: #ff7a00
}
.btn.btn-border.border-bg {
  background-color: transparent
}
.btn.btn-border:hover {
  color: rgba(255,122,0,.5)
}
.btn.btn-border:active {
  color: #ff7a00;
  background-color: rgba(20,29,54,.05)
}
.btn.btn-border.btn-arrow span::after {
  background-image: url(../img/icon_26.svg)
}
.btn.btn-small {
  font-size: 12px
}
.box__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px
}
@media all and (max-width:575px) {
  .btn-100 {
    max-width: none!important;
    width: 100%!important
  }
}
a {
  -webkit-transition: .25s all;
  transition: .25s all;
  text-decoration: none
}
a:active,
a:focus,
a:hover {
  text-decoration: none
}
button {
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
button:active,
button:focus {
  outline: 0
}
button:disabled,
button[disabled] {
  border: 1px solid #999;
  background-color: #ccc;
  color: #666;
  pointer-events: all!important
}
button:disabled:hover,
button[disabled]:hover {
  border: 1px solid #999;
  background-color: #ccc;
  color: #666;
  pointer-events: all!important
}
:focus {
  outline: 0
}
* {
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0
}
img {
  max-width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.icon {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.center {
  text-align: center
}
.stop-scrolling {
  height: 100%;
  overflow: hidden
}
input,
textarea {
  outline: 0!important;
  border-radius: 0
}
input.wpcf7-submit {
  cursor: pointer;
  -webkit-transition: .3s all;
  transition: .3s all
}
details summary::-webkit-details-marker {
  display: none
}
details > summary {
  list-style: none
}
.swiper-button-disabled {
  cursor: pointer!important;
  pointer-events: auto!important
}
section {
  margin-bottom: 64px
}
@media all and (max-width:991px) {
  section {
    margin-bottom: 36px
  }
}
.hidden {
  display: none!important
}
.mb-64 {
  margin-bottom: 64px!important
}
@media all and (max-width:991px) {
  .mb-64 {
    margin-bottom: 36px!important
  }
}
.mb-0 {
  margin-bottom: 0
}
.modal {
  color: #141d36;
  background-color: #eef1f7;
  border-radius: 12px;
  padding: 36px 48px;
  max-width: 500px;
  width: 100%
}
@media all and (max-width:575px) {
  .modal {
    padding: 30px
  }
}
.modal .modal__heading {
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  .modal .modal__heading {
    margin-bottom: 16px
  }
}
.modal .modal__heading h2 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 14px
}
.modal .modal__heading p {
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  .modal .modal__heading p {
    margin-bottom: 16px
  }
}
#modal-thanks .modal__heading {
  margin-bottom: 0
}
#modal-thanks .modal__heading h2 {
  margin-bottom: 0
}
.form__inner .form__title {
  color: rgba(20,29,54,.8);
  margin-bottom: 12px
}
.form__inner .form__counter {
  margin-bottom: 24px
}
@media all and (max-width:575px) {
  .form__inner .form__counter {
    margin-bottom: 16px
  }
}
.form__inner .form__counter .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid rgba(20,29,54,.2);
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  padding: 8px 16px
}
.form__inner .form__counter .counter.counter-not-valid {
  border: 2px solid #c22828
}
.form__inner .form__counter .counter__btn {
  background: 0 0;
  border: none;
  font-size: 22px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #3a3f45;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.form__inner .form__counter .counter__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  margin: 0 12px;
  font-size: 16px
}
.form__inner .form__counter .counter input {
  width: 60px;
  border: none;
  background: 0 0;
  text-align: center;
  font-size: 18px;
  outline: 0
}
.form__inner .form__counter .counter__unit {
  font-size: 16px;
  color: rgba(20,29,54,.5)
}
.form__inner input[type=number]::-webkit-inner-spin-button,
.form__inner input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0
}
.form__inner .form__item {
  margin-bottom: 24px
}
@media all and (max-width:575px) {
  .form__inner .form__item {
    margin-bottom: 16px
  }
}
.form__inner .form__item .item__inner {
  position: relative
}
.form__inner .form__item .item__inner:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto
}
.form__inner .form__item .item__inner.item-name::after {
  background-image: url(../img/icon_11.svg)
}
.form__inner .form__item .item__inner.item-phone::after {
  background-image: url(../img/icon_12.svg)
}
.form__inner .form__item .item__inner.item-email::after {
  background-image: url(../img/icon_30.svg)
}
.form__inner .form__item .item__inner input,
.form__inner .form__item .item__inner select,
.form__inner .form__item .item__inner textarea {
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  padding-left: 46px;
  padding-right: 14px;
  border: 1px solid rgba(20,29,54,.2);
  background-color: #fff;
  color: rgba(20,29,54,.5)
}
.form__inner .form__item .item__inner input::-webkit-input-placeholder,
.form__inner .form__item .item__inner select::-webkit-input-placeholder,
.form__inner .form__item .item__inner textarea::-webkit-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input::-moz-placeholder,
.form__inner .form__item .item__inner select::-moz-placeholder,
.form__inner .form__item .item__inner textarea::-moz-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input::-ms-placeholder,
.form__inner .form__item .item__inner select::-ms-placeholder,
.form__inner .form__item .item__inner textarea::-ms-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input::-webkit-input-placeholder,
.form__inner .form__item .item__inner select::-webkit-input-placeholder,
.form__inner .form__item .item__inner textarea::-webkit-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input::-moz-placeholder,
.form__inner .form__item .item__inner select::-moz-placeholder,
.form__inner .form__item .item__inner textarea::-moz-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input:-ms-input-placeholder,
.form__inner .form__item .item__inner select:-ms-input-placeholder,
.form__inner .form__item .item__inner textarea:-ms-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input::-ms-input-placeholder,
.form__inner .form__item .item__inner select::-ms-input-placeholder,
.form__inner .form__item .item__inner textarea::-ms-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner input::placeholder,
.form__inner .form__item .item__inner select::placeholder,
.form__inner .form__item .item__inner textarea::placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
.form__inner .form__item .item__inner select {
  padding-left: 16px
}
.form__inner .form__item .item__inner textarea {
  padding-top: 8px;
  padding-left: 16px;
  height: 120px;
  resize: none
}
.form__inner .form__submit {
  position: relative;
  margin-bottom: 20px
}
@media all and (max-width:575px) {
  .form__inner .form__submit {
    margin-bottom: 16px
  }
}
.form__inner .form__submit .wpcf7-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}
.form__inner .form__policy .policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left
}
.form__inner .form__policy .policy .text p {
  color: rgba(20,29,54,.5);
  font-size: 14px;
  line-height: 16px
}
@media all and (max-width:575px) {
  .form__inner .form__policy .policy .text p {
    font-size: 10px
  }
}
.form__inner .form__policy .policy .text p a {
  text-decoration: underline;
  color: rgba(20,29,54,.5)
}
.form__inner .form__policy .policy .checkbox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
  position: relative;
  border: 1px solid #ff7a00;
  width: 24px;
  height: 24px;
  border-radius: 5px
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap {
  margin-bottom: 0;
  height: auto
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap:before {
  display: none
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap span.wpcf7-acceptance span.wpcf7-list-item input {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: block;
  z-index: 1000
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap span.wpcf7-acceptance span.wpcf7-list-item input:checked ~ .wpcf7-list-item-label {
  background-color: #ff7a00
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap span.wpcf7-acceptance span.wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after {
  display: block
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap span.wpcf7-acceptance span.wpcf7-list-item span.wpcf7-list-item-label {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  width: 24px;
  height: 24px;
  border-radius: 4px
}
.form__inner .form__policy .policy .checkbox span.wpcf7-form-control-wrap span.wpcf7-acceptance span.wpcf7-list-item span.wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 6px;
  margin: auto;
  width: 8px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
header {
  border-bottom: 1px solid #eef1f7
}
header .header__top {
  background-color: #141d36;
  color: #fff;
  padding: 7.5px 0
}
@media all and (max-width:767px) {
  header .header__top {
    display: none
  }
}
header .header__top .header__contacts ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 36px
}
header .header__top .header__contacts ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}
header .header__top .header__contacts ul li a {
  display: inline-block;
  color: #eef1f7;
  font-weight: 700
}
header .header__top .header__location .location__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 12px;
  color: #eef1f7
}
header .header__main {
  background-color: #fff;
  padding: 12px 0
}
@media all and (max-width:767px) {
  header .header__main {
    background-color: #eef1f7
  }
}
@media all and (max-width:991px) {
  header .header__main .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px
  }
}
@media all and (max-width:767px) {
  header .header__main .header__logo {
    gap: 24px
  }
}
header .header__main .header__logo .logo__inner a img {
  width: 192px;
  height: auto
}
@media all and (max-width:767px) {
  header .header__main .header__logo .logo__inner a img {
    width: 142px
  }
}
header .header__main .header__logo .header_burger {
  position: relative;
  display: none
}
@media all and (max-width:991px) {
  header .header__main .header__logo .header_burger {
    display: block
  }
}
header .header__main .header__logo .header_burger .burger_button {
  position: relative;
  width: 56px;
  height: 40px;
  border-radius: 6px;
  background-color: #ff7a00;
  display: block;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 20
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .burger_button {
    width: 28px;
    height: 28px;
    z-index: 10
  }
}
header .header__main .header__logo .header_burger .burger_button span {
  display: block;
  position: absolute;
  height: 2px;
  width: 17px;
  background: #fff;
  opacity: 1;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out
}
header .header__main .header__logo .header_burger .burger_button span:nth-child(1) {
  top: 14px
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .burger_button span:nth-child(1) {
    top: 9px
  }
}
header .header__main .header__logo .header_burger .burger_button span:nth-child(2) {
  top: 18px
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .burger_button span:nth-child(2) {
    top: 13px
  }
}
header .header__main .header__logo .header_burger .burger_button span:nth-child(3) {
  top: 22px
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .burger_button span:nth-child(3) {
    top: 17px
  }
}
header .header__main .header__logo .header_burger .burger_button.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .burger_button.open span:nth-child(1) {
    top: 14px
  }
}
header .header__main .header__logo .header_burger .burger_button.open span:nth-child(2) {
  opacity: 0;
  left: -60px
}
header .header__main .header__logo .header_burger .burger_button.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg)
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .burger_button.open span:nth-child(3) {
    top: 14px
  }
}
header .header__main .header__logo .header_burger .menu_toggle {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  margin: 0 auto;
  overflow: auto;
  z-index: 11;
  padding-top: 14px;
  top: 105px;
  padding-bottom: 70px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle {
    top: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 70%;
    right: auto;
    -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
    box-shadow: 0 0 12px rgba(20,29,54,.2)
  }
}
header .header__main .header__logo .header_burger .menu_toggle.menuopen {
  -webkit-transform: translateX(0)!important;
  -ms-transform: translateX(0)!important;
  transform: translateX(0)!important
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle.menuopen {
    -webkit-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    transform: translateX(0)!important
  }
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle .toggle__inner {
    min-height: 100%
  }
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .container {
  padding-left: 10px;
  padding-right: 10px
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .wrapper {
    width: 70%;
    border: 1px solid green
  }
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .menu__top {
  display: none;
  margin-bottom: 24px
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .menu__top .mobile__logo img {
  width: 142px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .menu__top #mobile-close {
  width: 14px;
  height: 14px;
  border: none;
  background-color: transparent;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_8.svg)
}
@media all and (min-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
    box-shadow: 0 0 12px rgba(20,29,54,.2);
    border-radius: 6px;
    max-width: 360px;
    width: 100%;
    padding: 12px 24px
  }
}
@media all and (max-width:767px) {
  header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu {
    margin-bottom: 50px
  }
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu li:not(:last-child) {
  border-bottom: 1px solid rgba(20,29,54,.1)
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu li.current-menu-item:not(.menu-item-object-custom) a {
  color: #ff7a00
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu li a {
  font-size: 10px;
  font-weight: 700;
  color: #141d36;
  display: block;
  padding: 5px 0;
  padding: 12px 24px 12px 0;
  position: relative;
  text-transform: uppercase;
  color: #141d36
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu li a:hover {
  color: #ff7a00
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__menu li a:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_6.svg);
  width: 12px;
  height: 12px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__contacts {
  margin-bottom: 26px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__contacts li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__contacts li:not(:last-child) {
  margin-bottom: 12px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__contacts li img {
  width: 18px;
  height: 18px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__contacts li a {
  color: #141d36
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .mobile__contacts li a:hover {
  color: #ff7a00
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 36px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .social img {
  width: 24px;
  height: 24px
}
header .header__main .header__logo .header_burger .menu_toggle .toggle__inner .social a:hover {
  opacity: .8
}
@media all and (max-width:991px) {
  header .header__main .header__menu {
    display: none
  }
}
header .header__main .header__menu .menu__inner ul {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px
}
header .header__main .header__menu .menu__inner ul li.current-menu-item:not(.menu-item-object-custom) a {
  color: #ff7a00
}
header .header__main .header__menu .menu__inner ul li.current-category-ancestor a {
  color: #ff7a00
}
header .header__main .header__menu .menu__inner ul li a {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  color: #141d36
}
header .header__main .header__menu .menu__inner ul li a:hover {
  color: #ff7a00
}
header .header__main .header__btn {
  text-align: right
}
@media all and (max-width:767px) {
  header .header__main .header__btn .btn-callback {
    padding: 2px
  }
}
@media all and (min-width:767px) {
  header .header__main .header__btn .btn-callback img {
    display: none
  }
}
@media all and (max-width:767px) {
  header .header__main .header__btn .btn-callback span {
    display: none
  }
}
#breadcrumbs {
  padding-top: 36px;
  padding-bottom: 24px;
  text-align: center;
  margin-bottom: 0
}
@media all and (max-width:991px) {
  #breadcrumbs {
    padding-top: 24px;
    padding-bottom: 18px
  }
}
@media all and (max-width:575px) {
  #breadcrumbs {
    padding-bottom: 12px
  }
}
#breadcrumbs .breadcrumbs {
  color: #141d36;
  font-size: 14px
}
@media all and (max-width:991px) {
  #breadcrumbs .breadcrumbs {
    font-size: 10px
  }
}
#breadcrumbs .breadcrumbs span {
  color: #141d36;
  display: inline-block
}
#breadcrumbs .breadcrumbs span a {
  color: rgba(20,29,54,.5);
  display: inline-block
}
#breadcrumbs .breadcrumbs span a span {
  color: inherit
}
article .aligncenter,
article div.aligncenter,
article img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto
}
article img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline
}
article img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline
}
article .alignright {
  float: right
}
article .alignleft {
  float: left
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-weight: 300;
  margin-bottom: .625em;
  line-height: 120%
}
article h1 {
  font-size: 32px
}
@media all and (max-width:767px) {
  article h1 {
    font-size: 24px
  }
}
article h2 {
  font-size: 24px
}
@media all and (max-width:767px) {
  article h2 {
    font-size: 20px
  }
}
article h3 {
  font-size: 22px
}
@media all and (max-width:767px) {
  article h3 {
    font-size: 18px
  }
}
article h4 {
  font-size: 20px
}
@media all and (max-width:767px) {
  article h4 {
    font-size: 16px
  }
}
article h5 {
  font-size: 18px
}
@media all and (max-width:767px) {
  article h5 {
    font-size: 14px
  }
}
article h6 {
  font-size: 16px
}
@media all and (max-width:767px) {
  article h6 {
    font-size: 12px
  }
}
article p {
  margin-bottom: 1em
}
article a {
  color: #00a8d2
}
article ul {
  margin-bottom: 1em
}
article ul li {
  position: relative;
  padding-left: 36px
}
@media all and (max-width:991px) {
  article ul li {
    padding-left: 22px
  }
}
article ul li:not(:last-child) {
  margin-bottom: 14px
}
@media all and (max-width:991px) {
  article ul li:not(:last-child) {
    margin-bottom: 7px
  }
}
article ul li:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_25.svg);
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
@media all and (max-width:991px) {
  article ul li:after {
    width: 16px;
    height: 16px
  }
}
article ul ul {
  margin-bottom: 0
}
article ol li,
article ul li {
  margin-bottom: 4px
}
article ol {
  counter-reset: myCounter;
  margin-bottom: 1em
}
article ol li {
  list-style: none;
  position: relative;
  padding-left: 25px
}
article ol li:not(:last-child) {
  margin-bottom: 14px
}
article ol li:before {
  position: absolute;
  counter-increment: myCounter;
  content: counter(myCounter) " ";
  color: #ff7a00;
  display: inline-block;
  color: rgba(20,29,54,.5);
  font-weight: 700;
  left: 0;
  top: 0
}
article mark {
  padding: 0
}
article .wp-block-table,
article table {
  overflow-x: auto;
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
  padding: 0;
  border-spacing: 0
}
article table form,
article table li,
article table p,
article table ul {
  margin: 6px 0;
  padding: 0
}
article table tfoot,
article table thead,
article table.wp-block-table tfoot,
article table.wp-block-table thead {
  border: 1px solid rgba(0,0,0,.12)
}
article table tbody tr:nth-child(odd) {
  background: rgba(0,0,0,.04)
}
article table th,
article table.wp-block-table th {
  font-size: 1.1rem;
  text-transform: uppercase;
  margin: 0;
  padding: 12px;
  border-top: 1px solid rgba(0,0,0,.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media all and (max-width:575px) {
  article table td,
  article table th {
    min-width: 180px
  }
}
article table td,
article table.wp-block-table td {
  padding: 12px;
  margin: 0;
  border-top: 1px solid #ddd;
  border-top: 1px solid rgba(0,0,0,.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
article table.wp-block-table.is-style-stripes {
  border-collapse: collapse
}
article table.wp-block-table.is-style-stripes td {
  border: 1px solid #ddd;
  border: 1px solid rgba(0,0,0,.12)
}
.lightbox-image-container {
  width: 100vw!important
}
.lightbox-image-container figure img {
  width: auto!important;
  height: auto!important;
  -o-object-fit: contain!important;
  object-fit: contain!important;
  max-height: 100%!important
}
.wpcf7-validation-errors {
  display: none!important
}
.wpcf7-form .wpcf7-response-output {
  font-size: 13px;
  line-height: 17px;
  margin: 0!important;
  padding: 0!important;
  border: none!important
}
#block-15 input[type=tel].wpcf7-not-valid,
#block-15 input[type=text].wpcf7-not-valid,
#block-7 input[type=tel].wpcf7-not-valid,
#block-7 input[type=text].wpcf7-not-valid,
input[type=date].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
input[type=text].wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 2px solid #c22828!important;
  position: relative
}
body span.wpcf7-not-valid-tip {
  display: none!important;
  color: #ec3c06;
  border: none;
  background: 0 0
}
body span.wpcf7-not-valid-tip-no-ajax {
  display: inline-block;
  font-size: 18px;
  margin: 0 0 0 10px
}
body div.wpcf7-validation-errors {
  background: #ffe2e2;
  border: 2px solid #ff8a8a;
  color: #c22828;
  font-size: 18px;
  text-align: center;
  position: relative;
  z-index: 12000
}
.contact-inner-form .wpcf7-response-output {
  width: 95%
}
body div.wpcf7-response-output {
  padding: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 3px
}
body .wpcf7-mail-sent-ng {
  background: #fff2e2;
  border: 1px solid #ffbc8a;
  color: #e17731
}
body .wpcf7-mail-sent-ok {
  border: 1px solid transparent;
  color: #ff5805;
  text-align: center
}
.section-mainblock {
  background-color: #f7f8fb;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url(../img/2.webp);
  min-height: 586px;
  position: relative;
  padding-top: 200px;
  padding-bottom: 186px;
  z-index: 2;
  overflow: hidden;
  margin-bottom: 0
}
@media all and (max-width:1300px) {
  .section-mainblock {
    padding-top: 50px
  }
}
@media all and (max-width:1199px) {
  .section-mainblock {
    padding-top: 30px;
    padding-bottom: 174px;
    min-height: 360px
  }
}
@media all and (max-width:767px) {
  .section-mainblock {
    padding-bottom: 0;
    min-height: inherit;
    text-align: center
  }
}
.section-mainblock .mainblock__content .content__inner h1 {
  font-weight: 300;
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 16px
}
@media all and (max-width:991px) {
  .section-mainblock .mainblock__content .content__inner h1 {
    font-size: 24px
  }
}
.section-mainblock .mainblock__content .content__inner h5 {
  margin-bottom: 24px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  .section-mainblock .mainblock__content .content__inner h5 {
    margin-bottom: 16px
  }
}
.section-mainblock .wrapper {
  position: relative
}
.section-mainblock .image {
  position: absolute;
  top: 0;
  right: auto;
  left: 45%;
  height: 100%;
  z-index: -1
}
@media all and (max-width:1199px) {
  .section-mainblock .image {
    left: 48%
  }
}
@media all and (max-width:767px) {
  .section-mainblock .image {
    position: relative;
    height: auto;
    left: 0;
    right: 0;
    margin: auto
  }
}
@media all and (min-width:767px) {
  .section-mainblock .image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
  }
}
.section-services {
  background-color: #eef1f7;
  padding-top: 50px;
  padding-bottom: 16px;
  margin-bottom: 0
}
@media all and (max-width:991px) {
  .section-services {
    padding-top: 36px;
    padding-bottom: 34px
  }
}
@media all and (max-width:767px) {
  .section-services {
    padding-bottom: 0
  }
}
.section-services .services__image {
  position: relative;
  z-index: 1
}
@media all and (max-width:767px) {
  .section-services .services__image {
    margin-top: -30px
  }
}
@media all and (min-width:1199px) {
  .section-services .services__image .image__inner {
    padding-right: 40px
  }
}
.section-services .services__list {
  position: relative;
  z-index: 2
}
@media all and (max-width:767px) {
  .section-services .services__list {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
}
.section-services .list__item {
  margin-bottom: 20px
}
@media all and (max-width:991px) {
  .section-services .list__item {
    margin-bottom: 6px
  }
}
.section-services .list__item .item__inner {
  display: block;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.1);
  box-shadow: 0 0 12px rgba(20,29,54,.1);
  border-radius: 12px;
  padding: 24px;
  color: #141d36
}
@media all and (max-width:991px) {
  .section-services .list__item .item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 6px
  }
}
.section-services .list__item .item__inner:hover {
  color: #ff7a00
}
@media all and (min-width:991px) {
  .section-services .list__item .item__inner .icon {
    margin-bottom: 12px
  }
}
.section-services .list__item .item__inner .icon img {
  width: 64px;
  height: 64px
}
@media all and (max-width:991px) {
  .section-services .list__item .item__inner .icon img {
    width: 48px;
    height: 48px
  }
}
@media all and (max-width:991px) {
  .section-services .list__item .item__inner .content {
    text-align: left
  }
}
.section-services .list__item .item__inner .title {
  margin-bottom: 12px;
  color: inherit
}
@media all and (max-width:991px) {
  .section-services .list__item .item__inner .title {
    margin-bottom: 8px;
    font-size: 12px
  }
}
.section-services .list__item .item__inner .text {
  font-size: 14px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  .section-services .list__item .item__inner .text {
    font-size: 10px
  }
}
.section-whyus {
  margin-bottom: 0;
  padding-top: 70px;
  overflow: hidden
}
@media all and (max-width:991px) {
  .section-whyus {
    padding-top: 36px
  }
}
@media all and (max-width:575px) {
  .section-whyus {
    padding-top: 24px
  }
}
.section-whyus.section-whyus-page {
  padding-top: 0
}
.section-whyus.section-whyus-page .heading-top,
.section-whyus.section-whyus-page .whyus__wrapper {
  display: none!important
}
.section-whyus .wrapper {
  position: relative;
  z-index: 2
}
.section-whyus .wrapper:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/3.webp);
  width: 916px;
  height: 847px;
  top: -50px;
  left: -120px;
  z-index: -1
}
@media all and (max-width:1199px) {
  .section-whyus .wrapper:after {
    left: -400px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper:after {
    width: 350px;
    height: 338px;
    top: auto;
    bottom: 73px;
    left: -60px;
    right: auto
  }
}
.section-whyus .wrapper .whyus__wrapper {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 20px;
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .whyus__wrapper {
    gap: 6px;
    margin-bottom: 60px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .whyus__wrapper {
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 44px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item:last-child {
    grid-column: span 2
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item:last-child .item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    text-align: left
  }
}
.section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner {
  background-color: #eef1f7;
  border-radius: 12px;
  padding: 24px 4px
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner {
    padding: 22px 2px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner {
    padding: 12px;
    border-radius: 6px
  }
}
.section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__icon {
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__icon {
    margin-bottom: 8px
  }
}
.section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__icon img {
  width: 32px;
  height: 32px
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__icon img {
    width: 28px;
    height: 28px
  }
}
.section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__title {
  margin-bottom: 6px
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__title {
    font-size: 12px;
    margin-bottom: 4px
  }
}
.section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__text {
  font-size: 14px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .whyus__wrapper .whyus__item .item__inner .whyus__text {
    font-size: 10px
  }
}
.section-whyus .wrapper .work__employee .employee__inner {
  position: relative
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .work__employee .employee__inner .employee__photo {
    text-align: right;
    position: relative;
    top: -100px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .work__employee .employee__inner .employee__photo img {
    max-width: 242px;
    width: 100%
  }
}
.section-whyus .wrapper .work__employee .employee__inner .employee__details {
  position: absolute;
  right: 50px;
  bottom: 88px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 4px;
  padding: 12px;
  max-width: 344px;
  width: 100%
}
@media all and (max-width:991px) {
  .section-whyus .wrapper .work__employee .employee__inner .employee__details {
    right: 0;
    bottom: 38px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .work__employee .employee__inner .employee__details {
    max-width: none;
    bottom: 20px
  }
}
.section-whyus .wrapper .work__employee .employee__inner .employee__details h4 {
  margin-bottom: 4px
}
.section-whyus .wrapper .work__employee .employee__inner .employee__details p {
  color: rgba(20,29,54,.5);
  margin-bottom: 12px
}
.section-whyus .wrapper .work__wrapper .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .work__content {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding-bottom: 60px
  }
}
.section-whyus .wrapper .work__content .content__inner {
  padding-bottom: 140px
}
@media all and (max-width:1199px) {
  .section-whyus .wrapper .work__content .content__inner {
    padding-bottom: 62px
  }
}
@media all and (max-width:767px) {
  .section-whyus .wrapper .work__content .content__inner {
    max-width: 330px;
    width: 100%;
    margin: 0 auto
  }
}
.section-whyus .wrapper .work__content .work__wrapper {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 64px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin: 0 auto
}
.section-whyus .wrapper .work__content .work__item {
  position: relative
}
.section-whyus .wrapper .work__content .work__item:first-child .icon::after {
  -webkit-filter: brightness(0) saturate(100%) invert(67%) sepia(85%) saturate(4524%) hue-rotate(360deg) brightness(102%) contrast(105%);
  filter: brightness(0) saturate(100%) invert(67%) sepia(85%) saturate(4524%) hue-rotate(360deg) brightness(102%) contrast(105%);
  -webkit-animation: rotatePulse 5s infinite linear;
  animation: rotatePulse 5s infinite linear
}
.section-whyus .wrapper .work__content .work__item:first-child .icon:hover .icon__inner a img {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07)
}
.section-whyus .wrapper .work__content .work__item .icon {
  width: 48px;
  height: 48px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 12px
}
.section-whyus .wrapper .work__content .work__item .icon:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_17.svg);
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1
}
@-webkit-keyframes rotatePulse {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@keyframes rotatePulse {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
.section-whyus .wrapper .work__content .work__item .icon .icon__inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%
}
.section-whyus .wrapper .work__content .work__item .icon .icon__inner a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.section-whyus .wrapper .work__content .work__item .icon .icon__inner img {
  width: 24px;
  height: 24px;
  will-change: transform;
  -webkit-transition: .25s all;
  transition: .25s all
}
.section-whyus .wrapper .work__content .work__item .work__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}
.section-whyus .wrapper .work__content .work__item .work__content .number {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 300;
  font-size: 32px;
  line-height: 120%;
  color: #ced1d8
}
@media all and (max-width:1199px) {
  .section-whyus .wrapper .work__content .work__item .work__content .number {
    font-size: 24px
  }
}
@media all and (max-width:1199px) {
  .section-whyus .wrapper .work__content .work__item .work__content p {
    font-size: 12px
  }
}
.section-whyus .wrapper .work__content .work__item:nth-child(1) {
  grid-area: 1/1
}
.section-whyus .wrapper .work__content .work__item:nth-child(1):after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_18.svg);
  width: 147px;
  height: 8px;
  top: 22px;
  right: -50px
}
.section-whyus .wrapper .work__content .work__item:nth-child(2) {
  grid-area: 1/2
}
.section-whyus .wrapper .work__content .work__item:nth-child(2):after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_19.svg);
  width: 147px;
  height: 8px;
  top: 22px;
  right: -50px
}
.section-whyus .wrapper .work__content .work__item:nth-child(3) {
  grid-area: 1/3
}
.section-whyus .wrapper .work__content .work__item:nth-child(3):after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_20.svg);
  width: 8px;
  height: 45px;
  top: calc(100% + 10px);
  left: 22px
}
.section-whyus .wrapper .work__content .work__item:nth-child(4) {
  grid-area: 2/3
}
.section-whyus .wrapper .work__content .work__item:nth-child(4):after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_21.svg);
  width: 147px;
  height: 8px;
  top: 22px;
  left: -160px
}
.section-whyus .wrapper .work__content .work__item:nth-child(5) {
  grid-area: 2/2
}
.section-whyus .wrapper .work__content .work__item:nth-child(5):after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_21.svg);
  width: 147px;
  height: 8px;
  top: 22px;
  left: -160px
}
.section-whyus .wrapper .work__content .work__item:nth-child(6) {
  grid-area: 2/1
}
@media (max-width:1199px) {
  .section-whyus .wrapper .work__content .work__wrapper {
    grid-template-columns: repeat(2,1fr)
  }
  .section-whyus .wrapper .work__content .work__item {
    width: 100%;
    height: 89px;
    aspect-ratio: 1/1
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(1) {
    grid-area: 1/1
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(1)::after {
    right: -30px
  }
}
@media (max-width:1199px) and (max-width:991px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(1)::after {
    right: -60px
  }
}
@media (max-width:1199px) and (max-width:767px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(1)::after {
    width: 100px;
    right: -40px
  }
}
@media (max-width:1199px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(2) {
    grid-area: 1/2
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(2):after {
    background-image: url(../img/icon_20.svg);
    width: 8px;
    height: 45px;
    top: calc(100% + 8px);
    left: 22px
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(3) {
    grid-area: 2/2
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(3):after {
    background-image: url(../img/icon_21.svg);
    width: 147px;
    height: 8px;
    top: 22px;
    left: -180px
  }
}
@media (max-width:1199px) and (max-width:991px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(3):after {
    left: -155px
  }
}
@media (max-width:1199px) and (max-width:767px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(3):after {
    width: 100px;
    left: -120px
  }
}
@media (max-width:1199px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(4) {
    grid-area: 2/1
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(4):after {
    background-image: url(../img/icon_20.svg);
    width: 8px;
    height: 45px;
    top: calc(100% + 8px);
    left: 22px
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(5) {
    grid-area: 3/1
  }
  .section-whyus .wrapper .work__content .work__item:nth-child(5):after {
    position: absolute;
    content: "";
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../img/icon_19.svg);
    width: 147px;
    height: 8px;
    top: 22px;
    left: 90px
  }
}
@media (max-width:1199px) and (max-width:991px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(5):after {
    left: 60px
  }
}
@media (max-width:1199px) and (max-width:767px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(5):after {
    width: 100px;
    left: 80px
  }
}
@media (max-width:1199px) {
  .section-whyus .wrapper .work__content .work__item:nth-child(6) {
    grid-area: 3/2
  }
}
.section-cases {
  background-color: #eef1f7;
  padding: 64px 0;
  overflow: hidden
}
@media all and (max-width:991px) {
  .section-cases {
    padding: 36px 0
  }
}
.section-cases .wrapper {
  margin-bottom: 48px
}
@media all and (max-width:991px) {
  .section-cases .wrapper {
    margin-bottom: 24px
  }
}
@media all and (max-width:767px) {
  .section-cases .wrapper {
    width: calc(100% + 20px);
    position: relative;
    left: -10px
  }
}
@media all and (max-width:575px) {
  .section-cases .wrapper {
    margin-bottom: 16px
  }
}
.section-cases .wrapper .cases__slider .swiper-slide {
  height: auto
}
.section-cases .wrapper .cases__slider .slide__inner {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  min-height: 400px;
  border-radius: 12px;
  overflow: hidden;
  padding: 24px;
  color: #fff
}
@media all and (max-width:991px) {
  .section-cases .wrapper .cases__slider .slide__inner {
    min-height: 300px;
    padding: 16px;
    border-radius: 6px
  }
}
.section-cases .wrapper .cases__slider .slide__inner:after {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(20,29,54,0)),color-stop(98.89%,#141d36));
  background: linear-gradient(180deg,rgba(20,29,54,0) 0,#141d36 98.89%);
  width: 100%;
  height: 167px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1
}
.section-cases .wrapper .cases__slider .slide__inner .cases__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}
.section-cases .wrapper .cases__slider .slide__inner .cases__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
.section-cases .wrapper .cases__slider .slide__inner .cases__details h4 {
  color: inherit;
  margin-bottom: 6px
}
.section-cases .wrapper .cases__slider .slide__inner .cases__details p {
  font-size: 14px;
  color: #ced1d8;
  margin-bottom: 12px
}
.section-cases .wrapper .cases__slider .slide__inner .cases__details .result {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.1);
  color: #ff7a00
}
@media all and (max-width:991px) {
  .section-cases .wrapper .cases__slider .slide__inner .cases__details .result {
    padding: 4px 6px
  }
}
@media all and (max-width:991px) {
  .section-cases .wrapper .cases__slider .slide__inner .cases__details .result img {
    width: 18px;
    height: 18px
  }
}
@media all and (min-width:767px) {
  .section-cases .swiper-button-next,
  .section-cases .swiper-button-prev {
    display: none
  }
}
.swiper-button-next,
.swiper-button-prev {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  color: #ff7a00;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: .25s all;
  transition: .25s all
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none
}
.swiper-button-next {
  background-image: url(../img/arrow.svg)
}
.swiper-button-prev {
  background-image: url(../img/arrow.svg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.tariffs__wrapper .tariffs__item {
  margin-bottom: 20px
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item {
    margin-bottom: 6px
  }
}
.tariffs__wrapper .tariffs__item .item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  -webkit-box-shadow: 0 0 16px rgba(20,29,54,.1);
  box-shadow: 0 0 16px rgba(20,29,54,.1);
  border-radius: 12px;
  border: 2px solid #fff;
  padding: 36px 24px 24px 24px;
  color: #141d36
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px
  }
}
@media all and (max-width:767px) {
  .tariffs__wrapper .tariffs__item .item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0;
    padding: 28px 16px 16px 16px
  }
}
.tariffs__wrapper .tariffs__item .item__inner:hover {
  border: 2px solid #ff7a00;
  background-color: rgba(255,122,0,.05);
  -webkit-box-shadow: none;
  box-shadow: none
}
.tariffs__wrapper .tariffs__item .item__inner:hover .inner ul li {
  text-shadow: 0 0 .65px rgba(20,29,54,.8),0 0 .65px rgba(20,29,54,.8)
}
.tariffs__wrapper .tariffs__item .item__inner:hover .btn {
  background-color: #ff7a00;
  color: #fff
}
.tariffs__wrapper .tariffs__item .item__inner:hover .btn span::after {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(9deg) brightness(105%) contrast(101%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(9deg) brightness(105%) contrast(101%)
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .inner {
    width: 100%
  }
}
.tariffs__wrapper .tariffs__item .item__inner .inner ul {
  margin-bottom: 32px
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .inner ul {
    margin-bottom: 28px
  }
}
@media all and (max-width:767px) {
  .tariffs__wrapper .tariffs__item .item__inner .inner ul {
    max-width: 220px;
    width: 100%;
    margin: 0 auto 20px auto
  }
}
.tariffs__wrapper .tariffs__item .item__inner .inner ul li {
  position: relative;
  padding-left: 36px;
  color: rgba(20,29,54,.8);
  -webkit-transition: .25s all;
  transition: .25s all
}
.tariffs__wrapper .tariffs__item .item__inner .inner ul li:not(:last-child) {
  margin-bottom: 14px
}
.tariffs__wrapper .tariffs__item .item__inner .inner ul li:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_25.svg);
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title {
  margin-bottom: 44px
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title {
    width: 296px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
  }
}
@media all and (max-width:767px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title {
    display: block;
    width: auto;
    margin-bottom: 20px
  }
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title:before {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_27.svg);
  width: 12px;
  height: 51px;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  display: none
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title:before {
    display: block
  }
}
@media all and (max-width:767px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title:before {
    display: none
  }
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_28.svg);
  width: 12px;
  height: 51px;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
  display: none
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title:after {
    display: block
  }
}
@media all and (max-width:767px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title:after {
    display: none
  }
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3 {
  font-size: 32px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  color: inherit
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3 {
    font-size: 24px
  }
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::after,
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::before {
  content: "";
  display: block;
  width: 99px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::after,
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::before {
    display: none
  }
}
@media all and (max-width:767px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::after,
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::before {
    display: block
  }
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::before {
  background-image: url(../img/icon_23.svg)
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title h3::after {
  background-image: url(../img/icon_24.svg)
}
.tariffs__wrapper .tariffs__item .item__inner .tariffs__title .tariffs__price {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #ff7a00
}
@media all and (max-width:991px) {
  .tariffs__wrapper .tariffs__item .item__inner .tariffs__title .tariffs__price {
    font-size: 20px
  }
}
.section-cost {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/4.avif);
  padding: 96px 0
}
@media all and (max-width:991px) {
  .section-cost {
    padding: 50px 0
  }
}
@media all and (max-width:575px) {
  .section-cost {
    padding: 24px 0
  }
}
.section-cost .wrapper {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  background-color: #eef1f7;
  -webkit-box-shadow: 0 0 24px rgba(20,29,54,.1);
  box-shadow: 0 0 24px rgba(20,29,54,.1);
  border-radius: 12px;
  padding: 36px 48px 16px 48px
}
@media all and (max-width:767px) {
  .section-cost .wrapper {
    padding: 16px
  }
}
.section-cost .wrapper .heading h5 {
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  .section-cost .wrapper .heading h5 {
    margin-bottom: 12px
  }
}
@media all and (max-width:767px) {
  .section-contacts .contacts__content {
    margin-bottom: 12px
  }
}
.section-contacts .contacts__content .content__inner {
  background-color: #eef1f7;
  border-radius: 12px;
  padding: 36px
}
@media all and (max-width:991px) {
  .section-contacts .contacts__content .content__inner {
    padding: 24px 16px
  }
}
.section-contacts .contacts__content .content__inner .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 24px
}
.section-contacts .contacts__content .content__inner .heading::after {
  content: "";
  display: block;
  width: 258px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.section-contacts .contacts__content .content__inner .heading::after {
  background-image: url(../img/icon_34.svg)
}
.section-contacts .contacts__content .content__inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px
}
.section-contacts .contacts__content .content__inner ul li:not(:last-child) {
  margin-bottom: 24px
}
.section-contacts .contacts__content .content__inner ul li .icon img {
  width: 48px;
  height: 48px
}
@media all and (max-width:991px) {
  .section-contacts .contacts__content .content__inner ul li .icon img {
    width: 36px;
    height: 36px
  }
}
.section-contacts .contacts__content .content__inner ul li .content h5 {
  margin-bottom: 6px
}
.section-contacts .contacts__content .content__inner ul li .content p {
  color: rgba(20,29,54,.5)
}
.section-contacts .contacts__content .content__inner ul li .content a {
  color: rgba(20,29,54,.5)
}
.section-contacts .contacts__content .content__inner ul li .content a:hover {
  color: #ff7a00
}
.section-contacts .contacts__map .map__inner {
  border-radius: 12px;
  overflow: hidden
}
@media all and (max-width:767px) {
  .section-contacts .contacts__map .map__inner {
    height: 303px
  }
}
.section-contacts .contacts__map .map__inner iframe {
  width: 100%;
  height: 100%
}
#footer {
  margin-bottom: 0;
  background-color: #141d36;
  padding-top: 36px;
  overflow: hidden
}
@media all and (max-width:991px) {
  #footer {
    padding-top: 24px
  }
}
@media all and (max-width:767px) {
  #footer {
    text-align: center
  }
}
#footer .footer__top {
  border-bottom: 1px solid rgba(255,255,255,.1);
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  #footer .footer__top {
    margin-bottom: 12px
  }
}
#footer .footer__top .footer__item {
  margin-bottom: 36px
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__item {
    margin-bottom: 24px
  }
}
#footer .footer__top .footer__logo .logo__inner .logo {
  margin-bottom: 24px
}
#footer .footer__top .footer__logo .logo__inner .logo img {
  width: 194px;
  height: auto
}
#footer .footer__top .footer__logo .logo__inner .footer__text {
  margin-bottom: 24px;
  font-size: 14px;
  color: rgba(255,255,255,.5)
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__logo .logo__inner .footer__text {
    font-size: 10px
  }
}
#footer .footer__top .footer__logo .logo__inner .contacts {
  margin-bottom: 24px
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__logo .logo__inner .contacts {
    max-width: 180px;
    width: 100%;
    margin: 0 auto 24px auto;
    text-align: left
  }
}
#footer .footer__top .footer__logo .logo__inner .contacts li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.8)
}
#footer .footer__top .footer__logo .logo__inner .contacts li:first-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
#footer .footer__top .footer__logo .logo__inner .contacts li:not(:last-child) {
  margin-bottom: 12px
}
#footer .footer__top .footer__logo .logo__inner .contacts li .icon img {
  width: 24px;
  height: 24px
}
#footer .footer__top .footer__logo .logo__inner .contacts li a {
  color: rgba(255,255,255,.8)
}
#footer .footer__top .footer__logo .logo__inner .contacts li a:hover {
  color: #ff7a00
}
#footer .footer__top .footer__logo .logo__inner .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__logo .logo__inner .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#footer .footer__top .footer__logo .logo__inner .social img {
  width: 24px;
  height: 24px
}
#footer .footer__top .footer__logo .logo__inner .social a:hover {
  opacity: .8
}
@media all and (max-width:991px) {
  #footer .footer__top .footer__menu .menu__inner {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px
  }
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__menu .menu__inner {
    display: block
  }
}
#footer .footer__top .footer__menu .menu__wrapper {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px
}
@media all and (max-width:991px) {
  #footer .footer__top .footer__menu .menu__wrapper {
    grid-template-columns: repeat(1,1fr);
    gap: 16px
  }
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__menu .menu__wrapper {
    display: none
  }
}
@media all and (min-width:991px) {
  #footer .footer__top .footer__menu .menu__wrapper .menu__item {
    margin-bottom: 50px
  }
}
#footer .footer__top .footer__menu .menu__wrapper .menu__item h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  #footer .footer__top .footer__menu .menu__wrapper .menu__item h6 {
    margin-bottom: 12px
  }
}
#footer .footer__top .footer__menu .menu__wrapper .menu__item ul li:not(:last-child) {
  margin-bottom: 12px
}
#footer .footer__top .footer__menu .menu__wrapper .menu__item ul li.current-menu-item:not(.menu-item-object-custom) a {
  color: #ff7a00
}
#footer .footer__top .footer__menu .menu__wrapper .menu__item ul li a {
  font-size: 14px;
  color: #fff;
  display: inline-block
}
#footer .footer__top .footer__menu .menu__wrapper .menu__item ul li a:hover {
  color: #ff7a00
}
#footer .footer__top .footer__menu .menu__cons .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 12px
}
@media all and (max-width:767px) {
  #footer .footer__top .footer__menu .menu__cons .heading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block
  }
}
#footer .footer__top .footer__menu .menu__cons .heading::after {
  content: "";
  display: block;
  width: 435px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media all and (max-width:991px) {
  #footer .footer__top .footer__menu .menu__cons .heading::after {
    display: none
  }
}
#footer .footer__top .footer__menu .menu__cons .heading::after {
  background-image: url(../img/icon_38.svg)
}
#footer .footer__top .footer__menu .menu__cons .heading h3 {
  color: #fff;
  font-weight: 300
}
#footer .footer__top .footer__menu .menu__cons h5 {
  color: rgba(255,255,255,.5);
  margin-bottom: 24px
}
#footer .footer__bottom {
  font-size: 14px;
  color: rgba(255,255,255,.5)
}
@media all and (max-width:991px) {
  #footer .footer__bottom {
    text-align: center;
    font-size: 12px
  }
}
#footer .footer__bottom a {
  color: rgba(255,255,255,.5);
  display: inline-block
}
@media all and (max-width:767px) {
  #footer .footer__bottom a {
    font-size: 10px
  }
}
#footer .footer__bottom a:hover {
  color: #fff;
  text-decoration: underline
}
#footer .footer__bottom .footer__item {
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  #footer .footer__bottom .footer__item {
    margin-bottom: 24px
  }
}
@media all and (max-width:991px) {
  #footer .footer__bottom .footer__copyright p {
    font-weight: 700
  }
}
@media all and (max-width:991px) {
  #footer .footer__bottom .footer__policy {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
}
#footer .footer__bottom .footer__policy ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 24px
}
@media all and (max-width:991px) {
  #footer .footer__bottom .footer__policy ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#page .page__services .service__item {
  margin-bottom: 20px
}
@media all and (max-width:767px) {
  #page .page__services .service__item {
    margin-bottom: 12px
  }
}
#page .page__services .service__item .item__inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
#page .page__services .service__item .item__inner .service__image {
  height: 300px;
  display: block;
  border-radius: 12px;
  overflow: hidden
}
@media all and (max-width:991px) {
  #page .page__services .service__item .item__inner .service__image {
    height: 194px
  }
}
#page .page__services .service__item .item__inner .service__image:hover {
  opacity: .8
}
#page .page__services .service__item .item__inner .service__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
#page .page__services .service__item .item__inner .service__details {
  padding: 24px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
#page .page__services .service__item .item__inner .service__details .details__inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
#page .page__services .service__item .item__inner .service__details .details__inner .details__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 12px
}
#page .page__services .service__item .item__inner .service__details .details__inner .details__top .icon img {
  width: 48px;
  height: 48px
}
#page .page__services .service__item .item__inner .service__details .details__inner .details__top .content .service__title {
  display: block;
  margin-bottom: 6px;
  color: #141d36
}
#page .page__services .service__item .item__inner .service__details .details__inner .details__top .content .service__title:hover {
  color: #ff7a00
}
#page .page__services .service__item .item__inner .service__details .details__inner .details__top .content .service__title h3 {
  font-size: 24px;
  color: inherit
}
@media all and (max-width:991px) {
  #page .page__services .service__item .item__inner .service__details .details__inner .details__top .content .service__title h3 {
    font-size: 20px
  }
}
#page .page__services .service__item .item__inner .service__details .details__inner .details__top .content .service__price {
  font-size: 18px;
  font-weight: 500;
  color: #ff7a00
}
@media all and (max-width:991px) {
  #page .page__services .service__item .item__inner .service__details .details__inner .details__top .content .service__price {
    font-size: 14px
  }
}
#page .page__services .service__item .item__inner .service__details .details__inner .service__desc {
  margin-bottom: 24px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  #page .page__services .service__item .item__inner .service__details .details__inner .service__desc {
    margin-bottom: 12px
  }
}
#page .page__services .service__item .item__inner .service__details .details__inner ul li {
  position: relative;
  padding-left: 36px;
  color: rgba(20,29,54,.8);
  -webkit-transition: .25s all;
  transition: .25s all
}
#page .page__services .service__item .item__inner .service__details .details__inner ul li:not(:last-child) {
  margin-bottom: 14px
}
#page .page__services .service__item .item__inner .service__details .details__inner ul li:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_25.svg);
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.section-advantages {
  background-color: #eef1f7;
  padding: 64px 0;
  margin-bottom: 0
}
@media all and (max-width:991px) {
  .section-advantages {
    padding: 36px 0
  }
}
.section-advantages.advantages-black {
  background-color: #141d36
}
.section-advantages.advantages-black .advantages__wrapper .advantages__item .item__inner {
  background-color: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  color: #fff
}
.section-advantages.advantages-black .advantages__wrapper .advantages__item .item__inner .advantages__text {
  color: rgba(255,255,255,.5)
}
.section-advantages.section-advantages-white {
  background-color: #fff
}
.section-advantages .advantages__wrapper {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper {
    gap: 16px
  }
}
@media all and (max-width:767px) {
  .section-advantages .advantages__wrapper {
    grid-template-columns: repeat(2,1fr);
    gap: 12px
  }
}
.section-advantages .advantages__wrapper .advantages__item .item__inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 12px;
  padding: 24px
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner {
    padding: 24px 14px
  }
}
@media all and (max-width:767px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner {
    padding: 24px 10px
  }
}
.section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__icon {
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__icon {
    margin-bottom: 8px
  }
}
.section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__icon img {
  width: 32px;
  height: 32px
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__icon img {
    width: 28px;
    height: 28px
  }
}
.section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__number {
  font-size: 24px;
  font-weight: 700;
  color: #ff7a00;
  display: block;
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__number {
    font-size: 20px;
    margin-bottom: 8px
  }
}
.section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__title {
  margin-bottom: 6px
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__title {
    font-size: 12px;
    margin-bottom: 4px
  }
}
.section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__text {
  font-size: 14px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  .section-advantages .advantages__wrapper .advantages__item .item__inner .advantages__text {
    font-size: 10px
  }
}
.section-order {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/5.webp);
  padding: 36px 0;
  margin-bottom: 0
}
#page .page__service .service__text {
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  #page .page__service .service__text {
    margin-bottom: 16px
  }
}
#page .page__service .service__text .text__inner {
  border-radius: 12px;
  background-color: rgba(238,241,247,.5);
  padding: 24px 24px 8px 24px
}
@media all and (max-width:991px) {
  #page .page__service .service__text .text__inner {
    padding: 12px 12px 0 12px
  }
}
#page .page__service .service__price {
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  #page .page__service .service__price {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 8px
  }
}
#page .page__service .service__price .price__inner {
  border-radius: 12px;
  background-color: rgba(238,241,247,.5);
  padding: 24px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px
}
@media all and (max-width:991px) {
  #page .page__service .service__price .price__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px
  }
}
#page .page__service .service__price .price__inner .price__wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media all and (max-width:991px) {
  #page .page__service .service__price .price__inner .price__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
  }
}
@media all and (max-width:575px) {
  #page .page__service .service__price .price__inner .price__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1px
  }
}
@media all and (min-width:991px) {
  #page .page__service .service__price .price__inner .price__wrapper h5 {
    margin-bottom: 6px
  }
}
#page .page__service .service__price .price__inner .price__wrapper .price {
  font-size: 24px;
  font-weight: 700;
  color: #ff7a00;
  display: block;
  white-space: nowrap
}
@media all and (max-width:991px) {
  #page .page__service .service__price .price__inner .price__wrapper .price {
    font-size: 20px
  }
}
@media all and (max-width:991px) {
  #page .page__service .service__price .price__inner .btn {
    width: auto
  }
}
.section-doc {
  background-color: #eef1f7;
  padding: 64px 0;
  margin-bottom: 0;
  overflow: hidden
}
@media all and (max-width:991px) {
  .section-doc {
    padding: 36px 0
  }
}
.section-doc .doc__slider {
  padding: 10px!important;
  margin: 0 -10px
}
.section-doc .doc__slider .swiper-slide {
  height: auto
}
.section-doc .doc__slider .slide__inner {
  min-height: 280px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(20,29,54,.2);
  box-shadow: 0 0 10px rgba(20,29,54,.2);
  border-radius: 12px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media all and (max-width:991px) {
  .section-doc .doc__slider .slide__inner {
    padding: 24px 20px
  }
}
.section-doc .doc__slider .slide__inner p {
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.section-doc .doc__slider .slide__inner .image .image__inner {
  height: 200px;
  position: relative
}
.section-doc .doc__slider .slide__inner .image .image__inner::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
  background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)
}
.section-doc .doc__slider .slide__inner .image .image__inner img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
.section-doc .doc__slider .slide__inner .image .doc__nav {
  margin-top: -30px;
  position: relative;
  z-index: 2
}
.section-doc .doc__slider .slide__inner .image .doc__nav ul {
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(238,241,247,.5)),to(rgba(238,241,247,.5))),#fff;
  background: linear-gradient(0deg,rgba(238,241,247,.5),rgba(238,241,247,.5)),#fff;
  border-radius: 12px;
  width: 120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  padding: 12px
}
@media all and (min-width:767px) {
  .section-doc .swiper-button-next,
  .section-doc .swiper-button-prev {
    display: none
  }
}
@media all and (max-width:767px) {
  #page .page__about .about__image {
    margin-bottom: 12px
  }
}
#page .page__about .about__image .image__inner {
  min-height: 224px;
  border-radius: 12px;
  overflow: hidden
}
#page .page__about .about__image .image__inner img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
#page .page__about .about__content article {
  padding-bottom: 8px
}
#page .page__about .about__content article h2 {
  font-weight: 300
}
.section-team {
  overflow: hidden
}
.section-team .team__slider {
  padding: 10px!important;
  margin: 0 -10px
}
@media all and (max-width:991px) {
  .section-team .team__slider {
    overflow: visible
  }
}
.section-team .team__slider .swiper-slide {
  height: auto
}
.section-team .team__slider .slide__inner {
  min-height: 280px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px rgba(20,29,54,.2);
  box-shadow: 0 0 10px rgba(20,29,54,.2);
  background-color: #fff;
  border-radius: 12px
}
.section-team .team__slider .slide__inner .staff__photo {
  height: 280px;
  border-radius: 12px;
  overflow: hidden
}
@media all and (max-width:991px) {
  .section-team .team__slider .slide__inner .staff__photo {
    height: 245px
  }
}
.section-team .team__slider .slide__inner .staff__photo img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
  width: 100%;
  height: 100%
}
.section-team .team__slider .slide__inner .staff__details {
  padding: 12px 24px 24px 24px
}
.section-team .team__slider .slide__inner .staff__details h3 {
  color: #ff7a00;
  font-weight: 300;
  margin-bottom: 8px
}
.section-team .team__slider .slide__inner .staff__details .staff__post {
  margin-bottom: 16px
}
.section-team .team__slider .slide__inner .staff__details h5 {
  margin-bottom: 8px
}
.section-team .team__slider .slide__inner .staff__details .staff__experience {
  color: rgba(20,29,54,.5)
}
@media all and (min-width:767px) {
  .section-team .swiper-button-next,
  .section-team .swiper-button-prev {
    display: none
  }
}
#page .page__cases .features {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  #page .page__cases .features {
    gap: 16px;
    margin-bottom: 24px
  }
}
@media all and (max-width:767px) {
  #page .page__cases .features {
    grid-template-columns: repeat(2,1fr);
    gap: 12px
  }
}
#page .page__cases .features .features__item .item__inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 12px;
  padding: 24px
}
#page .page__cases .features .features__item .item__inner .features__number {
  font-size: 24px;
  font-weight: 700;
  color: #ff7a00;
  display: block;
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  #page .page__cases .features .features__item .item__inner .features__number {
    font-size: 20px;
    margin-bottom: 8px
  }
}
#page .page__cases .portfolio__slider {
  padding: 10px!important;
  margin: 0 -10px
}
@media all and (min-width:767px) {
  #page .page__cases .portfolio__slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px
  }
}
#page .page__cases .portfolio__slider .swiper-slide {
  height: auto
}
@media all and (min-width:767px) {
  #page .page__cases .portfolio__slider .swiper-slide {
    width: auto!important;
    margin: 0 auto!important
  }
}
#page .page__cases .portfolio__slider .case__item {
  min-height: 280px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px rgba(20,29,54,.2);
  box-shadow: 0 0 10px rgba(20,29,54,.2);
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden
}
#page .page__cases .portfolio__slider .case__item .item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media all and (max-width:575px) {
  #page .page__cases .portfolio__slider .case__item .item__inner {
    overflow: hidden
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__image {
  display: block;
  height: 300px;
  border-radius: 12px;
  overflow: hidden
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__image {
    height: 194px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__image:hover {
  opacity: .8
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 36px
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details {
    padding: 12px;
    gap: 18px
  }
}
@media all and (min-width:575px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media all and (max-width:575px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__tags::-webkit-scrollbar {
    display: none
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px
}
@media all and (max-width:575px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__tags {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__tags li {
  font-size: 14px;
  color: rgba(20,29,54,.5);
  padding: 6px 10px;
  background-color: #eef1f7;
  border-radius: 6px
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__tags li {
    font-size: 10px;
    padding: 4px 6px
  }
}
@media all and (max-width:575px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__tags li {
    scroll-snap-align: start;
    white-space: nowrap
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__title {
  margin-bottom: 12px;
  display: block;
  color: #141d36
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__title:hover {
  color: #ff7a00
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__title h2 {
  color: inherit
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: rgba(20,29,54,.5);
  margin-bottom: 12px
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__desc {
  margin-bottom: 12px
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-bottom: 12px
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics ul li {
    gap: 6px
  }
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics ul li img {
    width: 16px;
    height: 16px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics .case__saving {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background-color: rgba(255,122,0,.05);
  color: #ff7a00;
  border-radius: 18px
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__specifics .case__saving img {
    width: 16px;
    height: 16px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results h5 {
  margin-bottom: 14px
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results h5 {
    margin-bottom: 6px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results ul li {
  position: relative;
  padding-left: 36px
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results ul li {
    padding-left: 22px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results ul li:not(:last-child) {
  margin-bottom: 14px
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results ul li:not(:last-child) {
    margin-bottom: 7px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results ul li:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_25.svg);
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__inner .case__results ul li:after {
    width: 16px;
    height: 16px
  }
}
#page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__bottom {
  border-top: 1px solid rgba(20,29,54,.1);
  padding-top: 24px;
  width: 100%
}
@media all and (max-width:991px) {
  #page .page__cases .portfolio__slider .case__item .item__inner .case__details .details__bottom {
    padding-top: 14px
  }
}
#page .page__cases .swiper-button-next,
#page .page__cases .swiper-button-prev {
  top: 90px;
  bottom: auto
}
#page .page__cases .swiper-button-next:after,
#page .page__cases .swiper-button-prev:after {
  display: none
}
#page .page__case .case__specifics {
  margin-bottom: 42px
}
@media all and (max-width:991px) {
  #page .page__case .case__specifics {
    margin-bottom: 30px
  }
}
@media all and (max-width:575px) {
  #page .page__case .case__specifics {
    margin-bottom: 24px
  }
}
#page .page__case .case__specifics ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 12px
}
#page .page__case .case__specifics ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  #page .page__case .case__specifics ul li {
    gap: 6px
  }
}
#page .page__case .case__specifics ul li img {
  width: 24px;
  height: 24px
}
@media all and (max-width:991px) {
  #page .page__case .case__specifics ul li img {
    width: 16px;
    height: 16px
  }
}
#page .page__case .case__specifics ul li .case__saving {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background-color: rgba(255,122,0,.05);
  color: #ff7a00;
  border-radius: 18px
}
@media all and (max-width:991px) {
  #page .page__case .case__specifics ul li .case__saving img {
    width: 16px;
    height: 16px
  }
}
@media all and (max-width:767px) {
  #page .page__case .task__solution {
    padding-bottom: 12px
  }
}
#page .page__case .task__solution .case__text {
  margin-bottom: 48px
}
@media all and (max-width:991px) {
  #page .page__case .task__solution .case__text {
    margin-bottom: 24px
  }
}
@media all and (max-width:767px) {
  #page .page__case .task__solution .case__text {
    margin-bottom: 12px
  }
}
#page .page__case .task__solution .case__text.case__text-solution .text__inner {
  background-color: rgba(255,122,0,.1)
}
#page .page__case .task__solution .case__text .text__inner {
  background-color: rgba(238,241,247,.5);
  padding: 24px;
  border-radius: 12px
}
@media all and (max-width:991px) {
  #page .page__case .task__solution .case__text .text__inner {
    padding: 16px
  }
}
#page .page__case .task__solution .case__text .text__inner h2 {
  font-weight: 300;
  margin-bottom: 20px
}
@media all and (max-width:767px) {
  #page .page__case .gallery__aricle .case__gallery {
    margin-bottom: 16px
  }
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider {
  margin-bottom: 20px
}
@media all and (max-width:991px) {
  #page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider {
    margin-bottom: 12px
  }
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider .slide__inner a {
  display: block;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}
@media all and (max-width:991px) {
  #page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider .slide__inner a {
    height: 155px
  }
}
@media all and (max-width:767px) {
  #page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider .slide__inner a {
    height: 200px
  }
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider .slide__inner a:hover::after {
  opacity: 1;
  visibility: visible
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider .slide__inner a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(20,29,54,.2);
  -webkit-transition: .25s all;
  transition: .25s all;
  opacity: 0;
  visibility: hidden
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__slider .slide__inner a img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__thumb .slide__inner {
  height: 90px;
  border-radius: 6px;
  overflow: hidden
}
@media all and (max-width:1199px) {
  #page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__thumb .slide__inner {
    height: 70px
  }
}
@media all and (max-width:991px) {
  #page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__thumb .slide__inner {
    height: 60px
  }
}
@media all and (max-width:767px) {
  #page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__thumb .slide__inner {
    height: 74px
  }
}
#page .page__case .gallery__aricle .case__gallery .gallery__inner .gallery__thumb .slide__inner img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
.section-casecost {
  background-color: #141d36;
  padding: 64px 0
}
@media all and (max-width:991px) {
  .section-casecost {
    padding: 36px 0
  }
}
@media all and (max-width:575px) {
  .section-casecost {
    padding: 24px 0
  }
}
.section-casecost .wrapper {
  max-width: 1116px;
  width: 100%;
  margin: 0 auto;
  background-color: #eef1f7;
  -webkit-box-shadow: 0 0 24px rgba(20,29,54,.1);
  box-shadow: 0 0 24px rgba(20,29,54,.1);
  border-radius: 12px;
  padding: 36px 48px
}
@media all and (max-width:991px) {
  .section-casecost .wrapper {
    padding: 24px
  }
}
.section-casecost .wrapper .form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 20px
}
@media all and (max-width:991px) {
  .section-casecost .wrapper .form__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.section-casecost .wrapper .form__inner .form__item {
  width: 100%
}
@media all and (max-width:991px) {
  .section-casecost .wrapper .form__inner .form__item-sevice {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}
@media all and (max-width:991px) {
  .section-casecost .wrapper .form__inner .form__item-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(60% - 10px);
    flex: 0 0 calc(60% - 10px)
  }
}
@media all and (max-width:767px) {
  .section-casecost .wrapper .form__inner .form__item-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}
.section-casecost .wrapper .form__inner .form__counter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 188px
}
@media all and (max-width:991px) {
  .section-casecost .wrapper .form__inner .form__counter {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(40% - 10px);
    flex: 0 0 calc(40% - 10px)
  }
}
@media all and (max-width:767px) {
  .section-casecost .wrapper .form__inner .form__counter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}
.section-casecost .wrapper .calculate {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px
}
@media all and (max-width:1199px) {
  .section-casecost .wrapper .calculate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.section-casecost .wrapper .calculate .btn {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.section-casecost .wrapper .calculate .cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  display: none
}
@media all and (max-width:767px) {
  .section-casecost .wrapper .calculate .cost {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
  }
}
@media all and (max-width:767px) {
  .section-casecost .wrapper .calculate .cost img {
    display: none
  }
}
.section-casecost .wrapper .calculate .cost p span {
  font-size: 20px;
  font-weight: 500;
  color: #ff7a00;
  white-space: nowrap
}
.section-casecost .wrapper .note {
  font-size: 14px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  .section-casecost .wrapper .note {
    font-size: 10px
  }
}
.table__wrapper {
  overflow-x: auto
}
.table__wrapper table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 18px;
  font-weight: 500
}
@media all and (max-width:1199px) {
  .table__wrapper table {
    font-size: 14px
  }
}
@media all and (max-width:575px) {
  .table__wrapper table {
    font-size: 10px;
    font-weight: 700
  }
}
.table__wrapper td,
.table__wrapper th {
  border: 1px solid rgba(20,29,54,.1);
  padding: 12px 16px
}
@media all and (max-width:575px) {
  .table__wrapper td,
  .table__wrapper th {
    padding: 12px
  }
}
.table__wrapper th {
  border: 1px solid rgba(255,255,255,.2)
}
@media all and (max-width:575px) {
  .table__wrapper th {
    padding: 12px 9px
  }
}
.table__wrapper thead th {
  font-size: 20px;
  font-weight: 500;
  background: #141d36;
  color: #fff;
  font-weight: 600;
  border-top: none
}
@media all and (max-width:1199px) {
  .table__wrapper thead th {
    font-size: 16px
  }
}
@media all and (max-width:575px) {
  .table__wrapper thead th {
    font-size: 12px;
    font-weight: 700
  }
}
.table__wrapper thead th:first-child {
  border-top-left-radius: 12px;
  border-left: none
}
.table__wrapper thead th:last-child {
  border-top-right-radius: 12px;
  border-right: none
}
.table__wrapper tbody td:first-child {
  text-align: left
}
.table__wrapper tbody td:nth-child(3) {
  color: #ff7a00
}
#page .page__contacts .contacts__wrapper {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  #page .page__contacts .contacts__wrapper {
    grid-template-columns: repeat(2,1fr);
    gap: 16px
  }
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper {
    gap: 12px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 12px;
  padding: 24px
}
@media all and (max-width:991px) {
  #page .page__contacts .contacts__wrapper .contacts__item {
    padding: 12px 24px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__title {
    gap: 8px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .address {
  font-size: 14px;
  color: rgba(20,29,54,.8);
  margin-bottom: 6px
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .address {
    font-size: 10px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .text {
  font-size: 12px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .text {
    font-size: 8px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .text.text-accent {
  color: #ff7a00
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .phones {
  margin-bottom: 12px
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .phones {
    margin-bottom: 6px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .phones p a {
  font-size: 20px;
  font-weight: 500;
  color: rgba(20,29,54,.8);
  display: inline-block
}
@media all and (max-width:1199px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .phones p a {
    font-size: 18px
  }
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .phones p a {
    font-size: 12px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .phones p a:hover {
  color: #ff7a00
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .emails {
  margin-bottom: 18px
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .emails {
    margin-bottom: 6px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .emails p a {
  font-size: 14px;
  color: #141d36;
  display: inline-block
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .emails p a {
    font-size: 8px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .emails p a:hover {
  color: #ff7a00
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .worktime ul {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  gap: 0 16px;
  font-size: 14px;
  margin-bottom: 12px
}
@media all and (max-width:575px) {
  #page .page__contacts .contacts__wrapper .contacts__item .item__content .worktime ul {
    font-size: 10px;
    margin-bottom: 6px;
    gap: 0 12px
  }
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .worktime ul li {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1
}
#page .page__contacts .contacts__wrapper .contacts__item .item__content .worktime ul li strong {
  font-weight: 400;
  color: rgba(20,29,54,.5)
}
#page .page__contacts .contacts__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(238,241,247,.5);
  border-radius: 6px;
  padding: 12px;
  gap: 20px
}
@media all and (max-width:991px) {
  #page .page__contacts .contacts__social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#page .page__contacts .contacts__social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px
}
@media all and (max-width:991px) {
  #page .page__contacts .contacts__social ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    text-align: center
  }
}
@media all and (max-width:767px) {
  #page .page__contacts .contacts__social ul {
    width: 100%
  }
}
@media all and (max-width:767px) {
  #page .page__contacts .contacts__social ul li {
    width: 100%
  }
}
#page .page__contacts .contacts__social ul li.social-whatsapp a {
  background-color: #27d045
}
#page .page__contacts .contacts__social ul li.social-telegram a {
  background-color: #26a4e3
}
#page .page__contacts .contacts__social ul li.social-max a {
  background: linear-gradient(73.55deg,#4cf 14.56%,#53e 63.57%,#93d 88.6%)
}
#page .page__contacts .contacts__social ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  padding: 0 12px;
  color: #fff
}
@media all and (max-width:1199px) {
  #page .page__contacts .contacts__social ul li a {
    font-size: 12px;
    padding: 0 6px
  }
}
@media all and (max-width:767px) {
  #page .page__contacts .contacts__social ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#page .page__contacts .contacts__social ul li a .social__name {
  color: rgba(255,255,255,.5);
  margin-right: 2px
}
#page .page__contacts .contacts__social ul li a .social__link {
  white-space: nowrap
}
@media all and (max-width:767px) {
  .section-find .find__form {
    margin-bottom: 16px
  }
}
.section-find .find__form .form__inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 24px rgba(20,29,54,.1);
  box-shadow: 0 0 24px rgba(20,29,54,.1);
  border-radius: 12px;
  padding: 36px 48px
}
@media all and (max-width:991px) {
  .section-find .find__form .form__inner {
    padding: 16px
  }
}
.section-find .find__form .form__inner .form__heading {
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  .section-find .find__form .form__inner .form__heading {
    margin-bottom: 16px
  }
}
.section-find .find__form .form__inner .form__heading h2 {
  font-weight: 300;
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .section-find .find__form .form__inner .form__heading h2 {
    margin-bottom: 6px
  }
}
.section-find .find__form .form__inner .form__heading h5 {
  color: rgba(20,29,54,.5);
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  .section-find .find__form .form__inner .form__heading h5 {
    margin-bottom: 12px
  }
}
.section-find .find__form .form__inner .form__policy {
  font-size: 14px;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  .section-find .find__form .form__inner .form__policy {
    font-size: 10px
  }
}
.section-find .find__form .form__inner .form__policy a {
  color: #ff7a00
}
.section-find .find__details .details__inner .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 20px
}
.section-find .find__details .details__inner .heading::after {
  content: "";
  display: block;
  width: 368px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.section-find .find__details .details__inner .heading::after {
  background-image: url(../img/icon_48.svg)
}
.section-find .find__details .details__inner .heading h3 {
  font-size: 32px;
  font-weight: 300;
  white-space: nowrap
}
@media all and (max-width:1199px) {
  .section-find .find__details .details__inner .heading h3 {
    font-size: 24px
  }
}
.section-find .find__details .details__inner .map {
  height: 343px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px
}
@media all and (max-width:767px) {
  .section-find .find__details .details__inner .map {
    height: 300px;
    margin-bottom: 12px
  }
}
.section-find .find__details .details__inner .map iframe {
  width: 100%;
  height: 100%
}
.section-find .find__details .details__inner .info__wrapper {
  padding: 36px;
  background-color: #eef1f7;
  border-radius: 12px
}
@media all and (max-width:991px) {
  .section-find .find__details .details__inner .info__wrapper {
    padding: 16px
  }
}
.section-find .find__details .details__inner .info__wrapper .heading::after {
  width: 163px;
  background-image: url(../img/icon_50.svg)
}
.section-find .find__details .details__inner .info__wrapper ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px
}
@media all and (max-width:991px) {
  .section-find .find__details .details__inner .info__wrapper ul li {
    gap: 12px
  }
}
.section-find .find__details .details__inner .info__wrapper ul li:not(:last-child) {
  margin-bottom: 24px
}
@media all and (max-width:991px) {
  .section-find .find__details .details__inner .info__wrapper ul li:not(:last-child) {
    margin-bottom: 16px
  }
}
.section-find .find__details .details__inner .info__wrapper ul li .icon img {
  width: 48px;
  height: 48px
}
@media all and (max-width:991px) {
  .section-find .find__details .details__inner .info__wrapper ul li .icon img {
    width: 32px;
    height: 32px
  }
}
.section-find .find__details .details__inner .info__wrapper ul li h5 {
  margin-bottom: 6px
}
.section-find .find__details .details__inner .info__wrapper ul li p {
  margin-bottom: 6px;
  color: rgba(20,29,54,.5)
}
.section-ouroffice .ouroffice__wrapper {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-auto-rows: 400px;
  grid-auto-flow: dense;
  gap: 20px
}
@media all and (max-width:991px) {
  .section-ouroffice .ouroffice__wrapper {
    display: block
  }
}
.section-ouroffice .ouroffice__wrapper .gallery-scroll {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media all and (max-width:991px) {
  .section-ouroffice .ouroffice__wrapper .gallery-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
  .section-ouroffice .ouroffice__wrapper .gallery-scroll::-webkit-scrollbar {
    display: none
  }
  .section-ouroffice .ouroffice__wrapper .gallery-scroll a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    scroll-snap-align: start
  }
}
@media all and (max-width:991px) and (max-width:991px) {
  .section-ouroffice .ouroffice__wrapper .gallery-scroll a {
    height: 166px
  }
}
@media all and (max-width:991px) and (max-width:767px) {
  .section-ouroffice .ouroffice__wrapper .gallery-scroll a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    height: 104px
  }
}
@media all and (max-width:991px) {
  .section-ouroffice .ouroffice__wrapper .gallery-scroll a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
  }
}
@media all and (max-width:991px) {
  .section-ouroffice .ouroffice__wrapper .first-image {
    display: block;
    margin-bottom: 20px;
    height: 530px
  }
}
@media all and (max-width:991px) and (max-width:767px) {
  .section-ouroffice .ouroffice__wrapper .first-image {
    height: 245px
  }
}
.section-ouroffice .ouroffice__wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}
.section-ouroffice .ouroffice__wrapper a:hover::after {
  opacity: 1;
  visibility: visible
}
.section-ouroffice .ouroffice__wrapper a::after {
  position: absolute;
  content: "";
  inset: 0;
  background-color: rgba(20,29,54,.2);
  -webkit-transition: .25s all;
  transition: .25s all;
  opacity: 0;
  visibility: hidden
}
.section-ouroffice .ouroffice__wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
.section-faq {
  background-color: #eef1f7;
  padding: 64px 0;
  margin-bottom: 0
}
@media all and (max-width:991px) {
  .section-faq {
    padding: 24px 0
  }
}
.section-faq .faq_tabs .tabs_item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(42,35,72,.2);
  box-shadow: 0 0 8px rgba(42,35,72,.2);
  border-radius: 8px;
  padding: 0 24px
}
.section-faq .faq_tabs .tabs_item:not(:last-child) {
  margin-bottom: 12px
}
.section-faq .faq_tabs .tabs_item .title {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 16px 40px 16px 60px
}
@media all and (max-width:991px) {
  .section-faq .faq_tabs .tabs_item .title {
    font-size: 20px;
    padding: 12px 36px
  }
}
.section-faq .faq_tabs .tabs_item .title::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_52.svg);
  width: 36px;
  height: 36px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
@media all and (max-width:991px) {
  .section-faq .faq_tabs .tabs_item .title::before {
    width: 24px;
    height: 24px
  }
}
.section-faq .faq_tabs .tabs_item .title:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_51.svg);
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}
.section-faq .faq_tabs .tabs_item .title.active:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.section-faq .faq_tabs .tabs_item .tab_content {
  display: none;
  border-top: 1px solid rgba(20,29,54,.1);
  padding: 16px 60px;
  padding: 12px 36px
}
#page .page__blog .blog__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  overflow: hidden
}
@media all and (max-width:1199px) {
  #page .page__blog .blog__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 12px
  }
}
@media all and (max-width:767px) {
  #page .page__blog .blog__top {
    display: block
  }
}
#page .page__blog .blog__top #searchform {
  border: 1px solid rgba(20,29,54,.2);
  width: 396px;
  height: 40px;
  border-radius: 6px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media all and (max-width:991px) {
  #page .page__blog .blog__top #searchform {
    height: 32px
  }
}
@media all and (max-width:767px) {
  #page .page__blog .blog__top #searchform {
    width: 100%;
    margin-bottom: 20px
  }
}
#page .page__blog .blog__top #searchform #searchsubmit {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_53.svg);
  background-color: #fff;
  border: none
}
@media all and (max-width:991px) {
  #page .page__blog .blog__top #searchform #searchsubmit {
    width: 16px;
    height: 16px
  }
}
#page .page__blog .blog__top #searchform #s {
  font-size: 16px;
  color: rgba(20,29,54,.5);
  border: none;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  border-radius: 0
}
#page .page__blog .blog__top #searchform #s::-webkit-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s::-moz-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s::-ms-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s::-webkit-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s::-moz-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s:-ms-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s::-ms-input-placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top #searchform #s::placeholder {
  color: rgba(20,29,54,.5);
  opacity: 1
}
#page .page__blog .blog__top .tags__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 20px;
  text-align: center
}
@media all and (max-width:991px) {
  #page .page__blog .blog__top .tags__list ul {
    gap: 12px
  }
}
@media all and (max-width:767px) {
  #page .page__blog .blog__top .tags__list ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
  }
}
@media all and (max-width:767px) {
  #page .page__blog .blog__top .tags__list ul li {
    scroll-snap-align: start;
    white-space: nowrap
  }
}
#page .page__blog .blog__top .tags__list ul li a {
  color: #141d36;
  background-color: #eef1f7;
  border-radius: 6px;
  padding: 11.5px 12px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}
@media all and (max-width:991px) {
  #page .page__blog .blog__top .tags__list ul li a {
    font-size: 10px
  }
}
#page .page__blog .blog__top .tags__list ul li.current-menu-item a {
  background-color: #ff7a00;
  color: #fff
}
#page .page__blog .blog__top .tags__list ul li.current-menu-item a span {
  color: rgba(255,255,255,.5)
}
#page .page__blog .blog__top .tags__list ul li span {
  color: rgba(20,29,54,.5)
}
#page .page__blog .blog__articles .articles__slider {
  height: 320px;
  padding: 10px!important;
  margin: -10px!important
}
@media all and (max-width:1199px) {
  #page .page__blog .blog__articles .articles__slider {
    height: auto;
    padding: 10px!important;
    margin: 0 -10px
  }
}
#page .page__blog .blog__articles .articles__slider .swiper-slide {
  height: auto
}
#page .page__blog .blog__articles .articles__slider .slide__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(20,29,54,.2);
  box-shadow: 0 0 10px rgba(20,29,54,.2)
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a {
  height: 290px;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}
@media all and (max-width:1199px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a {
    height: 400px
  }
}
@media all and (max-width:767px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a {
    height: 186px
  }
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a:hover img {
  opacity: .8
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  -webkit-transition: .25s all;
  transition: .25s all
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a .rec {
  position: absolute;
  top: 12px;
  left: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8.5px 12px 8.5px 46px;
  background-color: rgba(255,255,255,.8);
  -webkit-box-shadow: 0 0 4px rgba(20,29,54,.2);
  box-shadow: 0 0 4px rgba(20,29,54,.2);
  border-radius: 6px;
  font-weight: 700;
  color: #141d36;
  background-size: 24px;
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icon_54.svg)
}
@media all and (max-width:991px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__image .image__inner a .rec {
    padding: 7px 12px 7px 38px;
    background-size: 16px
  }
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner {
  padding: 20px 36px 20px 36px
}
@media all and (max-width:991px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner {
    padding: 12px 24px
  }
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  text-align: center
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__tags li {
  font-size: 14px;
  color: rgba(20,29,54,.5);
  padding: 6px 12px;
  background-color: #eef1f7;
  border-radius: 6px
}
@media all and (max-width:991px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__tags li {
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 2px
  }
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__title {
  display: block;
  color: #141d36;
  margin-bottom: 12px
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__title:hover {
  color: #ff7a00
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__title h2 {
  font-size: 24px;
  color: inherit
}
@media all and (max-width:991px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__title h2 {
    font-size: 20px
  }
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner p {
  margin-bottom: 12px
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__bottom {
  border-top: 1px solid rgba(20,29,54,.1);
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media all and (max-width:991px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__bottom {
    padding-top: 12px
  }
}
#page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__bottom .post__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: rgba(20,29,54,.5)
}
@media all and (max-width:991px) {
  #page .page__blog .blog__articles .articles__slider .slide__inner .post__details .details__inner .post__bottom .post__date img {
    width: 16px;
    height: 16px
  }
}
.section-useful {
  background-color: #eef1f7;
  padding: 36px 0;
  margin-bottom: 0
}
@media all and (max-width:991px) {
  .section-useful .artile__list {
    margin-bottom: 24px
  }
}
@media all and (min-width:991px) {
  .section-useful .artile__aside.aside-sticky {
    position: sticky;
    top: 20px;
    height: 100%
  }
}
.section-useful .artile__aside .aside__inner .aside__item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 12px;
  padding: 24px
}
@media all and (max-width:991px) {
  .section-useful .artile__aside .aside__inner .aside__item {
    padding: 16px;
    border-radius: 6px
  }
}
.section-useful .artile__aside .aside__inner .aside__item:not(:last-child) {
  margin-bottom: 20px
}
@media all and (max-width:991px) {
  .section-useful .artile__aside .aside__inner .aside__item:not(:last-child) {
    margin-bottom: 16px
  }
}
.section-useful .artile__aside .aside__inner .aside__item.aside__item-subscription .form__inner .form__submit {
  margin-bottom: 0
}
.section-useful .artile__aside .aside__inner .aside__item.aside__item-cons {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/7.webp)
}
.section-useful .artile__aside .aside__inner .aside__item.aside__item-cons .heading h5 {
  color: #fff
}
.section-useful .artile__aside .aside__inner .aside__item.aside__item-cons .aside__text {
  color: rgba(255,255,255,.8)
}
.section-useful .artile__aside .aside__inner .aside__item .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 20px
}
.section-useful .artile__aside .aside__inner .aside__item .heading::after {
  content: "";
  display: block;
  width: 175px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.section-useful .artile__aside .aside__inner .aside__item .heading::after {
  background-image: url(../img/icon_57.svg)
}
.section-useful .artile__aside .aside__inner .aside__item .heading h5 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 500;
  color: #141d36;
  margin-top: 0
}
.section-useful .artile__aside .aside__inner .aside__item .post__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  text-align: center
}
@media all and (max-width:991px) {
  .section-useful .artile__aside .aside__inner .aside__item .post__tags {
    gap: 6px
  }
}
.section-useful .artile__aside .aside__inner .aside__item .post__tags li a {
  font-size: 14px;
  padding: 6px 12px;
  background-color: #eef1f7;
  border-radius: 6px;
  display: block;
  color: #141d36
}
@media all and (max-width:991px) {
  .section-useful .artile__aside .aside__inner .aside__item .post__tags li a {
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 2px
  }
}
.section-useful .artile__aside .aside__inner .aside__item .aside__text {
  color: rgba(20,29,54,.8);
  font-size: 14px;
  margin-bottom: 20px
}
@media all and (max-width:991px) {
  .section-useful .artile__aside .aside__inner .aside__item .aside__text {
    font-size: 10px
  }
}
.post__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(20,29,54,.2);
  box-shadow: 0 0 12px rgba(20,29,54,.2);
  border-radius: 12px;
  gap: 20px;
  min-height: 200px;
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .post__item {
    min-height: 154px
  }
}
@media all and (max-width:767px) {
  .post__item {
    display: block
  }
}
.post__item .post__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 292px;
  min-height: 100%;
  border-radius: 12px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media all and (max-width:767px) {
  .post__item .post__image {
    width: 100%;
    height: 186px
  }
}
.post__item .post__image:hover {
  opacity: .8
}
.post__item .post__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}
.post__item .post__details {
  padding: 12px 12px 12px 0
}
@media all and (max-width:767px) {
  .post__item .post__details {
    padding: 12px
  }
}
.post__item .post__details .post__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  text-align: center
}
.post__item .post__details .post__tags li {
  font-size: 14px;
  color: rgba(20,29,54,.5);
  padding: 6px 12px;
  background-color: #eef1f7;
  border-radius: 6px
}
@media all and (max-width:991px) {
  .post__item .post__details .post__tags li {
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 2px
  }
}
.post__item .post__details .post__title {
  margin-bottom: 12px;
  display: block;
  color: #141d36
}
.post__item .post__details .post__title:hover {
  color: #ff7a00
}
.post__item .post__details .post__title h2 {
  color: inherit
}
.post__item .post__details p {
  margin-bottom: 12px
}
.post__item .post__details .post__bottom .post__date {
  font-size: 12px;
  color: rgba(20,29,54,.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px
}
.post__item .post__details .post__bottom .post__date img {
  width: 16px;
  height: 16px
}
.box__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 24px
}
@media all and (max-width:991px) {
  .box__pagination {
    padding-top: 12px
  }
}
.box__pagination .wp-pagenavi {
  text-align: center
}
.box__pagination .wp-pagenavi a,
.box__pagination .wp-pagenavi span {
  font-size: 16px;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin: 0 2px 2px 2px;
  line-height: 1.42857143;
  color: #141d36;
  text-decoration: none;
  background-color: #eef1f7;
  min-width: 36px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px rgba(20,29,54,.1);
  box-shadow: 0 0 4px rgba(20,29,54,.1)
}
@media all and (max-width:767px) {
  .box__pagination .wp-pagenavi a,
  .box__pagination .wp-pagenavi span {
    margin: 2px
  }
}
.box__pagination .wp-pagenavi a {
  color: #000
}
.box__pagination .wp-pagenavi span {
  border-color: #ff7a00;
  background-color: #ff7a00;
  color: #fff
}
.box__pagination .wp-pagenavi .nextpostslink,
.box__pagination .wp-pagenavi .previouspostslink {
  border: none;
  width: 36px;
  height: 36px
}
.box__pagination .wp-pagenavi .nextpostslink:after,
.box__pagination .wp-pagenavi .previouspostslink:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: .25s all;
  transition: .25s all
}
@media all and (max-width:767px) {
  .box__pagination .wp-pagenavi .nextpostslink,
  .box__pagination .wp-pagenavi .previouspostslink {
    display: none
  }
}
.box__pagination .wp-pagenavi .nextpostslink:hover:after,
.box__pagination .wp-pagenavi .previouspostslink:hover:after {
  background-color: #ff7a00
}
.box__pagination .wp-pagenavi .previouspostslink:after {
  -webkit-mask-image: url(../img/left.svg);
  mask-image: url(../img/left.svg)
}
.box__pagination .wp-pagenavi .nextpostslink:after {
  -webkit-mask-image: url(../img/right.svg);
  mask-image: url(../img/right.svg)
}
#page .article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px 20px;
  margin-bottom: 20px
}
#page .article__top .date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: rgba(20,29,54,.5)
}
#page .article__top .post__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  text-align: center
}
#page .article__top .post__tags li {
  font-size: 14px;
  color: rgba(20,29,54,.5);
  padding: 6px 12px;
  background-color: #eef1f7;
  border-radius: 6px
}
@media all and (max-width:991px) {
  #page .article__top .post__tags li {
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 2px
  }
}
.section-similar {
  background-color: #eef1f7;
  padding: 36px 0;
  margin-bottom: 0
}
@media all and (max-width:991px) {
  .section-similar {
    padding: 24px 0
  }
}
@media all and (min-width:767px) {
  .section-similar .similar__slider {
    overflow: visible
  }
}
@media all and (min-width:767px) {
  .section-similar .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
@media all and (min-width:767px) {
  .section-similar .swiper-wrapper .swiper-slide {
    width: 100%!important;
    margin: 0 auto!important
  }
}
@media all and (min-width:767px) {
  .section-similar .post__item {
    min-height: 153px
  }
}
@media all and (max-width:767px) {
  .section-similar .post__item {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.section-similar .swiper-button-next,
.section-similar .swiper-button-prev {
  top: 76px;
  bottom: auto
}
.section-notfound .image {
  margin-bottom: 24px
}
.section-notfound .heading {
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .section-notfound .heading {
    margin-bottom: 8px
  }
}
.section-notfound .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48px;
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  .section-notfound .nav {
    margin-bottom: 24px
  }
}
.section-notfound .nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  color: #141d36
}
@media all and (max-width:991px) {
  .section-notfound .nav li a {
    gap: 8px
  }
}
.section-notfound .nav li a:hover {
  color: #ff7a00
}
@media all and (max-width:991px) {
  .section-notfound .nav li a img {
    width: 20px;
    height: 20px
  }
}
.section-notfound .box__buttons {
  margin-bottom: 36px
}
@media all and (max-width:991px) {
  .section-notfound .box__buttons {
    margin-bottom: 24px
  }
}
.section-notfound .help h2 {
  margin-bottom: 12px
}
@media all and (max-width:991px) {
  .section-notfound .help h2 {
    margin-bottom: 8px
  }
}
.section-notfound .help h5 {
  color: rgba(20,29,54,.5)
}
.section-notfound .help h5 a {
  color: #ff7a00
}