@font-face {
  font-family: 'Roboto 700';
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/Roboto-Bold.ttf"); }
@font-face {
  font-family: 'Roboto 600';
  font-weight: 600;
  font-style: normal;
  src: url("/fonts/Roboto-Medium.ttf"); }
@font-face {
  font-family: 'Roboto 500';
  font-weight: 500;
  font-style: normal;
  src: url("/fonts/Roboto-Medium.ttf"); }
@font-face {
  font-family: 'Roboto 400';
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/Roboto-Regular.ttf"); }
html {
  scroll-behavior: smooth; }

body {
  padding: 0;
  margin: 0;
  font-family: 'Roboto 400', sans-serif;
  color: #484848;
  font-size: 16px;
  line-height: 145%; }

h1 {
  font-family: 'Roboto 700', sans-serif;
  font-size: 32px;
  line-height: 100%;
  color: #202020;
  margin: 1.5rem 0 1.5rem 0;
  padding: 0; }

h2 {
  font-family: 'Roboto 600', sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: #202020;
  margin: 1.5rem 0 1.5rem 0;
  padding: 0; }

h3 {
  font-family: 'Roboto 500', sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: #202020;
  margin: 1rem 0 1rem 0;
  padding: 0; }

h4 {
  font-family: 'Roboto 400', sans-serif;
  font-size: 20px;
  line-height: 120%;
  color: #202020;
  margin: 1rem 0 1rem 0;
  padding: 0; }

h5 {
  font-family: 'Roboto 600', sans-serif;
  font-size: 20px;
  line-height: 130%;
  color: #202020;
  margin: 1.5rem 0 .5rem 0;
  padding: 0; }

h6 {
  font-family: 'Roboto 500', sans-serif;
  font-size: 16px;
  line-height: 130%;
  color: #202020;
  margin: 1.5rem 0 .5rem 0;
  padding: 0; }

p {
  font-family: 'Roboto 400', sans-serif;
  font-size: 16px;
  line-height: 145%;
  margin: .5rem 0 .5rem 0;
  padding: 0; }

a {
  color: #3C65F4;
  font-size: 16px; }

a:visited {
  color: #3C65F4; }

a:hover {
  text-decoration: none; }

a.anchor {
  text-decoration: underline;
  cursor: pointer; }

a.anchor:hover {
  text-decoration: none; }

button.anchor {
  border: none;
  outline: none;
  background-color: transparent;
  display: inline;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  color: #3C65F4; }

button.anchor:hover {
  text-decoration: none; }

.text-big {
  font-size: 120%; }

@media screen and (min-width: 1024px) {
  h1 {
    font-family: 'Roboto 700', sans-serif;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.02em; }

  h2 {
    font-family: 'Roboto 600', sans-serif;
    font-size: 42px;
    line-height: 48px; }

  h3 {
    font-family: 'Roboto 500', sans-serif;
    font-size: 28px;
    line-height: 44px; }

  h4 {
    font-family: 'Roboto 400', sans-serif;
    font-size: 28px;
    line-height: 42px; }

  h5 {
    font-family: 'Roboto 600', sans-serif;
    font-size: 20px;
    line-height: 32px; }

  h6 {
    font-family: 'Roboto 500', sans-serif;
    font-size: 16px;
    line-height: 24px; }

  p {
    font-family: 'Roboto 400', sans-serif;
    font-size: 16px;
    line-height: 24px; } }
.button {
  border-radius: 8px;
  border: solid 1px white;
  font-family: 'Roboto 500', sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 14px 64px;
  color: white;
  text-decoration: none;
  display: block;
  cursor: pointer;
  transition: .1s all;
  text-align: center; }
  .button:disabled {
    background-color: silver;
    transform: translateY(0);
    cursor: not-allowed; }
  .button.small {
    padding: 8px 20px;
    font-size: 16px; }
  .button.blue, .button.primary {
    background-color: #3C65F4;
    border: solid 1px #3C65F4;
    color: white; }
  .button.blue:hover, .button.primary:hover {
    background-color: #0034E8;
    border-color: #0034E8; }
  .button.blue:disabled, .button.primary:disabled {
    background-color: #C0C0C0;
    border-color: #C0C0C0; }
  .button.gray, .button.secondary {
    color: #3C65F4;
    border: solid 1px #3C65F4;
    background-color: transparent; }
  .button.gray:hover, .button.secondary:hover {
    background-color: #F0F2FA; }
  .button.gray:active, .button.secondary:active {
    background-color: #3C65F4;
    color: white; }
  .button.gray:disabled, .button.secondary:disabled, .button.gray:disabled:active, .button.secondary:disabled:active {
    background-color: #C0C0C0;
    border-color: #C0C0C0;
    color: white; }
  .button.navy {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .button.navy:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .button.navy:hover:disabled, .button.navy:disabled {
    background-color: #138496;
    border-color: #117a8b;
    opacity: 0.7; }
  .button.green, .button.success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .button.green:hover, .button.success:hover {
    background-color: #218838;
    border-color: #1e7e34; }
  .button.green:hover:disabled, .button.green:disabled, .button.success:hover:disabled, .button.success:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    background-color: #28a745;
    border-color: #28a745; }
  .button.red, .button.danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .button.red:hover, .button.danger:hover {
    background-color: #c82333;
    border-color: #bd2130; }
  .button.red:hover:disabled, .button.red:disabled, .button.danger:hover:disabled, .button.danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
    opacity: 0.7; }
  .button.yellow, .button.warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .button.yellow:hover, .button.warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .button.yellow:hover:disabled, .button.yellow:disabled, .button.warning:hover:disabled, .button.warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
    opacity: 0.7; }
  .button.link {
    font-family: 'Roboto 600', sans-serif;
    color: #3C65F4;
    background-color: transparent;
    border-color: transparent; }
  .button.link:hover {
    color: #0034E8;
    background-color: transparent;
    border-color: transparent; }
  .button.link:disabled, .button.link:disabled:hover {
    color: gray;
    background-color: transparent;
    border-color: transparent; }

a.button {
  display: inline-block;
  text-decoration: none !important; }

table.table {
  width: 100%; }
  table.table thead tr th {
    padding: 0.5rem;
    border-bottom: solid 1px #dee2e6;
    text-align: left; }
  table.table tbody tr td {
    padding: 0.5rem;
    border-bottom: solid 1px #dee2e6;
    text-align: left; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px transparent inset !important; }

.input {
  font-family: 'Roboto 400', sans-serif;
  border: 1px solid #C0C0C0;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 8px;
  border-radius: 4px;
  color: black;
  outline: none;
  background-color: white; }
  .input::placeholder {
    color: #cccccc; }
  .input.error {
    background-color: #FFF4F4;
    border-color: #FF4F4F !important;
    color: #FF4F4F; }
  .input:disabled {
    background-color: #d0d0d0;
    color: gray; }

.form-group, .form-check {
  margin-bottom: 1rem; }

.form-group {
  display: flex;
  flex-direction: column; }
  .form-group label {
    font-family: 'Roboto 700', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px; }
  .form-group .form-control {
    margin-top: 8px;
    font-family: 'Roboto 400', sans-serif;
    border: 1px solid #C0C0C0;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    color: black;
    display: flex;
    align-items: center;
    outline: none;
    background-color: white; }
    .form-group .form-control:disabled {
      background-color: #d0d0d0;
      color: gray; }
  .form-group .invalid-feedback {
    color: #FF4F4F;
    font-size: 14px;
    max-height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0;
    transition: .5s all; }
    .form-group .invalid-feedback.hide {
      max-height: 0 !important;
      padding: 0 !important; }
    .form-group .invalid-feedback > * {
      margin-right: 4px; }
  .form-group .form-text {
    margin-top: 2px;
    font-size: 14px; }
  .form-group.row {
    flex-direction: row;
    align-items: center; }
    .form-group.row label {
      width: 200px; }
    .form-group.row .form-control {
      margin-top: 0; }
  .form-group.error .form-control, .form-group.is-invalid .form-control {
    background-color: #FFF4F4;
    border-color: #FF4F4F !important;
    color: #FF4F4F; }
  .form-group.error .invalid-feedback, .form-group.is-invalid .invalid-feedback {
    padding-top: 4px;
    max-height: 50px; }

.container {
  width: 100%;
  margin: 0 auto; }

@media screen and (min-width: 574px) {
  .container {
    margin: 0 auto;
    width: 540px; } }
@media screen and (min-width: 768px) {
  .container {
    width: 720px; } }
@media screen and (min-width: 992px) {
  .container {
    width: 960px; } }
@media screen and (min-width: 1200px) {
  .container {
    width: 1140px; } }
.hideLess1200 {
  display: none; }

@media screen and (min-width: 1200px) {
  .hideLess1200 {
    display: block; } }
.SlideDownWrapper {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition: .5s all ease-in-out; }
  .SlideDownWrapper.show {
    opacity: 1;
    max-height: 200px; }

.Alert {
  padding: 1rem;
  border-radius: 8px;
  border: solid 1px silver;
  /*&.hidden {
    animation: alert-animation-hide ease-in-out .5s;
    padding: 0 1rem;
    opacity: 0;
    max-height: 0;
  }*/ }

.Alert-Error {
  border-color: #FF4F4F;
  background-color: #FFF4F4;
  color: #FF4F4F; }

.Alert-Warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }

.Alert-Success {
  color: #155724;
  background-color: #EBFFF1;
  border-color: #08AA3F; }

.Alert-White {
  background-color: #FCFCFC;
  border-color: #D2D2D2; }

.Alert-ForDocs {
  background-color: #FAF8F0;
  border-color: #C5BF8F; }

.Alert-ForInfo {
  background-color: #F0F2FA;
  border-color: #97ADFA; }

.ModalWrap .ModalOverlay {
  display: none; }
.ModalWrap.show .ModalOverlay {
  display: flex; }

.ModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: flex-start;
  justify-content: center; }

.Modal {
  border: 1px solid #C5BF8F;
  background-color: white;
  margin: 2vh 20px 0 20px;
  transform: none;
  border-radius: 8px;
  outline: none;
  animation: preloader-animation 0.5s; }
  .Modal__header {
    display: flex;
    align-items: stretch; }
    .Modal__header_title {
      font-size: 20px;
      flex: 1;
      padding: 1rem 0 1rem 1.5rem; }
    .Modal__header_close {
      cursor: pointer;
      transition: 0.5s all;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem; }
      .Modal__header_close:active {
        transform: rotate(180deg); }
  .Modal__body {
    padding: 0 1.5rem 1rem 1.5rem; }
  .Modal__footer {
    padding: 1rem 1.5rem;
    border-top: solid 1px #C5BF8F;
    display: flex;
    align-items: center; }
    .Modal__footer.pull-right {
      justify-content: end; }

.Modal.middle {
  width: 100%; }

@media screen and (min-width: 480px) {
  .Modal.middle {
    width: 420px; } }
@media screen and (min-width: 768px) {
  .Modal {
    margin-top: 5vh; }

  .Modal.middle {
    width: 520px; } }
@media screen and (min-width: 1024px) {
  .Modal {
    margin-top: 10vh; }

  .Modal.middle {
    width: 720px; } }
.Modal.wide {
  width: 100%; }

@media screen and (min-width: 480px) {
  .Modal.wide {
    margin: 10vh 40px 0 40px; } }
@media screen and (min-width: 1024px) {
  .Modal.wide {
    margin: 10vh 60px 0 60px; } }
.Modal-Error .Alert {
  margin-top: 20px; }

@media screen and (min-width: 480px) {
  .Modal-Error {
    width: 400px; } }
@keyframes preloader-animation {
  0% {
    transform: scale(0.5);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: scale(1); } }
.App {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .App_content {
    flex: 1; }

.Documents {
  background-color: #FAF8F0;
  padding: 28px 40px; }

@media screen and (min-width: 1000px) {
  .Documents {
    padding: 28px 70px; } }
.Document {
  margin-top: 14px;
  display: flex;
  align-items: flex-start;
  color: #484848;
  font-family: 'Roboto 400', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px; }
  .Document_index {
    width: 15px;
    height: 20px;
    font-family: 'Roboto 700', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px; }
  .Document_inner {
    flex: 1; }
    .Document_inner_description {
      margin-top: 3px; }
      .Document_inner_description p {
        margin: 0; }
    .Document_inner_button {
      margin-top: 5px; }
      .Document_inner_button > a {
        display: inline-block; }
  .Document.loading .Document_index {
    background-color: gray; }
  .Document.loading .Document_inner_name {
    background-color: gray;
    height: 20px; }
  .Document.loading .Document_inner_description {
    background-color: gray;
    height: 50px; }
  .Document_inner {
    margin-left: 20px; }
    .Document_inner_name {
      font-weight: bold; }
    .Document_inner_description {
      padding: 3px 0 0 0; }

.MasterWrapper {
  border: 1px solid #B8B8B8;
  border-radius: 16px;
  margin: 30px 16px 0 16px;
  position: relative; }
  .MasterWrapper_title {
    font-family: "Roboto 700", sans-serif;
    display: flex;
    justify-content: center;
    height: 36px; }
    .MasterWrapper_title_inner {
      text-align: center;
      display: inline-block;
      padding: 0 20px;
      transform: translateY(-18px);
      font-size: 28px;
      line-height: 28px;
      background-color: #fff;
      margin: 0 20px; }
  .MasterWrapper_content {
    padding: 24px 0 6px 0; }
    .MasterWrapper_content_staticContent {
      padding: 0 20px 30px 20px; }
  .MasterWrapper_footer {
    display: flex;
    justify-content: center;
    height: 54px;
    transform: translateY(29px); }
    .MasterWrapper_footer_inner {
      text-align: center;
      display: inline-block;
      padding: 0 20px;
      font-size: 42px;
      line-height: 42px;
      background-color: #fff; }

@media screen and (min-width: 768px) {
  .MasterWrapper {
    margin: 15px 0 0 0; } }
@media screen and (min-width: 992px) {
  .MasterWrapper_title_inner {
    font-size: 36px; } }
@media screen and (min-width: 1200px) {
  .MasterWrapper_title_inner {
    font-size: 42px; } }
.ScrollTopStickyButton {
  position: fixed;
  right: 30px;
  bottom: 40px;
  display: none;
  opacity: 0;
  transition: .5s all;
  cursor: pointer; }
  .ScrollTopStickyButton_wrap {
    position: relative; }
  .ScrollTopStickyButton.show {
    opacity: 1;
    display: block;
    animation: .5s showButton; }

@keyframes showButton {
  0% {
    transform: translateX(50px);
    opacity: 0; }
  100% {
    opacity: 1; } }
.content {
  padding: 0 20px 30px 20px;
  font-size: 16px; }
  .content > :first-child {
    margin-top: 0; }
  .content p {
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 1rem; }
  .content .contents-table {
    list-style-type: none;
    padding-left: 0; }
    .content .contents-table li {
      padding-top: 6px; }
      .content .contents-table li a {
        text-decoration: none; }
    .content .contents-table li:first-child {
      padding-top: 0; }

@media screen and (min-width: 768px) {
  .content {
    padding: 0 0 30px 0; } }
.ContactPage {
  display: flex;
  flex-direction: column; }
  .ContactPage_right {
    max-width: 300px; }

@media screen and (min-width: 768px) {
  .ContactPage {
    flex-direction: row; }
    .ContactPage_right {
      padding-left: 50px; } }
.AboutPageMenu {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0 25px 0; }
  .AboutPageMenu a {
    cursor: pointer;
    margin-right: 35px;
    color: #B8B8B8; }
    .AboutPageMenu a:hover {
      color: black; }

.AboutPage_introduction {
  display: flex;
  flex-direction: column; }
  .AboutPage_introduction p {
    margin: 0; }
  .AboutPage_introduction_image img {
    margin-top: 20px;
    max-width: 100%; }
.AboutPage_guidelines_wrap {
  display: flex; }
  .AboutPage_guidelines_wrap_image {
    display: none; }
    .AboutPage_guidelines_wrap_image img {
      width: 300px; }

@media screen and (min-width: 992px) {
  .AboutPage_introduction {
    flex-direction: row; }
    .AboutPage_introduction_image img {
      margin: 0 0 0 50px;
      max-width: 350px; }
  .AboutPage_guidelines_wrap_image {
    display: block; } }
@media screen and (min-width: 1200px) {
  .AboutPage_introduction_image img {
    max-width: 500px; }
  .AboutPage_provision_wrap {
    display: flex; }
    .AboutPage_provision_wrap > div {
      padding-right: 20px;
      flex-basis: 33.33333%; }
      .AboutPage_provision_wrap > div:last-child {
        padding-right: 0; }
  .AboutPage_guidelines_wrap_image {
    display: block; }
    .AboutPage_guidelines_wrap_image img {
      width: 500px; } }
.AboutPageProvisionBlock_title {
  padding: 10px 0 10px 0;
  font-size: 120%;
  font-weight: bold; }
.AboutPageProvisionBlock_content {
  padding-bottom: 30px; }
  .AboutPageProvisionBlock_content ol {
    padding: 0 0 0 22px; }
    .AboutPageProvisionBlock_content ol li {
      margin-bottom: 10px; }

@media screen and (min-width: 1200px) {
  .AboutPageProvisionBlock_title {
    padding-left: 22px; } }
.AboutPageWhyUs_cell {
  display: flex;
  padding-bottom: 20px; }
  .AboutPageWhyUs_cell > div:first-child {
    padding-right: 15px; }

@media screen and (min-width: 1200px) {
  .AboutPageWhyUs {
    display: flex; }
    .AboutPageWhyUs_coll {
      flex-basis: 50%; }
      .AboutPageWhyUs_coll:first-child {
        padding-right: 20px; } }
.AboutPageWhyUsGuideline {
  flex: 1;
  display: flex;
  flex-wrap: wrap; }
  .AboutPageWhyUsGuideline_coll {
    flex-basis: 50%; }
    .AboutPageWhyUsGuideline_coll_sub > div {
      margin-bottom: 5px; }

@media screen and (min-width: 768px) {
  .AboutPageWhyUsGuideline_coll_sub {
    flex-basis: 50%; } }
.PartnershipPage_contacts {
  margin-top: 50px; }
  .PartnershipPage_contacts_checkbox {
    padding-bottom: 30px;
    flex: 1; }
  .PartnershipPage_contacts_signin a {
    display: inline-block !important; }

@media screen and (min-width: 768px) {
  .PartnershipPage_contacts {
    display: flex; }
    .PartnershipPage_contacts_checkbox {
      padding-right: 30px; }
    .PartnershipPage_contacts_signin {
      flex-basis: 300px; } }
.PartnershipCheckBlock {
  display: flex;
  margin-bottom: 20px; }
  .PartnershipCheckBlock div:first-child {
    padding-right: 15px; }

/*# sourceMappingURL=index.css.map */