@font-face {
  font-family: "mont";
  font-display: swap;
  src: url("/h/assets/fonts/mont-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "mont";
  font-display: swap;
  src: url("/h/assets/fonts/mont-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "mont";
  font-display: swap;
  src: url("/h/assets/fonts/mont-600.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "mont";
  font-display: swap;
  src: url("/h/assets/fonts/mont-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "root";
  font-display: swap;
  src: url("/h/assets/fonts/root-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "root";
  font-display: swap;
  src: url("/h/assets/fonts/root-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
:root {
  --red: #FF3838;
  --blue100: #166CFB;
  --blue200: #134BC5;
  --blue400: #041733;
  --blue500: #6da8ff;
  --gray100: #F7F7F9;
  --gray200: #E6E7EA;
  --gray400: #B8BABF;
  --gray500: #595A5B;
  --gray800: #202123;
  --white: #fff;
}

html, body {
  font-family: "mont", "Verdana", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

h1, .h1 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 0 40px 0;
}

h2, .h2 {
  position: relative;
  display: block;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

h3, .h3 {
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 20px 0;
}

h4, .h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 16px 0;
}

h5, .h5 {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
}

.h6 {
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  margin: 0 0 16px 0;
}

.h7 {
  position: relative;
  display: block;
  margin: 0 0 8px 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
}

a {
  color: var(--gray800);
}

.is-image-label {
  display: block;
  margin: 0 0 80px 0;
  font-family: "root", "Arial", sans-serif;
  color: var(--gray500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

img {
  display: block;
  border-radius: 16px;
  max-width: 50%;
  height: auto;
  margin: 0 0 60px 0;
}
img + .is-image-label {
  margin-top: -60px;
}

a {
  color: var(--blue200);
  transition: color 200ms;
}
a:hover {
  color: var(--blue500);
}

p {
  display: block;
  clear: both;
  margin-bottom: 40px;
  font-family: "root", "Arial", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
}
p a {
  color: var(--blue200);
  transition: color 200ms;
}
p + p, p + ul, p + ol {
  margin-top: -20px;
}
p b {
  font-weight: 700;
}
p.strong {
  font-family: "mont", "Verdana", sans-serif;
  font-size: 28px;
  line-height: 40px;
}
p.bold {
  font-family: "mont", "Verdana", sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
}

ul {
  display: block;
  margin: 0 0 40px 0;
}
ul > li {
  position: relative;
  display: block;
  margin-bottom: 8px;
  padding-left: 30px;
  font-family: "root", "Arial", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
}
ul > li:before {
  content: "";
  position: absolute;
  display: block;
  top: 17px;
  left: 1px;
  width: 16px;
  height: 1px;
  background: var(--gray800);
}
ul > li > ol, ul > li > ul {
  margin: 10px 0 20px 0;
}
ul > li > ul > li {
  padding-left: 36px;
}
ul p {
  margin: 0;
}
ul + p {
  margin-top: -20px;
}

ol {
  display: block;
  margin: 0 0 40px 0;
  counter-reset: list;
}
ol > li {
  counter-increment: list;
  position: relative;
  display: block;
  margin-bottom: 8px;
  padding-left: 30px;
  font-family: "root", "Arial", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
}
ol > li:before {
  content: counter(list) ".";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
ol > li > ol, ol > li > ul {
  margin: 10px 0 20px 0;
}
ol > li > ol {
  counter-reset: sublist;
}
ol > li > ol > li {
  counter-increment: sublist;
  padding-left: 48px;
}
ol > li > ol > li:before {
  content: counter(list) "." counter(sublist) ".";
}
ol p {
  margin: 0;
}
ol + p {
  margin-top: -20px;
}

.is-hr {
  display: block;
}
.is-hr.hr-100 {
  height: 100px;
}
.is-hr.hr-80 {
  height: 80px;
}
.is-hr.hr-60 {
  height: 60px;
}
.is-hr.hr-40 {
  height: 40px;
}
.is-hr.hr-20 {
  height: 20px;
}
.is-hr.hr-10 {
  height: 20px;
}

.is-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
}
.is-columns .col {
  flex-grow: 1;
  width: 100%;
}
.is-columns .col + .col {
  margin-left: 40px;
}
.is-columns.gap-10 .col + .col {
  margin-left: 10px;
}
.is-columns.gap-15 .col + .col {
  margin-left: 15px;
}
.is-columns.gap-30 .col + .col {
  margin-left: 30px;
}
.is-columns.gap-60 .col + .col {
  margin-left: 60px;
}
.is-columns.gap-80 .col + .col {
  margin-left: 80px;
}
.is-columns.gap-120 .col + .col {
  margin-left: 120px;
}
.is-columns .col-demo {
  height: 50px;
  margin: 0 0 40px 0;
  background: #fcb82d;
}

.is-style {
  position: relative;
  display: block;
}
.is-style img {
  display: block;
  border-radius: 16px;
  max-width: 100%;
  height: auto;
  margin: 0 0 80px 0;
}
.is-style img + .is-image-label {
  margin-top: -60px;
}
.is-style a {
  color: var(--blue200);
  transition: color 200ms;
}
.is-style a:hover {
  color: var(--blue500);
}
.is-style.state-wrapper {
  max-width: 1300px;
}

.is-image-label {
  display: block;
  margin: 0 0 80px 0;
  font-family: "root", "Arial", sans-serif;
  color: var(--gray500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.is-quote-a {
  box-sizing: border-box;
  position: relative;
  display: block;
  max-width: 1100px;
  margin: 0 0 80px 0;
  padding: 50px 0 0 140px;
  font-size: 24px;
  line-height: 36px;
}
.is-quote-a:before {
  pointer-events: none;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background: url("/h/assets/img/buble-quote.svg") no-repeat 0 0;
  background-size: 100% 100%;
}

.is-quote-b {
  box-sizing: border-box;
  position: relative;
  display: block;
  max-width: 1100px;
  margin: 0 0 80px 0;
  padding: 50px 0 0 140px;
  font-size: 24px;
  line-height: 36px;
}
.is-quote-b:before {
  pointer-events: none;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background: url("/h/assets/img/buble-excl.svg") no-repeat 0 0;
  background-size: 100% 100%;
}

.is-quote-c {
  box-sizing: border-box;
  position: relative;
  display: block;
  max-width: 1100px;
  margin: 0 0 80px 0;
  padding: 50px 0 0 140px;
  font-size: 24px;
  line-height: 36px;
}
.is-quote-c:before {
  pointer-events: none;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background: url("/h/assets/img/buble-hot.svg") no-repeat 0 0;
  background-size: 100% 100%;
}

.is-list-type-a {
  position: relative;
  display: block;
  margin: 0 0 40px 0;
}
.is-list-type-a .l-item {
  position: relative;
  display: block;
  margin: 0 0 20px 0;
}
.is-list-type-a .l-key {
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
}
.is-list-type-a .l-value {
  margin: 8px 0 0 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.is-link-show-all-short {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.is-link-show-all-short svg {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  display: block;
  transition: fill 200ms;
}
.is-link-show-all-short:hover svg {
  fill: var(--blue500);
}
.is-quote-e {
  box-sizing: border-box;
  position: relative;
  display: block;
  max-width: 1300px;
  margin: 0 0 0 0;
  padding: 50px 0 0 140px;
  font-size: 28px;
  line-height: 42px;
}
.is-quote-e:before {
  pointer-events: none;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background: url("/h/assets/img/buble-quote.svg") no-repeat 0 0;
  background-size: 100% 100%;
}

.is-quote-f {
  box-sizing: border-box;
  position: relative;
  display: block;
  max-width: 1300px;
  margin: 0 0 40px 0;
  padding: 50px 0 0 140px;
  font-size: 28px;
  line-height: 42px;
}
.is-quote-f:before {
  pointer-events: none;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background: url("/h/assets/img/buble-hot.svg") no-repeat 0 0;
  background-size: 100% 100%;
}
.is-button-a {
  user-select: none;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 64px;
  padding: 0 45px;
  text-align: center;
  color: #fff !important;
  font-size: 22px;
  line-height: 64px;
  font-weight: 600;
  background: var(--blue200);
  border-radius: 8px;
  transition: background 300ms;
  text-decoration: none;
}

.is-text-conditions {
  position: relative;
  display: block;
  margin: 0 0 80px 0;
  font-size: 36px;
  line-height: 60px;
  font-weight: 400;
}
.is-text-conditions b {
  font-weight: 600;
}
.is-text-conditions a {
  color: var(--blue200);
  transition: color 200ms;
}
.is-text-conditions a:hover {
  color: var(--blue500);
}
.is-text-conditions a.state-nowrap {
  white-space: nowrap;
}