:root {
  /* main */
  --themeCenter: 1120px;
  --themeTransition: .4s ease-out;
  --themeBoxShadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  --themeRadius: 50px;
  --themeCustomRadius: 20px;
  --themeHeaderMinHeight: 100px;
  /* fonts */
  --themeFontGeneral: 400 18px/1.4 'Open Sans', 'Arial', sans-serif;
  --themeFontSizeGeneral: 18px;
  --themeFontSizeSmall: 14px;
  --themeTitleBig: 700 48px/1.2 'Roboto', 'Arial', sans-serif;
  --themeTitleMedium: 400 24px/1.2 'Roboto', 'Arial', sans-serif;
  --themeTitleSmall: 700 20px/1.2 'Roboto', 'Arial', sans-serif;
  --themeButtonFont: 500 16px/1.15 'Roboto', 'Arial', sans-serif;
  /* colors */
  --themeTextColor: rgba(54, 54, 54, 0.8);
  --themeTitleColor: #363636;
  --themeAccentColor: #003CD8;
  --themeAccentColor2: #21C5FF;
  --themeHoverColor: rgba(0, 60, 216, 0.75);
  --themeWarningColor: #FF0000;
  --themePlaceholder: var(--themeTextColor);
  /* languages */
  --themeLanguagesRadius: 10px;
  /* bill */
  --themeBillWatermarkStroke: 1px rgba(255, 0, 0, 0.3);
  /* scrollbar */
  --themeScrollbarThumbHover: #0448fa;
}

/* custom fonts */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
  url('../fonts/OpenSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Main */
.btn {
  min-height: 60px;
  min-width: 300px;
  box-shadow: none;
}

.title {
  color: var(--themeTitleColor);
}

/* static pages */
.header__static-page .header_wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.static-page h1,
.static-page h2 {
  color: var(--themeAccentColor);
}

/* error page */
.error-page .dropdown_selected .dropdown_item {
  text-align: center;
  padding: 0 85px;
  margin-bottom: 0;
}

/* header */
.header {
  position: static;
}

.header:not(.header__static-page, .header__error) .center {
  padding: 0 80px;
}

/* custom languages style */
.languages_wrap {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  min-width: 85px;
}

.languages_list-wrap {
  overflow: hidden;
}

.languages_title .languages_text,
.languages_wrap .icon__arrow {
  color: var(--themeTitleColor);
  line-height: 1;
}

.languages_wrap .icon__arrow {
  font-size: 16px;
}

/* block information */
.information_wrap {
  background-color: var(--themeAccentColor);
  border-radius: var(--themeRadius);
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  padding: 50px;
  color: var(--themeTextColorSecond);
}

.information_item__title,
.information_item__subtitle,
.information_item__support {
  width: 55%;
}

.information_item__dropdown-phones {
  position: absolute;
  width: calc(45% - 50px);
  height: auto;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 40px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
}

.information_item__dropdown-phones::before {
  content: "";
  position: absolute;
  width: 542px;
  height: 542px;
  left: calc(100% - 10px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.information_title,
.information_subtitle {
  padding-right: 20px;
}

.information_title {
  color: var(--themeTextColorSecond);
}

.information_subtitle {
  opacity: 0.8;
  margin-bottom: 30px;
}

/* support */
.support_wrap {
  padding-left: 60px;
  margin: 0;
}

.support_consultant {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-70%, -50%);
  transform: translate(-70%, -50%);
  padding: 20px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  overflow: initial;
}

.support_consultant::before,
.support_consultant::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  transition: -webkit-transform var(--themeTransition);
  transition: transform var(--themeTransition);
  transition: transform var(--themeTransition), -webkit-transform var(--themeTransition);
}

.support_consultant::before {
  width: 6px;
  height: 6px;
  background-color: #fff;
  right: 1px;
  top: 37px;
}

.support:hover .support_consultant::before {
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}

.support_consultant::after {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  right: -1px;
  top: 35px;
}

.support_img {
  border-radius: 50%;
  overflow: hidden;
}

.support_information {
  width: 100%;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0;
}

.support_text-wrap {
  margin-bottom: 25px;
}

.support_link {
  min-height: 40px;
  min-width: 250px;
  padding: 5px 20px;
  color: var(--themeTextColorSecond);
  text-transform: uppercase;
  background-color: var(--themeAccentColor2);
  border-radius: var(--themeRadius);
}

.support_link-icon {
  margin-left: 30px;
}

/* dropdown phones */
.dropdown-phones {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  background-color: var(--themeAccentColor2);
  border-radius: 30px;
  padding: 10px;
  position: relative;
  z-index: auto;
  min-width: 310px;
  margin-right: 0;
}

.dropdown-phones::before,
.dropdown-phones::after {
  content: "";
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: inherit;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: inherit;
  -webkit-animation: pulsing1 1.5s linear infinite;
  animation: pulsing1 1.5s linear infinite;
  z-index: -1;
}

.dropdown-phones::after {
  -webkit-animation: pulsing2 1.5s linear infinite;
  animation: pulsing2 1.5s linear infinite;
}

.dropdown-phones_info {
  width: 100%;
  height: auto;
}

.dropdown::before,
.dropdown::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-radius: 50%;
  z-index: 2;
}

.dropdown::before {
  width: 6px;
  height: 6px;
  background-color: #fff;
  transition: all var(--themeTransition);
}

.dropdown::after {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.dropdown::before,
.dropdown::after {
  right: -41px;
}

.dropdown:hover::before {
  width: 4px;
  height: 4px;
}

.dropdown_selected .dropdown_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: transparent;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all var(--themeTransition);
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  padding: 0 0 0 85px;
  margin-bottom: 10px;
}

.dropdown_item .phone-icon::before {
  left: 15px;
}

.dropdown_arrow {
  left: 50px;
  right: auto;
  font-size: 17px;
  width: 18px;
  height: 18px;
}

.dropdown_selected .dropdown_item::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70px;
  height: 40px;
  border-radius: var(--themeRadius);
  border: 1px solid #fff;
}

.dropdown_selected .dropdown_item:hover {
  background-color: transparent;
}

.dropdown_options {
  max-height: 240px;
}

.dropdown_options-wrap {
  border-radius: var(--themeCustomRadius);
  color: var(--themeTextColor);
}

.dropdown_options .dropdown_item {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 8px 5px 8px 60px;
}

/* bill */
.bill_wrap {
  min-width: 300px;
  color: var(--themeTextColor);
}

.bill_bookmark {
  width: auto;
  height: 50px;
  min-height: auto;
  min-width: 80px;
  background-color: var(--themeAccentColor);
  border-radius: var(--themeCustomRadius) 0 0 var(--themeCustomRadius);
  box-shadow: none;
}

.bill_name {
  -webkit-writing-mode: initial;
  -ms-writing-mode: initial;
  writing-mode: initial;
  -webkit-transform: none;
  transform: none;
  color: var(--themeTextColorSecond);
}

.bill_content {
  padding: var(--themeBillPadding) 20px;
}

.bill-item_theme {
  font-weight: 400;
}

.bill_btn {
  min-height: 50px;
  min-width: 200px;
}

/* benefits */
.benefits_wrap {
  padding: 50px 0;
}

.benefits-item {
  width: 33%;
  padding: 60px 50px;
  border-radius: var(--themeRadius);
  transition: all var(--themeTransition);
}

.benefits-item_icon {
  transition: all var(--themeTransition);
  margin-bottom: 30px;
  font-size: 90px;
}

.benefits-item_icon::before {
  display: none;
}

.icon__benefit-3 .path1:before {
  content: "\e913";
  opacity: 0.1;
}

.icon__benefit-3 .path2:before {
  content: "\e916";
  margin-left: -140px;
}

.icon__benefit-2 .path1:before {
  content: "\e914";
  opacity: 0.1;
}

.icon__benefit-2 .path2:before {
  content: "\e917";
  margin-left: -140px;
}

.icon__benefit-1 .path1:before {
  content: "\e915";
  opacity: 0.1;
}

.icon__benefit-1 .path2:before {
  content: "\e918";
  margin-left: -140px;
}

.benefits-item_title {
  min-height: 55px;
  max-width: 80%;
  margin: 0 auto 30px;
}

.benefits-item:hover {
  background-color: var(--themeAccentColor);
  box-shadow: var(--themeBoxShadow);
  color: var(--themeTextColorSecond);
}

.benefits-item:hover .benefits-item_icon,
.benefits-item:hover .benefits-item_title,
.benefits-item:hover .benefits-item_subtitle {
  color: var(--themeTextColorSecond);
}

.benefits-item:hover .benefits-item_subtitle {
  opacity: 0.8;
}

/* contact-us */
.contact-us_text {
  margin-bottom: 50px;
  text-align: center;
}

.contact-us_subtitle {
  max-width: 900px;
  margin: 0 auto;
}

.contact-us_container {
  background-color: var(--themeBodyBg);
  box-shadow: var(--themeBoxShadow);
  border-radius: var(--themeRadius);
  padding: 50px;
}

.contact-us .phone-block_wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.phone-block_item {
  width: auto;
  margin-right: 40px;
  padding-right: 0;
}

.phone-block_item:last-of-type {
  margin-right: 0;
}

.form_field {
  width: 49%;
}

.field__info,
.field__card,
.field__confirm,
.field__captcha {
  width: 100%;
}

.field__date .field_icon {
  height: 21px;
}

.field_textarea {
  padding: 2px 0 0;
}

.number {
  border: none;
  text-align: left;
}

.field_block__card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.field_block__card .field_wrap:not(:last-of-type, :nth-of-type(2)) {
  margin-right: 7px;
}

.field_block__card .field_wrap {
  width: 42px;
}

.field_block__card .field_wrap:nth-of-type(2),
.field_block__card .field_wrap:nth-of-type(3) {
  width: 21px;
}

.field__captcha {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.field_img__captcha,
.field_block__captcha {
  width: 49%;
}

.field_block__captcha {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.field_img__captcha {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: var(--themeRadius);
  padding: 5px 10px;
}

.field_img__captcha img {
  border-radius: var(--themeRadius);
}

/* footer */
.footer_info {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.footer-menu {
  max-width: 100%;
}

.footer-menu_item {
  color: var(--themeTitleColor);
}

/* animation */
@-webkit-keyframes pulsing1 {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }

  20% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.2;
    -webkit-transform: scaleY(1.1) scaleX(1.05);
    transform: scaleY(1.1) scaleX(1.05);
  }

  80% {
    opacity: 0;
    -webkit-transform: scaleY(1.1) scaleX(1.05);
    transform: scaleY(1.1) scaleX(1.05);
  }

  90% {
    opacity: 0;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes pulsing1 {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }

  20% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.2;
    -webkit-transform: scaleY(1.1) scaleX(1.05);
    transform: scaleY(1.1) scaleX(1.05);
  }

  80% {
    opacity: 0;
    -webkit-transform: scaleY(1.1) scaleX(1.05);
    transform: scaleY(1.1) scaleX(1.05);
  }

  90% {
    opacity: 0;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }
}

@-webkit-keyframes pulsing2 {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }

  20% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.2;
    -webkit-transform: scaleY(1.05) scaleX(1.025);
    transform: scaleY(1.05) scaleX(1.025);
  }

  80% {
    opacity: 0;
    -webkit-transform: scaleY(1.05) scaleX(1.025);
    transform: scaleY(1.05) scaleX(1.025);
  }

  90% {
    opacity: 0;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes pulsing2 {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }

  20% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.2;
    -webkit-transform: scaleY(1.05) scaleX(1.025);
    transform: scaleY(1.05) scaleX(1.025);
  }

  80% {
    opacity: 0;
    -webkit-transform: scaleY(1.05) scaleX(1.025);
    transform: scaleY(1.05) scaleX(1.025);
  }

  90% {
    opacity: 0;
    -webkit-transform: scaleY(1) scaleX(1);
    transform: scaleY(1) scaleX(1);
  }
}

/* MEDIA */
@media screen and (max-width: 1000px) {
  .header:not(.header__static-page, .header__error) .center {
    padding: 0 20px;
  }

  .information_wrap {
    margin-bottom: 20px;
  }

  .information_item__dropdown-phones {
    position: static;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    padding: 0;
  }

  .information_item__title,
  .information_item__subtitle,
  .information_item__support {
    width: 100%;
  }

  .support_wrap {
    padding-left: 180px;
  }

  .support_consultant {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .information_item__support {
    margin-bottom: 50px;
  }

  .information_item__dropdown-phones::before,
  .dropdown::before,
  .dropdown::after {
    display: none;
  }

  .dropdown-phones {
    margin: 0 auto 50px;
  }

  .bill_content {
    padding: 40px 20px 20px;
  }

  .bill_wrap {
    border: 1px solid var(--themeTextColorSecond);
  }

  .bill_bookmark {
    height: auto;
    bottom: 0;
  }

  .bill_bookmark .bill_name::before {
    color: var(--themeTextColorSecond);
  }

  .bill_name {
    padding: 0 50px;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 680px) {
  :root {
    --themeFontGeneral: 400 16px/1.4 'Open Sans', 'Arial', sans-serif;
    --themeFontSizeGeneral: 16px;
    --themeFontSizeSmall: 12px;
    --themeTitleBig: 700 24px/1.2 'Roboto', 'Arial', sans-serif;
    --themeTitleMedium: 400 20px/1.2 'Roboto', 'Arial', sans-serif;
    --themeTitleSmall: 700 18px/1.2 'Roboto', 'Arial', sans-serif;
  }

  .languages_wrap {
    min-width: 70px;
    padding: 5px 10px;
  }

  .main-content {
    overflow: initial;
  }

  .information {
    background-color: var(--themeAccentColor);
  }

  .information_wrap {
    padding: 20px 0 0;
    margin-bottom: 0;
  }

  .information_item__support {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }

  .information_item__dropdown-phones {
    -ms-flex-order: 2;
    order: 2;
  }

  .information_item__title {
    -ms-flex-order: 3;
    order: 3;
  }

  .information_item__bill {
    -ms-flex-order: 4;
    order: 4;
    margin-bottom: 20px;
  }

  .information_item__subtitle {
    -ms-flex-order: 5;
    order: 5;
  }

  .information_title,
  .information_subtitle {
    text-align: center;
    padding: 0;
  }

  .support_wrap {
    padding: 0;
  }

  .support_text-wrap {
    padding-left: 120px;
    margin-bottom: 40px;
  }

  .support_text {
    max-width: 170px;
    display: inline-block;
  }

  .support_link {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .support_consultant {
    top: -60px;
    left: 0;
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }

  .support_consultant::before {
    top: auto;
    bottom: 26px;
    right: 7px;
  }

  .support_consultant::after {
    top: auto;
    bottom: 24px;
    right: 5px;
  }

  .dropdown-phones {
    padding: 20px 10px;
    margin-bottom: 30px;
    min-width: 100%;
  }

  .bill .bill_wrap {
    border-radius: var(--themeCustomRadius);
    min-width: 100%;
  }

  .bill_name {
    font-size: var(--themeFontSizeGeneral);
  }

  .bill_close-btn {
    right: 10px;
    top: 10px;
  }

  .bill_content {
    padding: 40px 10px 10px;
  }

  .contact-us {
    margin-bottom: 0;
  }

  .contact-us_wrap {
    padding-bottom: 0;
  }

  .contact-us_container {
    padding: 10px;
    border-radius: var(--themeCustomRadius);
  }

  .contact-us_title {
    margin-bottom: 10px;
  }

  .contact-us_text {
    margin-bottom: 20px;
  }

  .phone-block_text {
    text-align: center;
  }

  .phone-block_item {
    width: 100%;
    margin-right: 0;
  }

  .field_img__captcha,
  .field_block__captcha {
    width: 100%;
  }

  .field_img__captcha {
    border: none;
  }

  .status_inner {
    padding: 10px 0;
  }
}