body {
  --btn-bg: #fff;
  --btn-bg2: #FAFAFA;
  --btn-br: #E2E2E2;
  --btn-cl: #007AFF;
  --btn-cl2: #006EE6;
  --btn-bg-disabled: #E3E3E3;
  --btn-cl-disabled: #fff;
  --btn-bg-default: #fff;
  --btn-bg-default-hover: #FAFAFA;
  --btn-br-default: #D0D5DD;
  --btn-cl-default: #007AFF;
  --bg-modal: #fff;
  --bg-modal2: #fff;
  --bg-modal-header: #F6F9F9;
  --cl-modal-black: #000;
  --cl-modal-dark: #34475A;
  --cl-modal-gray: #454545;
  --cl-modal-btn: #007AFF;
  --img-modal-gray: none;
  --text-dark-grey: #2C3138;
  --text-grey: #373E49;
  --darker-grey-v-1: #333;
  --darker-grey-v-2: #666;
  --bg-modal-header2: #F5F9FA;
  --grey-lightest: #D0D5DD;
  --azure: #007AFF;
  --azure-v2: #007AFF;
  --azure-v3: #fff;
  --azure-v4: #0E0E0F;
  --form-line-grey: #E2E2E2;
  --day-sub-text: #45454A;
  --Azure-white: #EFF6FF;
  --Azure-white2: #f9f9f9;
  --Azure-lighter: #B3D7FF;
  --Azure-lightest: #E1EFFF;
  --Grey-Lightest: #45454A;
  --Green-crayola-lightest: #E8FCF3;
  --Bright-yellow-lightest: #FFF7E9;
  --Platinum-light: #F2F4F7;
  --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg) brightness(101%) contrast(109%);
  --filter-cal-arrow: invert(53%) sepia(13%) saturate(269%) hue-rotate(193deg) brightness(89%) contrast(83%); }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  margin: 0;
  padding: 0; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #34475A;
  background: #F2F2F2;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  margin: 0;
  padding: 0; }

a {
  color: #007AFF;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:hover {
    color: #000;
    text-decoration: none; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  -ms-interpolation-mode: bicubic; }

table {
  border-collapse: collapse; }

iframe {
  border: none;
  vertical-align: top; }

video {
  vertical-align: top; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

input,
button,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 2em 0 1em; }

p {
  margin: 8px 0;
  font-size: 14px;
  font-weight: 400;
  color: #34475A; }

.container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 1.750rem 15px;
  background: #fff;
  min-height: 100vh; }
  @media (min-width: 360px) {
    .container {
      padding: 1.750rem 20px; } }
  @media (min-width: 500px) {
    .container {
      width: 400px;
      margin-top: 1.750rem;
      margin-bottom: 1.750rem;
      min-height: calc(100vh - 3.5rem); } }
  .container.-profile {
    background: transparent;
    padding: 0 20px; }
    @media (min-width: 500px) {
      .container.-profile {
        width: 500px; } }
  @media (min-width: 500px) {
    .container.-medium {
      width: 500px; } }
  .container-back {
    min-height: auto;
    margin-bottom: 16px;
    padding: 0; }
    .container-back ~ .container {
      margin-top: 0; }
  .container-head {
    width: 500px;
    min-height: 56px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    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; }
    .container-head ~ .container {
      margin-top: 0; }

.icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .icon img {
    vertical-align: top; }
  .icon-option {
    position: relative;
    width: 20px;
    height: 20px;
    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; }
    .icon-option > i:before,
    .icon-option > i:after,
    .icon-option > i {
      position: relative;
      display: block;
      width: .188rem;
      height: .188rem;
      border-radius: 16px;
      background: #34475A; }
    .icon-option > i:before,
    .icon-option > i:after {
      content: '';
      position: absolute; }
    .icon-option > i:before {
      top: -.438rem; }
    .icon-option > i:after {
      bottom: -.438rem; }
  .icon-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' fill='none'%3E%3Cpath fill='%23000' d='M17.124 1.36a.57.57 0 0 0-.023-.154.59.59 0 0 0-.13-.241l-.01-.012-.01-.01a.643.643 0 0 0-.094-.08l-.024-.016-.028-.017-.026-.014a.54.54 0 0 0-.027-.013l-.03-.012-.026-.01a.642.642 0 0 0-.032-.009l-.027-.006a.641.641 0 0 0-.123-.015L16.5.75H1.487a.614.614 0 0 0-.093.01l-.03.005a.595.595 0 0 0-.06.016l-.028.01-.027.012-.03.014-.024.013a.627.627 0 0 0-.029.017l-.023.015a.594.594 0 0 0-.094.081l-.01.01-.01.012a.659.659 0 0 0-.111.183.578.578 0 0 0-.042.212l-.001.015V12a1.252 1.252 0 0 0 1.25 1.25h13.75a1.252 1.252 0 0 0 1.25-1.25V1.36Zm-2.23.64L9 7.402 3.107 2h11.786Zm.981 10H2.125V2.796L8.578 8.71a.625.625 0 0 0 .844 0l6.453-5.915V12Z'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    -webkit-filter: var(--ot-filter);
    filter: var(--ot-filter); }
  .icon-mailbox {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY2IiBoZWlnaHQ9IjE3NiIgdmlld0JveD0iMCAwIDE2NiAxNzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTFfMTEpIj4KPHBhdGggZD0iTTExMC42MSAxNzZIOTUuOTU5M0M5NC4wMjExIDE3NiA5Mi40NTQ2IDE3NC40MjYgOTIuNDU0NiAxNzIuNDkxVjkzLjg0ODlIMTE1LjI4OFYxNzEuMzE2QzExNS4yODggMTczLjkwNSAxMTMuMTk2IDE3NiAxMTAuNjEgMTc2WiIgZmlsbD0iIzI4NkQ4QyIvPgo8cGF0aCBkPSJNMTExLjkyMiAxNzZIMTAyLjU0NFY5My44NDg5SDExNS4yODhWMTcyLjYyOUMxMTUuMjg4IDE3NC40OSAxMTMuNzggMTc2IDExMS45MjIgMTc2WiIgZmlsbD0iIzMzODJBQyIvPgo8cGF0aCBkPSJNNjMuNDI0MyAxOC4zNDQ0SDEzNi40NTVDMTUyLjc3MyAxOC4zNDQ0IDE2Ni4wMDUgMzEuNTg5NiAxNjYuMDA1IDQ3LjkzNDhWOTkuOTI2NUMxNjYuMDA1IDEwMS4xMjMgMTY1LjAzOSAxMDIuMDkxIDE2My44NDQgMTAyLjA5MUgzNS42MTUxQzM1LjQ4MjQgMTAyLjA5MSAzNS4zNzA4IDEwMS45ODQgMzUuMzcwOCAxMDEuODQ2VjQ2LjQzQzM1LjM3MDggMzAuOTE5NiA0Ny45MjkzIDE4LjM0NDQgNjMuNDE5IDE4LjM0NDRINjMuNDI0M1oiIGZpbGw9IiM0QkIxQzkiLz4KPHBhdGggZD0iTTcyLjQ1MTQgMjkuNzc2NEgxMjcuNjVDMTQzLjk2OCAyOS43NzY0IDE1Ny4yMDEgNDMuMDIxNiAxNTcuMjAxIDU5LjM2NjhWOTkuOTI2NUMxNTcuMjAxIDEwMS4xMjMgMTU2LjIzNSAxMDIuMDkxIDE1NS4wNCAxMDIuMDkxSDQ0LjY0MjJDNDQuNTA5NSAxMDIuMDkxIDQ0LjM5NzkgMTAxLjk4NCA0NC4zOTc5IDEwMS44NDZWNTcuODYyQzQ0LjM5NzkgNDIuMzUxNyA1Ni45NTY0IDI5Ljc3NjQgNzIuNDQ2MSAyOS43NzY0SDcyLjQ1MTRaIiBmaWxsPSIjNTZCRERDIi8+CjxwYXRoIG9wYWNpdHk9IjAuNjUiIGQ9Ik0xNjMuNTYzIDEwMi4zNTZIODIuODk2NVY5NS40NDQxSDE2NlY5OS45MTU5QzE2NiAxMDEuMjYxIDE2NC45MTEgMTAyLjM1NiAxNjMuNTYzIDEwMi4zNTZaIiBmaWxsPSIjNEM2NUJBIi8+CjxwYXRoIGQ9Ik0xNjMuNTYzIDEwMi4zNTZIODIuODk2NVY5NS40NDQxSDE2NlY5OS45MTU5QzE2NiAxMDEuMjYxIDE2NC45MTEgMTAyLjM1NiAxNjMuNTYzIDEwMi4zNTZaIiBmaWxsPSIjMzM4MkFDIi8+CjxwYXRoIGQ9Ik0xNjQuMTU4IDEwMi4wOTFIMTI3LjQzOFY5NS42NDYySDE2NlYxMDAuMjQ2QzE2NiAxMDEuMjY2IDE2NS4xNzcgMTAyLjA5MSAxNjQuMTU4IDEwMi4wOTFaIiBmaWxsPSIjMjg2RDhDIi8+CjxwYXRoIG9wYWNpdHk9IjAuMDciIGQ9Ik0xNjYgNDguMTIwOEg4Ni44NzkyVjk1LjQ0NDFIMTY2VjQ4LjEyMDhaIiBmaWxsPSIjMzczNDQ5Ii8+CjxwYXRoIGQ9Ik04My42OTMgMTAwLjIzSDM4LjU1NjlDMzYuNzk5MyAxMDAuMjMgMzUuMzcwOCA5OC43OTkzIDM1LjM3MDggOTcuMDM5M1Y0NS43MjgxQzM1LjM3MDggMzEuNDgzMyA0Ni44OTkxIDE5LjkzOTYgNjEuMTI1IDE5LjkzOTZDNzUuMzUwOCAxOS45Mzk2IDg2Ljg3OTEgMzEuNDgzMyA4Ni44NzkxIDQ1LjcyODFWOTcuMDM5M0M4Ni44NzkxIDk4Ljc5OTMgODUuNDUwNyAxMDAuMjMgODMuNjkzIDEwMC4yM1oiIGZpbGw9IiM0NTVEODkiLz4KPHBhdGggZD0iTTgzLjE2MiAxMDAuMjNIMzguMDI1OVY0Ni4yNTk4QzM4LjAyNTkgMzMuNzgwMyA0OC4xMzExIDIzLjY2MTYgNjAuNTkzOSAyMy42NjE2QzczLjA1NjggMjMuNjYxNiA4My4xNjIgMzMuNzgwMyA4My4xNjIgNDYuMjU5OFYxMDAuMjNaIiBmaWxsPSIjMjg2RDhDIi8+CjxwYXRoIGQ9Ik04NC45NzI4IDkzLjMxNzJINDcuNTg0MkM0Ni4yMzU0IDkzLjMxNzIgNDUuMTM2MiA5Mi4yMjE5IDQ1LjEzNjIgOTAuODY2VjY4LjM0MjNDNDUuMTM2MiA2Ni42NTE0IDQ2LjUwNjIgNjUuMjg0OSA0OC4xODk2IDY1LjI4NDlIODMuNzE0M0M4NS43NTg3IDY1LjI4NDkgODcuNDE1NSA2Ni45NDM4IDg3LjQxNTUgNjguOTkxVjkwLjg2NkM4Ny40MTU1IDkyLjIxNjYgODYuMzIxNiA5My4zMTcyIDg0Ljk2NzUgOTMuMzE3Mkg4NC45NzI4WiIgZmlsbD0iIzkyQzhENiIvPgo8cGF0aCBkPSJNODUuNDk4NSA5My4zMTczSDQ3LjA1ODVDNDUuOTk2NSA5My4zMTczIDQ1LjEzNjIgOTIuNDU1OSA0NS4xMzYyIDkxLjM5MjRWNjcuOTc1NEM0NS4xMzYyIDY3LjY4ODMgNDUuMjQyNCA2Ny40MDY0IDQ1LjQzMzYgNjcuMTg4NEM0NS42NTY2IDY2LjkzMzIgNDYuMDM5IDY2LjkwMTMgNDYuMjk5MiA2Ny4xMTkzTDYwLjk5NzYgNzkuMjk1N0w2NC4wMzUgODEuODE2MUM2NS4zMzYgODIuODkwMiA2Ny4yMTU4IDgyLjg3OTYgNjguNTA2MSA4MS43ODk1TDg2LjU0OTkgNjYuNDQ5M0M4Ny42ODEgNjcuNTIzNCA4Ny40MjYxIDY4LjYwMjggODcuNDI2MSA2OC42MDI4VjkxLjM4NzFDODcuNDI2MSA5Mi40NTA1IDg2LjU2NTkgOTMuMzExOSA4NS41MDM5IDkzLjMxMTlMODUuNDk4NSA5My4zMTczWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ2LjAxMjUgOTMuNTU2NUM0NS44NjM4IDkzLjU1NjUgNDUuNzIwNCA5My40OTggNDUuNjE0MiA5My4zODFDNDUuNDE3OCA5My4xNjMgNDUuNDM5IDkyLjgyODEgNDUuNjU2NyA5Mi42MzEzTDYxLjUwNzUgNzguNTA4OEM2MS43MjUyIDc4LjMxMiA2Mi4wNTk3IDc4LjMzMzMgNjIuMjU2MiA3OC41NTEzQzYyLjQ1MjcgNzguNzY5MyA2Mi40MzE0IDc5LjEwNDMgNjIuMjEzNyA3OS4zMDFMNDYuMzYzIDkzLjQyMzZDNDYuMjYyMSA5My41MTQgNDYuMTM0NiA5My41NTY1IDQ2LjAxMjUgOTMuNTU2NVoiIGZpbGw9IiM3NUIxQzYiLz4KPHBhdGggZD0iTTg1Ljk2NTkgOTMuNTU2NUM4NS44Mzg1IDkzLjU1NjUgODUuNzE2NCA5My41MTQgODUuNjE1NSA5My40MjM2TDcwLjIxMDggNzkuNzUzQzY5Ljk5MzEgNzkuNTU2MyA2OS45NzE4IDc5LjIyMTMgNzAuMTYzIDc5LjAwMzNDNzAuMzU5NSA3OC43ODUzIDcwLjY5NCA3OC43NjQgNzAuOTExNyA3OC45NTU0TDg2LjMxNjQgOTIuNjMxM0M4Ni41MzQxIDkyLjgyOCA4Ni41NTU0IDkzLjE2MyA4Ni4zNTg5IDkzLjM4MUM4Ni4yNTI3IDkzLjQ5OCA4Ni4xMDkzIDkzLjU2MTggODUuOTYwNiA5My41NjE4TDg1Ljk2NTkgOTMuNTU2NVoiIGZpbGw9IiM3NUIxQzYiLz4KPHBhdGggZD0iTTgzLjQyNzYgMTAwLjIzSDQxLjQ3NzVWOTcuNjM0OEM0MS40Nzc1IDk1LjI1MjcgNDMuNDA1MSA5My4zMTczIDQ1Ljc4OTQgOTMuMzE3M0g4My40Mjc2VjEwMC4yM1oiIGZpbGw9IiNBMUNBQ0UiLz4KPHBhdGggZD0iTTgxLjg4MjMgMTA5LjgwMUg2LjAyNzA1QzMuMTcwMiAxMDkuODAxIDAuODU0OTggMTA3LjQ4MiAwLjg1NDk4IDEwNC42MjJWMTAwLjIzSDg3Ljk0MTFWMTAzLjczNEM4Ny45NDExIDEwNy4wODQgODUuMjI3NyAxMDkuODAxIDgxLjg4MjMgMTA5LjgwMVoiIGZpbGw9IiMzMzgyQUMiLz4KPHBhdGggZD0iTTgxLjg4MjMgMTA5LjgwMUg1OC4wNjY0QzU1LjIwOTUgMTA5LjgwMSA1Mi44OTQzIDEwNy40ODIgNTIuODk0MyAxMDQuNjIyVjEwMC4yM0g4Ny45NDEyVjEwMy43MzRDODcuOTQxMiAxMDcuMDg0IDg1LjIyNzcgMTA5LjgwMSA4MS44ODIzIDEwOS44MDFaIiBmaWxsPSIjMjg2RDhDIi8+CjxwYXRoIGQ9Ik0xMDcuNTg4IDU3LjE2MDFDMTExLjY5NCA1Ny4xNjAxIDExNS4wMjMgNTMuODI3MyAxMTUuMDIzIDQ5LjcxNkMxMTUuMDIzIDQ1LjYwNDggMTExLjY5NCA0Mi4yNzE5IDEwNy41ODggNDIuMjcxOUMxMDMuNDgzIDQyLjI3MTkgMTAwLjE1NCA0NS42MDQ4IDEwMC4xNTQgNDkuNzE2QzEwMC4xNTQgNTMuODI3MyAxMDMuNDgzIDU3LjE2MDEgMTA3LjU4OCA1Ny4xNjAxWiIgZmlsbD0iIzI4NkQ4QyIvPgo8cGF0aCBkPSJNMTA3LjU4OSA1Mi4xMDg4QzEwNi4yNjYgNTIuMTA4OCAxMDUuMTk5IDUxLjA0IDEwNS4xOTkgNDkuNzE2VjIuMzkyNzVDMTA1LjE5OSAxLjA2ODc2IDEwNi4yNjYgMCAxMDcuNTg5IDBDMTA4LjkxMSAwIDEwOS45NzggMS4wNjg3NiAxMDkuOTc4IDIuMzkyNzVWNDkuNzE2QzEwOS45NzggNTEuMDQgMTA4LjkxMSA1Mi4xMDg4IDEwNy41ODkgNTIuMTA4OFoiIGZpbGw9IiMyODZEOEMiLz4KPHBhdGggZD0iTTEwOC42NSA1Ni4wOTY3QzExMi4xNyA1Ni4wOTY3IDExNS4wMjMgNTMuMjM5OSAxMTUuMDIzIDQ5LjcxNkMxMTUuMDIzIDQ2LjE5MiAxMTIuMTcgNDMuMzM1MyAxMDguNjUgNDMuMzM1M0MxMDUuMTMxIDQzLjMzNTMgMTAyLjI3OCA0Ni4xOTIgMTAyLjI3OCA0OS43MTZDMTAyLjI3OCA1My4yMzk5IDEwNS4xMzEgNTYuMDk2NyAxMDguNjUgNTYuMDk2N1oiIGZpbGw9IiMzMzgyQUMiLz4KPHBhdGggZD0iTTExMC43NzUgMTMuOTA0NVYyLjM5Mjc2SDEzMi41NjJMMTEwLjc3NSAxMy45MDQ1WiIgZmlsbD0iIzZENkNENCIvPgo8cGF0aCBkPSJNMTEwLjc3NSAxMy45MDQ1VjIuMzkyNzZIMTMyLjU2MkwxMTAuNzc1IDEzLjkwNDVaIiBmaWxsPSIjNTZCRERDIi8+CjxwYXRoIGQ9Ik0xMDguNjUxIDUyLjEwODhDMTA3LjMyOCA1Mi4xMDg4IDEwNi4yNjEgNTEuMDQgMTA2LjI2MSA0OS43MTZWMi4zOTI3NUMxMDYuMjYxIDEuMDY4NzYgMTA3LjMyOCAwIDEwOC42NTEgMEMxMDkuOTczIDAgMTExLjA0IDEuMDY4NzYgMTExLjA0IDIuMzkyNzVWNDkuNzE2QzExMS4wNCA1MS4wNCAxMDkuOTczIDUyLjEwODggMTA4LjY1MSA1Mi4xMDg4WiIgZmlsbD0iIzMzODJBQyIvPgo8cGF0aCBkPSJNMTA4LjY1MSA1My40MzgxQzEwNi41MjcgNTMuNDM4MSAxMDQuODAxIDUxLjcxIDEwNC44MDEgNDkuNTgzMUMxMDQuODAxIDQ3LjQ1NjIgMTA2LjUyNyA0NS43MjgxIDEwOC42NTEgNDUuNzI4MUMxMTAuNzc1IDQ1LjcyODEgMTEyLjUgNDcuNDU2MiAxMTIuNSA0OS41ODMxQzExMi41IDUxLjcxIDExMC43NzUgNTMuNDM4MSAxMDguNjUxIDUzLjQzODFaTTEwOC42NTEgNDYuMjU5OEMxMDYuODE5IDQ2LjI1OTggMTA1LjMzMiA0Ny43NDg2IDEwNS4zMzIgNDkuNTgzMUMxMDUuMzMyIDUxLjQxNzUgMTA2LjgxOSA1Mi45MDYzIDEwOC42NTEgNTIuOTA2M0MxMTAuNDgzIDUyLjkwNjMgMTExLjk2OSA1MS40MTc1IDExMS45NjkgNDkuNTgzMUMxMTEuOTY5IDQ3Ljc0ODYgMTEwLjQ4MyA0Ni4yNTk4IDEwOC42NTEgNDYuMjU5OFoiIGZpbGw9IiMyODZEOEMiLz4KPHBhdGggZD0iTTU5LjkxNDIgODAuNzg0NUgyLjk5NDkxQzEuMzQzNDYgODAuNzg0NSAwIDc5LjQ0NDYgMCA3Ny43ODU2VjQyLjYxMjJDMCA0MC43NDU5IDEuNTEzMzkgMzkuMjMwNSAzLjM3NzI0IDM5LjIzMDVINTguNjYxQzYwLjg4MDcgMzkuMjMwNSA2Mi42ODYxIDQxLjAzMyA2Mi42ODYxIDQzLjI2MDlWNzguMDE5NkM2Mi42ODYxIDc5LjU1MSA2MS40NDg4IDgwLjc4OTkgNTkuOTE5NSA4MC43ODk5TDU5LjkxNDIgODAuNzg0NVoiIGZpbGw9IiMzMzgyQUMiLz4KPHBhdGggZD0iTTU5LjgzNDYgODAuNzg0NUgyLjg0NjIzQzEuMjc0NDMgODAuNzg0NSAwIDc5LjUwODQgMCA3Ny45MzQ1VjQzLjIyMzdDMCA0Mi43OTMgMC4xNTM5OTQgNDIuMzgzNiAwLjQzNTQzMSA0Mi4wNTkyQzAuNzY0NjU5IDQxLjY4MTcgMS4zMzI4NCA0MS42MzkyIDEuNzIwNDggNDEuOTU4MkwyMy41MDggNjAuMDEwMkwyOC4wMTYzIDYzLjc0MjhDMjkuOTQzOCA2NS4zMzggMzIuNzMxNyA2NS4zMjIxIDM0LjYzOCA2My43MDAzTDYxLjM4NTEgNDAuOTYzOUM2My4wNTc4IDQyLjU1OSA2Mi42ODA4IDQ0LjE1OTUgNjIuNjgwOCA0NC4xNTk1Vjc3LjkzNDVDNjIuNjgwOCA3OS41MDg0IDYxLjQwNjQgODAuNzg0NSA1OS44MzQ2IDgwLjc4NDVaIiBmaWxsPSIjREZFNUU1Ii8+CjxwYXRoIGQ9Ik0xLjY1MTQyIDgwLjUyOTNDMS41MDI3NCA4MC41MjkzIDEuMzU5MzcgODAuNDcwOCAxLjI1MzE2IDgwLjM0ODVDMS4wNTY2OSA4MC4xMzA1IDEuMDc3OTMgNzkuNzk1NSAxLjI5NTY0IDc5LjU5ODhMMjQuNDQyNSA1OS4wMTU5QzI0LjY2MDIgNTguODE5MSAyNS4wMDAxIDU4Ljg0MDQgMjUuMTkxMiA1OS4wNTg0QzI1LjM4NzcgNTkuMjc2NCAyNS4zNjY1IDU5LjYxMTQgMjUuMTQ4OCA1OS44MDgxTDIuMDAxODkgODAuMzk2NEMxLjkwMSA4MC40ODY4IDEuNzczNTYgODAuNTI5MyAxLjY1MTQyIDgwLjUyOTNaIiBmaWxsPSIjMzM4MkFDIi8+CjxwYXRoIGQ9Ik02MC41OTM4IDgwLjU3NzJDNjAuNDcxNyA4MC41NzcyIDYwLjM0NDMgODAuNTM0NiA2MC4yNDM0IDgwLjQ0NDJMMzcuMzM1NSA2MC40ODM0QzM3LjExMjQgNjAuMjkyIDM3LjA5MTIgNTkuOTU3IDM3LjI4MjQgNTkuNzMzN0MzNy40NzM1IDU5LjUxMDMgMzcuODA4MSA1OS40ODkxIDM4LjAzMTEgNTkuNjgwNUw2MC45MzkgNzkuNjQxM0M2MS4xNjIgNzkuODMyOCA2MS4xODMzIDgwLjE2NzcgNjAuOTkyMSA4MC4zOTExQzYwLjg4NTkgODAuNTEzNCA2MC43MzcyIDgwLjU3MTggNjAuNTkzOCA4MC41NzE4VjgwLjU3NzJaIiBmaWxsPSIjMzM4MkFDIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTExXzExIj4KPHJlY3Qgd2lkdGg9IjE2NiIgaGVpZ2h0PSIxNzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    width: 166px;
    height: 150px; }
  .icon-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23333' d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }

label {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #34475A; }

input:not([type=checkbox]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  width: 100%;
  height: 46px;
  margin: 4px 0;
  padding: 4px 12px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ADB4BC;
  font-size: 16px;
  font-weight: 400;
  color: #34475A; }
  input:not([type=checkbox]):focus {
    border: 1px solid #9fa7b1; }
  input:not([type=checkbox])::-webkit-input-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #97adc3; }
  input:not([type=checkbox])::-moz-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #97adc3; }
  input:not([type=checkbox]):-ms-input-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #97adc3; }
  input:not([type=checkbox])::-ms-input-placeholder {
    opacity: 1;
    font-size: 16px;
    color: #97adc3; }
  input:not([type=checkbox])::placeholder {
    opacity: 1;
    font-size: 16px;
    color: #97adc3; }
  input:not([type=checkbox]).error {
    border: 1px solid #FF0000; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ADB4BC;
  padding: 11px 12px;
  font-size: 16px;
  font-weight: 400;
  color: #34475A; }
  select.error {
    border: 1px solid #FF0000; }

input[type=radio] {
  position: absolute;
  margin: 6px 0px;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  background: #fff;
  border: 1px solid #36404A;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  accent-color: #007AFF; }
  input[type=radio]:checked {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    background: #007AFF;
    border: 1px solid #007AFF; }

.form {
  position: relative; }
  .form-row {
    position: relative; }
  .form-col {
    position: relative;
    width: 100%;
    margin: 0 0.250em; }
  .form-flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.250em; }
    .form-flex-2 .form-col {
      width: calc(100% / 2); }
  .form-input {
    position: relative; }
    .form-input > label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      z-index: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 35%;
      height: 40px;
      max-height: 40px;
      overflow: hidden;
      background: transparent;
      left: 0;
      bottom: calc((46px - 40px) / 2 + 4px);
      padding: 0 12px;
      text-align: left; }
    .form-input > input {
      -ms-flex-item-align: center;
      align-self: center;
      padding-left: 35%;
      border: 1px solid #E2E2E2; }
    .form-input-multi {
      position: relative;
      margin: 12px 0; }
      .form-input-multi label {
        display: block;
        text-align: left;
        padding-left: 2px;
        font-size: 12px; }
      .form-input-multi input {
        border: 1px solid #E2E2E2; }
  .form-select {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0;
    border-radius: 6px;
    background: #fff;
    margin-bottom: 4px; }
    .form-select select {
      border: 1px solid #E2E2E2;
      background: #fff;
      font-size: 16px;
      font-weight: 400;
      line-height: 32px;
      padding: 4px 12px;
      height: 40px; }
      .form-select select:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .form-select.init {
      color: #97adc3;
      position: relative; }
      .form-select.init:before {
        content: attr(data-placeholder);
        position: absolute;
        z-index: 1;
        font-size: 16px;
        width: calc(100% - 8px);
        left: 4px;
        height: calc(100% - 16px);
        background: #fff;
        top: 11px;
        pointer-events: none;
        color: #97adc3;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-transform: capitalize;
        pointer-events: none; }
    .form-select > select option[disabled]:first-child {
      display: none; }
    .form-input .form-select > select {
      -ms-flex-item-align: center;
      align-self: center;
      padding-left: 35%; }
    .form-input .form-select.init:before {
      width: calc(65% - 4px);
      left: 35%;
      padding: 0; }
  .form-checkbox {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    margin: 4px 0;
    padding: 0;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left; }
    .form-checkbox > input[type=checkbox] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: relative;
      width: 16px;
      height: 16px;
      margin-right: 15px;
      opacity: 0; }
    .form-checkbox label {
      position: relative;
      width: calc(100% - 33px);
      font-weight: 400;
      font-size: 12px; }
      .form-checkbox label:before {
        content: '';
        position: absolute;
        top: calc(50% - 8px);
        left: -30px;
        width: 16px;
        height: 16px;
        z-index: 1;
        border: 1px solid #34475A;
        border-radius: 3px; }
      .form-checkbox label:after {
        content: '';
        width: 20px;
        height: 15px;
        position: absolute;
        z-index: 2;
        left: -30px;
        top: calc(50% - 10px); }
    .form-checkbox input[type=checkbox]:checked + label:before {
      border: 1px solid #007AFF; }
    .form-checkbox input[type=checkbox]:checked + label:after {
      background-repeat: no-repeat;
      background-size: 100%;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4xNzQiIGhlaWdodD0iMjIuMyIgdmlld0JveD0iMCAwIDI4LjE3NCAyMi4zIj4KICA8ZyBpZD0iR3JvdXBfMjkxMCIgZGF0YS1uYW1lPSJHcm91cCAyOTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5LjU3MyAtMjUxLjI0NikiPgogICAgPGcgaWQ9Ikdyb3VwXzEiIGRhdGEtbmFtZT0iR3JvdXAgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNDEuMiAtMTY0KSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzQiIGRhdGEtbmFtZT0iUGF0aCA0IiBkPSJNNC44MTksMTAuMzgyLDIuODA3LDEyLjVhMS41MTksMS41MTksMCwwLDAsLjA1NywyLjE0MkwxMS40NywyMi44YTEuNTEsMS41MSwwLDAsMCwuNzU2LjM4OCwxLjYzNSwxLjYzNSwwLDAsMCwuMjUzLjAyOCwxLjY4MiwxLjY4MiwwLDAsMCwuMTgyLS4wMDguNjA5LjYwOSwwLDAsMCwuMTA4LS4wMTUsMS40ODgsMS40ODgsMCwwLDAsLjIxNC0uMDUzbC4wNDQtLjAxNmExLjUsMS41LDAsMCwwLC41NTgtLjM1NGwuMDI4LS4wMjhMMTUuMSwyMS4xOGwuNTI4LS41NTRMMjguOTEzLDYuNjA3YTEuNTE5LDEuNTE5LDAsMCwwLS4wNTctMi4xNDJMMjYuNzM0LDIuNDU1YTEuNTE5LDEuNTE5LDAsMCwwLTIuMTQyLjA1N0wxMi4zNDUsMTUuNDI5bC01LjM4NC01LjFhMS41MjEsMS41MjEsMCwwLDAtMi4xNDIuMDU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI0OSA0MTMuODI2KSIgZmlsbD0iIzAwN2FmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==); }
  .form-radio {
    margin: 6px 0; }
    .form-radio label {
      left: 20px; }
  .form-upload {
    width: 50%;
    height: 26px;
    margin: 0 auto; }
    .form-upload > label {
      display: inline-block;
      padding: 5px;
      font-size: 14px;
      font-weight: 400; }
    .form-upload > input[type=file] {
      cursor: pointer;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      margin: 0;
      padding: 0; }
  .form-code {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -4px; }
    .form-code input {
      text-align: center;
      margin: 4px;
      padding: 4px 12px;
      width: 46px;
      height: 46px; }
  .form-url label:after {
    content: '/';
    position: absolute;
    right: -1px;
    top: calc(50% - (16px / 2));
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #97adc3; }
  .form-error {
    position: relative;
    padding: 4px 0 0;
    text-align: left;
    font-size: 11px;
    line-height: 1.2;
    color: #FF0000; }
    .form-error:empty {
      padding: 0; }
  .form-main {
    position: relative;
    padding: 4px 0; }
    .form-main > form > p {
      text-align: center; }
    .form-main hr + .form-hint {
      text-align: center; }
  .form-captcha {
    position: relative;
    padding: 11.6px 0;
    text-align: center; }
  .form-hr {
    position: relative;
    padding: 0;
    margin: 13px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .form-hr:after {
      content: '';
      position: absolute;
      bottom: calc(80% / 2);
      left: 0;
      width: 100%;
      border-bottom: 1px solid #C1BEBE; }
    .form-hr span {
      position: relative;
      display: inline-block;
      padding: 0 4px;
      vertical-align: middle;
      background: #fff;
      z-index: 1;
      font-size: 12px;
      color: #888; }
  .form-view {
    position: absolute;
    z-index: 1;
    width: 42px;
    height: 42px;
    right: 2px;
    bottom: 2px;
    border: 1px solid transparent;
    background: #fff;
    padding: 10px; }
    .form-view img {
      opacity: .4; }
    .form-view.-active img {
      opacity: 1; }
    .form-view:hover {
      background: #fff; }
  .form-hint {
    font-size: 12px;
    padding: 4px 0; }
    .form-hint p {
      margin: 0;
      font-size: 12px; }

input[type=submit],
button,
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  width: 100%;
  height: 40px;
  margin: 4px 0;
  padding: 0;
  border-radius: 6px;
  background-color: var(--btn-bg-default);
  text-align: center;
  border: 1px solid var(--btn-br-default);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: var(--btn-cl-default);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  input[type=submit]:hover,
  button:hover,
  .button:hover {
    border: 1px solid var(--btn-br-default);
    background-color: var(--btn-bg-default-hover);
    color: var(--btn-cl-default); }
  input[type=submit].-medium,
  button.-medium,
  .button.-medium {
    height: 36px; }
  input[type=submit].-primary,
  button.-primary,
  .button.-primary {
    font-weight: 700;
    background-color: #007AFF;
    border: 1px solid #007AFF;
    color: #fff;
    -webkit-box-shadow: 0px 6px 10px rgba(0, 122, 255, 0.15);
    box-shadow: 0px 6px 10px rgba(0, 122, 255, 0.15); }
    input[type=submit].-primary:hover,
    button.-primary:hover,
    .button.-primary:hover {
      background-color: #006EE6;
      border: 1px solid #007AFF;
      color: #fff;
      -webkit-box-shadow: 0px 6px 10px rgba(0, 122, 255, 0.15);
      box-shadow: 0px 6px 10px rgba(0, 122, 255, 0.15); }
  input[type=submit].-tertiary,
  button.-tertiary,
  .button.-tertiary {
    background-color: var(--btn-bg);
    border: 1px solid var(--btn-br);
    color: var(--btn-cl);
    font-weight: 700; }
    input[type=submit].-tertiary:hover,
    button.-tertiary:hover,
    .button.-tertiary:hover {
      color: var(--btn-cl2);
      background-color: var(--btn-bg2); }
  input[type=submit].-tertiary2,
  button.-tertiary2,
  .button.-tertiary2 {
    background-color: var(--btn-bg);
    border: 1px solid var(--btn-br);
    color: #333333;
    font-weight: 700; }
    input[type=submit].-tertiary2:hover,
    button.-tertiary2:hover,
    .button.-tertiary2:hover {
      background-color: #E3E3E3; }
  input[type=submit].-quaternary,
  button.-quaternary,
  .button.-quaternary {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--btn-cl); }
    input[type=submit].-quaternary:hover,
    button.-quaternary:hover,
    .button.-quaternary:hover {
      background-color: var(--btn-bg2);
      color: var(--btn-cl); }
  input[type=submit].-danger,
  button.-danger,
  .button.-danger {
    background-color: #EA2323;
    border: 1px solid #EA2323;
    color: var(--btn-bg);
    font-weight: 700; }
    input[type=submit].-danger:hover,
    button.-danger:hover,
    .button.-danger:hover {
      color: #EA2323;
      background-color: var(--btn-bg2);
      border: 1px solid var(--btn-br); }
  input[type=submit].-transparent,
  button.-transparent,
  .button.-transparent {
    background-color: #fff;
    border: 1px solid transparent;
    color: #090909; }
    input[type=submit].-transparent:hover,
    button.-transparent:hover,
    .button.-transparent:hover {
      background-color: #fff; }
  input[type=submit].-disabled,
  button.-disabled,
  .button.-disabled {
    background-color: var(--btn-bg-disabled);
    border: 1px solid transparent;
    color: var(--btn-cl-disabled);
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none; }
    input[type=submit].-disabled:hover,
    button.-disabled:hover,
    .button.-disabled:hover {
      background-color: var(--btn-bg-disabled);
      border: 1px solid transparent;
      color: var(--btn-cl-disabled);
      -webkit-box-shadow: none;
      box-shadow: none; }
  input[type=submit] > .icon,
  button > .icon,
  .button > .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    margin: 0; }

input[type=submit].-theme-myvalue,
button.-theme-myvalue,
.button.-theme-myvalue {
  border: 1px solid #DA1884;
  background: #DA1884;
  color: #fff; }
  input[type=submit].-theme-myvalue:hover,
  button.-theme-myvalue:hover,
  .button.-theme-myvalue:hover {
    background: #c31576; }

input[type=submit].-theme-facebook,
button.-theme-facebook,
.button.-theme-facebook {
  border: 1px solid #475993;
  background: #475993;
  color: #fff; }
  input[type=submit].-theme-facebook:hover,
  button.-theme-facebook:hover,
  .button.-theme-facebook:hover {
    background: #3f4f82; }

input[type=submit].-theme-google,
button.-theme-google,
.button.-theme-google {
  border: 1px solid #dfdfdf;
  background: #fff;
  color: #000; }
  input[type=submit].-theme-google:hover,
  button.-theme-google:hover,
  .button.-theme-google:hover {
    background: #f2f2f2; }

input[type=submit].-theme-twitter,
button.-theme-twitter,
.button.-theme-twitter {
  border: 1px solid #1da1f2;
  background: #1da1f2;
  color: #fff; }
  input[type=submit].-theme-twitter:hover,
  button.-theme-twitter:hover,
  .button.-theme-twitter:hover {
    background: #0d95e8; }

input[type=submit].-theme-apple,
button.-theme-apple,
.button.-theme-apple {
  border: 1px solid #1C1C1C;
  background: #1C1C1C;
  color: #fff; }
  input[type=submit].-theme-apple:hover,
  button.-theme-apple:hover,
  .button.-theme-apple:hover {
    background: #292929; }

.title {
  position: relative;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #042049; }
  .title.-error {
    color: #FF0000; }
  .title.-small {
    font-size: 18px;
    line-height: 20px; }

.logo img {
  height: 45px; }

.network {
  position: relative;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px; }
  .network-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px; }
    .network-head p {
      font-size: 12px;
      font-style: italic;
      color: #757575; }
    .network-head img {
      width: auto;
      height: 20px; }
    .network-head span {
      position: relative; }
      .network-head span::before {
        position: relative;
        content: '';
        display: inline-table;
        font-style: normal;
        width: 1px;
        height: 28px;
        background-color: var(--form-line-grey); }
  .network-item {
    display: block;
    height: 16px;
    font-size: 12px; }
    .network-item img {
      height: 100%;
      display: block;
      margin: 0 auto; }

.panel {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 1em;
  padding-left: 20px;
  padding-right: 20px;
  background: #fff; }
  .panel.--ctaPanel a {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; }
  .panel-back {
    margin-bottom: 0; }
  .panelNav {
    position: fixed;
    top: 0;
    left: 0;
    background: #f1f1f1;
    width: 100%;
    height: 53px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5; }
    .panelNav-heading {
      font-size: 16px;
      font-weight: 700;
      color: #36404a;
      text-align: center;
      padding: 15px;
      margin: 0; }
    .panelNav-Footer {
      position: fixed;
      bottom: 0;
      left: 0;
      min-height: 86px;
      width: 100%;
      background: #fff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      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;
      -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      padding: 10px 20px; }
      @media (min-width: 500px) {
        .panelNav-Footer {
          padding: 10px calc(((100% - 500px) / 2) + 20px); } }
      .panelNav-Footer form {
        width: 100%; }
      .panelNav-Footer input[type="submit"],
      .panelNav-Footer a,
      .panelNav-Footer button {
        background-color: #9f9f9f;
        width: 100%;
        height: 36px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        padding: 6px 12px;
        border-radius: 8px;
        border: none;
        display: table;
        text-align: center;
        font-size: 14px; }
        .panelNav-Footer input[type="submit"].active,
        .panelNav-Footer a.active,
        .panelNav-Footer button.active {
          background-color: #007AFF;
          border: 1px solid #007AFF;
          color: #fff;
          font-weight: 700;
          -webkit-box-shadow: 0px 6px 10px rgba(0, 122, 255, 0.15);
          box-shadow: 0px 6px 10px rgba(0, 122, 255, 0.15); }
          .panelNav-Footer input[type="submit"].active:hover,
          .panelNav-Footer a.active:hover,
          .panelNav-Footer button.active:hover {
            background-color: #006EE6; }
      .panelNav-Footer label {
        padding-left: 30px;
        font-weight: 300; }
    .panelNav-back {
      position: absolute;
      top: 20px;
      left: 20px;
      border: solid black;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 4px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg); }
      @media (min-width: 500px) {
        .panelNav-back {
          left: calc(((100% - 500px) / 2) + 20px); } }
      .panelNav-back:before {
        content: "";
        top: -2px;
        right: 3px;
        position: absolute;
        border: solid black;
        border-width: 0px 0px 0px 3px;
        display: inline-block;
        padding: 10px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }

.Panelcheckbox {
  margin: 12px 0;
  padding-left: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  .Panelcheckbox-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .Panelcheckbox label {
    padding-top: 3px; }
  .Panelcheckbox input {
    width: 2em;
    -ms-flex-preferred-size: 2em;
    flex-basis: 2em;
    margin-left: -2em;
    position: relative;
    vertical-align: baseline; }
  .Panelcheckbox input:not(.reset) {
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0; }
    .Panelcheckbox input:not(.reset):focus {
      outline: none; }
    .Panelcheckbox input:not(.reset):focus ~ label::before {
      border-color: #0877db;
      -webkit-box-shadow: 0 0 0 0.1875em rgba(43, 154, 255, 0.2);
      box-shadow: 0 0 0 0.1875em rgba(43, 154, 255, 0.2); }
    .Panelcheckbox input:not(.reset):active ~ label::before {
      border-color: #0877db; }
    .Panelcheckbox input:not(.reset):checked ~ label::before {
      background-position: 0 0; }
  .Panelcheckbox input:not(.reset) ~ label::before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    vertical-align: top;
    width: 1.6em;
    height: 1.6em;
    background-color: #fff;
    background-size: 100% 100%;
    background-position: 0 1.5em;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 0 0 rgba(43, 154, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(43, 154, 255, 0.2);
    -webkit-transition: background-position 0.15s, -webkit-box-shadow 0.15s;
    transition: background-position 0.15s, -webkit-box-shadow 0.15s;
    transition: box-shadow 0.15s, background-position 0.15s;
    transition: box-shadow 0.15s, background-position 0.15s, -webkit-box-shadow 0.15s; }
  .Panelcheckbox input[type="radio"]:checked + label::before {
    border: 0.2em solid #007AFF;
    width: 18px;
    height: 18px;
    top: 1px; }
  .Panelcheckbox input:not(:checked) + label::before {
    color: red;
    border: 0.2em solid #808080;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    top: 1px; }
  .Panelcheckbox [type="checkbox"]:not(.reset) ~ label::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjY2MDEyIDMuMjAxMDVIMTMuODIxMUwxMi43NzUxIDQuMzA4MDVIMi42NjAxMkMyLjQ3OTQ5IDQuMzA4MzEgMi4zMDYzMyA0LjM4MDExIDIuMTc4NTEgNC41MDc3NEMyLjA1MDcgNC42MzUzNyAxLjk3ODY1IDQuODA4NDMgMS45NzgxMiA0Ljk4OTA1VjcuMDg5MDVMMS4yNzgxMiA3LjgyNDA1QzEuMTEwMTUgOC4wMDAzMyAwLjk3MjMwOCA4LjIwMzA0IDAuODcwMTE3IDguNDI0MDVWNC45OTAwNUMwLjg3MDM4MiA0LjUxNTQ5IDEuMDU5MDkgNC4wNjA0NSAxLjM5NDc1IDMuNzI0OTdDMS43MzA0MSAzLjM4OTUgMi4xODU1NSAzLjIwMTA1IDIuNjYwMTIgMy4yMDEwNVpNMTYuODQ3MSA5LjQwMTA1VjE3LjM5MjFDMTYuODQ1OCAxNy44NjUxIDE2LjY1NzMgMTguMzE4MyAxNi4zMjI4IDE4LjY1MjhDMTUuOTg4NCAxOC45ODcyIDE1LjUzNTEgMTkuMTc1NyAxNS4wNjIxIDE5LjE3NzFIMi42NjAxMkMyLjE4NzI4IDE5LjE3NTcgMS43MzQxOCAxOC45ODc0IDEuMzk5NzQgMTguNjUzMUMxLjA2NTMgMTguMzE4OSAwLjg3NjcgMTcuODY1OSAwLjg3NTExNyAxNy4zOTMxVjEwLjM3OEwwLjkxODExNyAxMC40MjJDMS4wMzMyMiAxMC42NDU3IDEuMTg0OTkgMTAuODQ4NSAxLjM2NzEyIDExLjAyMkwxLjk3NTEyIDExLjYwMTFWMTcuNDAxQzEuOTc1MzggMTcuNTgxOCAyLjA0NzM1IDE3Ljc1NSAyLjE3NTIyIDE3Ljg4MjdDMi4zMDMwOSAxOC4wMTAzIDIuNDc2NDEgMTguMDgyIDIuNjU3MTIgMTguMDgySDE1LjA1NzFDMTUuMjM3NyAxOC4wODE4IDE1LjQxMDkgMTguMDEgMTUuNTM4NyAxNy44ODI0QzE1LjY2NjUgMTcuNzU0NyAxNS43Mzg2IDE3LjU4MTcgMTUuNzM5MSAxNy40MDFWMTAuNTY1MUwxNi44NDcxIDkuNDAxMDVaIiBmaWxsPSIjMDA3QUZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy41MjYwOCA3LjI3OTAxTDIuMTk0MDggOC42ODYwMUMyLjAxMTQ1IDguODc5NjcgMS45MTI5MiA5LjEzNzc2IDEuOTIwMDQgOS40MDM4NUMxLjkyNzE2IDkuNjY5OTUgMi4wMzkzNSA5LjkyMjQgMi4yMzIwOCAxMC4xMDZMNy45MzYwOCAxNS41MTVDOC4wNzQ3NCAxNS42NDY3IDguMjQ4MjcgMTUuNzM1OSA4LjQzNjA4IDE1Ljc3MkM4LjQ5MTUzIDE1Ljc4MjQgOC41NDc3IDE1Ljc4ODQgOC42MDQwOCAxNS43OUM4LjY0NDQ3IDE1Ljc5MDUgOC42ODQ4NyAxNS43ODg5IDguNzI1MDggMTUuNzg1QzguNzQ5MDggMTUuNzg1IDguNzczMDggMTUuNzggOC43OTcwOCAxNS43NzVDOC44NDUyMSAxNS43NjY5IDguODkyNjggMTUuNzU1MiA4LjkzOTA4IDE1Ljc0TDguOTY4MDggMTUuNzNDOS4xMDcyOSAxNS42ODA1IDkuMjMzNjkgMTUuNjAwNiA5LjMzODA4IDE1LjQ5Nkw5LjM1NjA4IDE1LjQ3OEwxMC4zNDIxIDE0LjQzOUwxMC42OTAxIDE0LjA3MUwxOS41MDAxIDQuNzc5MDFDMTkuNjgyNyA0LjU4NTM2IDE5Ljc4MTIgNC4zMjcyNyAxOS43NzQxIDQuMDYxMTdDMTkuNzY3IDMuNzk1MDcgMTkuNjU0OCAzLjU0MjYyIDE5LjQ2MjEgMy4zNTkwMUwxOC4wNTUxIDIuMDI1MDFDMTcuODYxNCAxLjg0MjM4IDE3LjYwMzMgMS43NDM4NSAxNy4zMzcyIDEuNzUwOTdDMTcuMDcxMSAxLjc1ODA5IDE2LjgxODcgMS44NzAyOCAxNi42MzUxIDIuMDYzMDFMOC41MTcwOCAxMC42MjVMNC45NDcwOCA3LjI0MjAxQzQuNzUzMzkgNy4wNTkxOSA0LjQ5NTIgNi45NjA0NiA0LjIyODk1IDYuOTY3MzlDMy45NjI2OSA2Ljk3NDMyIDMuNzEgNy4wODYzNiAzLjUyNjA4IDcuMjc5MDFaIiBmaWxsPSIjMDA3QUZGIi8+Cjwvc3ZnPgo="); }
  .Panelcheckbox [type="radio"]:not(.reset) ~ label::before {
    border-radius: 100%;
    background-image: radial-gradient(circle, #007AFF 0%, #007AFF 40%, #fff 41%, #fff 100%);
    background-position: 50% 50%;
    background-size: 0px 0px;
    -webkit-transition: background-size .15s, -webkit-box-shadow .15s;
    transition: background-size .15s, -webkit-box-shadow .15s;
    transition: box-shadow .15s, background-size .15s;
    transition: box-shadow .15s, background-size .15s, -webkit-box-shadow .15s; }
  .Panelcheckbox [type="radio"]:not(.reset):checked ~ label::before {
    background-position: 50% 50%;
    background-size: 100% 100%; }

.profile-top {
  margin-top: 20px;
  padding-top: 9px;
  padding-bottom: 4px;
  border-top: 1px solid #f0eff4; }

.profile-header {
  position: relative;
  text-align: center;
  padding: 32px 0; }

.profile-avatar, .profile-img {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 40px;
  margin: 0 auto 4px;
  overflow: hidden; }
  .profile-avatar img, .profile-img img {
    height: 100%; }

.profile-avatar {
  background: #c7c7c7; }
  .profile-avatar:before {
    content: attr(data-init);
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 22px 0;
    font-size: 28px;
    line-height: 1;
    color: #fff; }

.profile-name {
  position: relative;
  margin: 4px 0 11px;
  font-size: 24px;
  font-weight: 700;
  color: #042049; }

.profile-id {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #34475a; }

.profile-email {
  font-size: 14px; }

.profile-title {
  position: relative;
  top: -4px;
  padding-bottom: 16px;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #454545;
  border-bottom: 1px solid #e2e2e2; }

.profile-delete {
  padding: 70px 0 140px;
  font-size: 14px; }
  .profile-delete ol,
  .profile-delete ul {
    padding-left: 15px; }
    .profile-delete ol li,
    .profile-delete ul li {
      line-height: 2; }
  .profile-delete ol li {
    list-style: decimal; }
  .profile-delete ul li {
    list-style: disc; }
  .profile-delete ul.ul-alpha li {
    list-style: lower-alpha; }
  .profile-delete form label,
  .profile-delete form input {
    font-weight: 300; }
  .profile-delete form label {
    padding-left: 30px; }
    .profile-delete form label span {
      padding: 4px 0;
      display: block;
      font-size: 10px;
      line-height: 1.3; }
  .profile-delete form input:disabled {
    background: #dddddd;
    cursor: not-allowed; }
  .profile-delete-verify {
    text-align: center;
    background: #fff;
    height: calc(100vh - 70px - 140px - 16px); }
    @media (min-width: 500px) {
      .profile-delete-verify {
        height: calc(100vh - 70px - 140px - 3.5rem); } }
    .profile-delete-verify .icon-mailbox {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY2IiBoZWlnaHQ9IjE3NiIgdmlld0JveD0iMCAwIDE2NiAxNzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTFfMTEpIj4KPHBhdGggZD0iTTExMC42MSAxNzZIOTUuOTU5M0M5NC4wMjExIDE3NiA5Mi40NTQ2IDE3NC40MjYgOTIuNDU0NiAxNzIuNDkxVjkzLjg0ODlIMTE1LjI4OFYxNzEuMzE2QzExNS4yODggMTczLjkwNSAxMTMuMTk2IDE3NiAxMTAuNjEgMTc2WiIgZmlsbD0iIzI4NkQ4QyIvPgo8cGF0aCBkPSJNMTExLjkyMiAxNzZIMTAyLjU0NFY5My44NDg5SDExNS4yODhWMTcyLjYyOUMxMTUuMjg4IDE3NC40OSAxMTMuNzggMTc2IDExMS45MjIgMTc2WiIgZmlsbD0iIzMzODJBQyIvPgo8cGF0aCBkPSJNNjMuNDI0MyAxOC4zNDQ0SDEzNi40NTVDMTUyLjc3MyAxOC4zNDQ0IDE2Ni4wMDUgMzEuNTg5NiAxNjYuMDA1IDQ3LjkzNDhWOTkuOTI2NUMxNjYuMDA1IDEwMS4xMjMgMTY1LjAzOSAxMDIuMDkxIDE2My44NDQgMTAyLjA5MUgzNS42MTUxQzM1LjQ4MjQgMTAyLjA5MSAzNS4zNzA4IDEwMS45ODQgMzUuMzcwOCAxMDEuODQ2VjQ2LjQzQzM1LjM3MDggMzAuOTE5NiA0Ny45MjkzIDE4LjM0NDQgNjMuNDE5IDE4LjM0NDRINjMuNDI0M1oiIGZpbGw9IiM0QkIxQzkiLz4KPHBhdGggZD0iTTcyLjQ1MTQgMjkuNzc2NEgxMjcuNjVDMTQzLjk2OCAyOS43NzY0IDE1Ny4yMDEgNDMuMDIxNiAxNTcuMjAxIDU5LjM2NjhWOTkuOTI2NUMxNTcuMjAxIDEwMS4xMjMgMTU2LjIzNSAxMDIuMDkxIDE1NS4wNCAxMDIuMDkxSDQ0LjY0MjJDNDQuNTA5NSAxMDIuMDkxIDQ0LjM5NzkgMTAxLjk4NCA0NC4zOTc5IDEwMS44NDZWNTcuODYyQzQ0LjM5NzkgNDIuMzUxNyA1Ni45NTY0IDI5Ljc3NjQgNzIuNDQ2MSAyOS43NzY0SDcyLjQ1MTRaIiBmaWxsPSIjNTZCRERDIi8+CjxwYXRoIG9wYWNpdHk9IjAuNjUiIGQ9Ik0xNjMuNTYzIDEwMi4zNTZIODIuODk2NVY5NS40NDQxSDE2NlY5OS45MTU5QzE2NiAxMDEuMjYxIDE2NC45MTEgMTAyLjM1NiAxNjMuNTYzIDEwMi4zNTZaIiBmaWxsPSIjNEM2NUJBIi8+CjxwYXRoIGQ9Ik0xNjMuNTYzIDEwMi4zNTZIODIuODk2NVY5NS40NDQxSDE2NlY5OS45MTU5QzE2NiAxMDEuMjYxIDE2NC45MTEgMTAyLjM1NiAxNjMuNTYzIDEwMi4zNTZaIiBmaWxsPSIjMzM4MkFDIi8+CjxwYXRoIGQ9Ik0xNjQuMTU4IDEwMi4wOTFIMTI3LjQzOFY5NS42NDYySDE2NlYxMDAuMjQ2QzE2NiAxMDEuMjY2IDE2NS4xNzcgMTAyLjA5MSAxNjQuMTU4IDEwMi4wOTFaIiBmaWxsPSIjMjg2RDhDIi8+CjxwYXRoIG9wYWNpdHk9IjAuMDciIGQ9Ik0xNjYgNDguMTIwOEg4Ni44NzkyVjk1LjQ0NDFIMTY2VjQ4LjEyMDhaIiBmaWxsPSIjMzczNDQ5Ii8+CjxwYXRoIGQ9Ik04My42OTMgMTAwLjIzSDM4LjU1NjlDMzYuNzk5MyAxMDAuMjMgMzUuMzcwOCA5OC43OTkzIDM1LjM3MDggOTcuMDM5M1Y0NS43MjgxQzM1LjM3MDggMzEuNDgzMyA0Ni44OTkxIDE5LjkzOTYgNjEuMTI1IDE5LjkzOTZDNzUuMzUwOCAxOS45Mzk2IDg2Ljg3OTEgMzEuNDgzMyA4Ni44NzkxIDQ1LjcyODFWOTcuMDM5M0M4Ni44NzkxIDk4Ljc5OTMgODUuNDUwNyAxMDAuMjMgODMuNjkzIDEwMC4yM1oiIGZpbGw9IiM0NTVEODkiLz4KPHBhdGggZD0iTTgzLjE2MiAxMDAuMjNIMzguMDI1OVY0Ni4yNTk4QzM4LjAyNTkgMzMuNzgwMyA0OC4xMzExIDIzLjY2MTYgNjAuNTkzOSAyMy42NjE2QzczLjA1NjggMjMuNjYxNiA4My4xNjIgMzMuNzgwMyA4My4xNjIgNDYuMjU5OFYxMDAuMjNaIiBmaWxsPSIjMjg2RDhDIi8+CjxwYXRoIGQ9Ik04NC45NzI4IDkzLjMxNzJINDcuNTg0MkM0Ni4yMzU0IDkzLjMxNzIgNDUuMTM2MiA5Mi4yMjE5IDQ1LjEzNjIgOTAuODY2VjY4LjM0MjNDNDUuMTM2MiA2Ni42NTE0IDQ2LjUwNjIgNjUuMjg0OSA0OC4xODk2IDY1LjI4NDlIODMuNzE0M0M4NS43NTg3IDY1LjI4NDkgODcuNDE1NSA2Ni45NDM4IDg3LjQxNTUgNjguOTkxVjkwLjg2NkM4Ny40MTU1IDkyLjIxNjYgODYuMzIxNiA5My4zMTcyIDg0Ljk2NzUgOTMuMzE3Mkg4NC45NzI4WiIgZmlsbD0iIzkyQzhENiIvPgo8cGF0aCBkPSJNODUuNDk4NSA5My4zMTczSDQ3LjA1ODVDNDUuOTk2NSA5My4zMTczIDQ1LjEzNjIgOTIuNDU1OSA0NS4xMzYyIDkxLjM5MjRWNjcuOTc1NEM0NS4xMzYyIDY3LjY4ODMgNDUuMjQyNCA2Ny40MDY0IDQ1LjQzMzYgNjcuMTg4NEM0NS42NTY2IDY2LjkzMzIgNDYuMDM5IDY2LjkwMTMgNDYuMjk5MiA2Ny4xMTkzTDYwLjk5NzYgNzkuMjk1N0w2NC4wMzUgODEuODE2MUM2NS4zMzYgODIuODkwMiA2Ny4yMTU4IDgyLjg3OTYgNjguNTA2MSA4MS43ODk1TDg2LjU0OTkgNjYuNDQ5M0M4Ny42ODEgNjcuNTIzNCA4Ny40MjYxIDY4LjYwMjggODcuNDI2MSA2OC42MDI4VjkxLjM4NzFDODcuNDI2MSA5Mi40NTA1IDg2LjU2NTkgOTMuMzExOSA4NS41MDM5IDkzLjMxMTlMODUuNDk4NSA5My4zMTczWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ2LjAxMjUgOTMuNTU2NUM0NS44NjM4IDkzLjU1NjUgNDUuNzIwNCA5My40OTggNDUuNjE0MiA5My4zODFDNDUuNDE3OCA5My4xNjMgNDUuNDM5IDkyLjgyODEgNDUuNjU2NyA5Mi42MzEzTDYxLjUwNzUgNzguNTA4OEM2MS43MjUyIDc4LjMxMiA2Mi4wNTk3IDc4LjMzMzMgNjIuMjU2MiA3OC41NTEzQzYyLjQ1MjcgNzguNzY5MyA2Mi40MzE0IDc5LjEwNDMgNjIuMjEzNyA3OS4zMDFMNDYuMzYzIDkzLjQyMzZDNDYuMjYyMSA5My41MTQgNDYuMTM0NiA5My41NTY1IDQ2LjAxMjUgOTMuNTU2NVoiIGZpbGw9IiM3NUIxQzYiLz4KPHBhdGggZD0iTTg1Ljk2NTkgOTMuNTU2NUM4NS44Mzg1IDkzLjU1NjUgODUuNzE2NCA5My41MTQgODUuNjE1NSA5My40MjM2TDcwLjIxMDggNzkuNzUzQzY5Ljk5MzEgNzkuNTU2MyA2OS45NzE4IDc5LjIyMTMgNzAuMTYzIDc5LjAwMzNDNzAuMzU5NSA3OC43ODUzIDcwLjY5NCA3OC43NjQgNzAuOTExNyA3OC45NTU0TDg2LjMxNjQgOTIuNjMxM0M4Ni41MzQxIDkyLjgyOCA4Ni41NTU0IDkzLjE2MyA4Ni4zNTg5IDkzLjM4MUM4Ni4yNTI3IDkzLjQ5OCA4Ni4xMDkzIDkzLjU2MTggODUuOTYwNiA5My41NjE4TDg1Ljk2NTkgOTMuNTU2NVoiIGZpbGw9IiM3NUIxQzYiLz4KPHBhdGggZD0iTTgzLjQyNzYgMTAwLjIzSDQxLjQ3NzVWOTcuNjM0OEM0MS40Nzc1IDk1LjI1MjcgNDMuNDA1MSA5My4zMTczIDQ1Ljc4OTQgOTMuMzE3M0g4My40Mjc2VjEwMC4yM1oiIGZpbGw9IiNBMUNBQ0UiLz4KPHBhdGggZD0iTTgxLjg4MjMgMTA5LjgwMUg2LjAyNzA1QzMuMTcwMiAxMDkuODAxIDAuODU0OTggMTA3LjQ4MiAwLjg1NDk4IDEwNC42MjJWMTAwLjIzSDg3Ljk0MTFWMTAzLjczNEM4Ny45NDExIDEwNy4wODQgODUuMjI3NyAxMDkuODAxIDgxLjg4MjMgMTA5LjgwMVoiIGZpbGw9IiMzMzgyQUMiLz4KPHBhdGggZD0iTTgxLjg4MjMgMTA5LjgwMUg1OC4wNjY0QzU1LjIwOTUgMTA5LjgwMSA1Mi44OTQzIDEwNy40ODIgNTIuODk0MyAxMDQuNjIyVjEwMC4yM0g4Ny45NDEyVjEwMy43MzRDODcuOTQxMiAxMDcuMDg0IDg1LjIyNzcgMTA5LjgwMSA4MS44ODIzIDEwOS44MDFaIiBmaWxsPSIjMjg2RDhDIi8+CjxwYXRoIGQ9Ik0xMDcuNTg4IDU3LjE2MDFDMTExLjY5NCA1Ny4xNjAxIDExNS4wMjMgNTMuODI3MyAxMTUuMDIzIDQ5LjcxNkMxMTUuMDIzIDQ1LjYwNDggMTExLjY5NCA0Mi4yNzE5IDEwNy41ODggNDIuMjcxOUMxMDMuNDgzIDQyLjI3MTkgMTAwLjE1NCA0NS42MDQ4IDEwMC4xNTQgNDkuNzE2QzEwMC4xNTQgNTMuODI3MyAxMDMuNDgzIDU3LjE2MDEgMTA3LjU4OCA1Ny4xNjAxWiIgZmlsbD0iIzI4NkQ4QyIvPgo8cGF0aCBkPSJNMTA3LjU4OSA1Mi4xMDg4QzEwNi4yNjYgNTIuMTA4OCAxMDUuMTk5IDUxLjA0IDEwNS4xOTkgNDkuNzE2VjIuMzkyNzVDMTA1LjE5OSAxLjA2ODc2IDEwNi4yNjYgMCAxMDcuNTg5IDBDMTA4LjkxMSAwIDEwOS45NzggMS4wNjg3NiAxMDkuOTc4IDIuMzkyNzVWNDkuNzE2QzEwOS45NzggNTEuMDQgMTA4LjkxMSA1Mi4xMDg4IDEwNy41ODkgNTIuMTA4OFoiIGZpbGw9IiMyODZEOEMiLz4KPHBhdGggZD0iTTEwOC42NSA1Ni4wOTY3QzExMi4xNyA1Ni4wOTY3IDExNS4wMjMgNTMuMjM5OSAxMTUuMDIzIDQ5LjcxNkMxMTUuMDIzIDQ2LjE5MiAxMTIuMTcgNDMuMzM1MyAxMDguNjUgNDMuMzM1M0MxMDUuMTMxIDQzLjMzNTMgMTAyLjI3OCA0Ni4xOTIgMTAyLjI3OCA0OS43MTZDMTAyLjI3OCA1My4yMzk5IDEwNS4xMzEgNTYuMDk2NyAxMDguNjUgNTYuMDk2N1oiIGZpbGw9IiMzMzgyQUMiLz4KPHBhdGggZD0iTTExMC43NzUgMTMuOTA0NVYyLjM5Mjc2SDEzMi41NjJMMTEwLjc3NSAxMy45MDQ1WiIgZmlsbD0iIzZENkNENCIvPgo8cGF0aCBkPSJNMTEwLjc3NSAxMy45MDQ1VjIuMzkyNzZIMTMyLjU2MkwxMTAuNzc1IDEzLjkwNDVaIiBmaWxsPSIjNTZCRERDIi8+CjxwYXRoIGQ9Ik0xMDguNjUxIDUyLjEwODhDMTA3LjMyOCA1Mi4xMDg4IDEwNi4yNjEgNTEuMDQgMTA2LjI2MSA0OS43MTZWMi4zOTI3NUMxMDYuMjYxIDEuMDY4NzYgMTA3LjMyOCAwIDEwOC42NTEgMEMxMDkuOTczIDAgMTExLjA0IDEuMDY4NzYgMTExLjA0IDIuMzkyNzVWNDkuNzE2QzExMS4wNCA1MS4wNCAxMDkuOTczIDUyLjEwODggMTA4LjY1MSA1Mi4xMDg4WiIgZmlsbD0iIzMzODJBQyIvPgo8cGF0aCBkPSJNMTA4LjY1MSA1My40MzgxQzEwNi41MjcgNTMuNDM4MSAxMDQuODAxIDUxLjcxIDEwNC44MDEgNDkuNTgzMUMxMDQuODAxIDQ3LjQ1NjIgMTA2LjUyNyA0NS43MjgxIDEwOC42NTEgNDUuNzI4MUMxMTAuNzc1IDQ1LjcyODEgMTEyLjUgNDcuNDU2MiAxMTIuNSA0OS41ODMxQzExMi41IDUxLjcxIDExMC43NzUgNTMuNDM4MSAxMDguNjUxIDUzLjQzODFaTTEwOC42NTEgNDYuMjU5OEMxMDYuODE5IDQ2LjI1OTggMTA1LjMzMiA0Ny43NDg2IDEwNS4zMzIgNDkuNTgzMUMxMDUuMzMyIDUxLjQxNzUgMTA2LjgxOSA1Mi45MDYzIDEwOC42NTEgNTIuOTA2M0MxMTAuNDgzIDUyLjkwNjMgMTExLjk2OSA1MS40MTc1IDExMS45NjkgNDkuNTgzMUMxMTEuOTY5IDQ3Ljc0ODYgMTEwLjQ4MyA0Ni4yNTk4IDEwOC42NTEgNDYuMjU5OFoiIGZpbGw9IiMyODZEOEMiLz4KPHBhdGggZD0iTTU5LjkxNDIgODAuNzg0NUgyLjk5NDkxQzEuMzQzNDYgODAuNzg0NSAwIDc5LjQ0NDYgMCA3Ny43ODU2VjQyLjYxMjJDMCA0MC43NDU5IDEuNTEzMzkgMzkuMjMwNSAzLjM3NzI0IDM5LjIzMDVINTguNjYxQzYwLjg4MDcgMzkuMjMwNSA2Mi42ODYxIDQxLjAzMyA2Mi42ODYxIDQzLjI2MDlWNzguMDE5NkM2Mi42ODYxIDc5LjU1MSA2MS40NDg4IDgwLjc4OTkgNTkuOTE5NSA4MC43ODk5TDU5LjkxNDIgODAuNzg0NVoiIGZpbGw9IiMzMzgyQUMiLz4KPHBhdGggZD0iTTU5LjgzNDYgODAuNzg0NUgyLjg0NjIzQzEuMjc0NDMgODAuNzg0NSAwIDc5LjUwODQgMCA3Ny45MzQ1VjQzLjIyMzdDMCA0Mi43OTMgMC4xNTM5OTQgNDIuMzgzNiAwLjQzNTQzMSA0Mi4wNTkyQzAuNzY0NjU5IDQxLjY4MTcgMS4zMzI4NCA0MS42MzkyIDEuNzIwNDggNDEuOTU4MkwyMy41MDggNjAuMDEwMkwyOC4wMTYzIDYzLjc0MjhDMjkuOTQzOCA2NS4zMzggMzIuNzMxNyA2NS4zMjIxIDM0LjYzOCA2My43MDAzTDYxLjM4NTEgNDAuOTYzOUM2My4wNTc4IDQyLjU1OSA2Mi42ODA4IDQ0LjE1OTUgNjIuNjgwOCA0NC4xNTk1Vjc3LjkzNDVDNjIuNjgwOCA3OS41MDg0IDYxLjQwNjQgODAuNzg0NSA1OS44MzQ2IDgwLjc4NDVaIiBmaWxsPSIjREZFNUU1Ii8+CjxwYXRoIGQ9Ik0xLjY1MTQyIDgwLjUyOTNDMS41MDI3NCA4MC41MjkzIDEuMzU5MzcgODAuNDcwOCAxLjI1MzE2IDgwLjM0ODVDMS4wNTY2OSA4MC4xMzA1IDEuMDc3OTMgNzkuNzk1NSAxLjI5NTY0IDc5LjU5ODhMMjQuNDQyNSA1OS4wMTU5QzI0LjY2MDIgNTguODE5MSAyNS4wMDAxIDU4Ljg0MDQgMjUuMTkxMiA1OS4wNTg0QzI1LjM4NzcgNTkuMjc2NCAyNS4zNjY1IDU5LjYxMTQgMjUuMTQ4OCA1OS44MDgxTDIuMDAxODkgODAuMzk2NEMxLjkwMSA4MC40ODY4IDEuNzczNTYgODAuNTI5MyAxLjY1MTQyIDgwLjUyOTNaIiBmaWxsPSIjMzM4MkFDIi8+CjxwYXRoIGQ9Ik02MC41OTM4IDgwLjU3NzJDNjAuNDcxNyA4MC41NzcyIDYwLjM0NDMgODAuNTM0NiA2MC4yNDM0IDgwLjQ0NDJMMzcuMzM1NSA2MC40ODM0QzM3LjExMjQgNjAuMjkyIDM3LjA5MTIgNTkuOTU3IDM3LjI4MjQgNTkuNzMzN0MzNy40NzM1IDU5LjUxMDMgMzcuODA4MSA1OS40ODkxIDM4LjAzMTEgNTkuNjgwNUw2MC45MzkgNzkuNjQxM0M2MS4xNjIgNzkuODMyOCA2MS4xODMzIDgwLjE2NzcgNjAuOTkyMSA4MC4zOTExQzYwLjg4NTkgODAuNTEzNCA2MC43MzcyIDgwLjU3MTggNjAuNTkzOCA4MC41NzE4VjgwLjU3NzJaIiBmaWxsPSIjMzM4MkFDIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTExXzExIj4KPHJlY3Qgd2lkdGg9IjE2NiIgaGVpZ2h0PSIxNzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
      background-repeat: no-repeat;
      width: 166px;
      height: 150px; }
    .profile-delete-verifyTitle {
      margin: 20px 0;
      font-size: 18px;
      font-weight: 700; }
    .profile-delete-verifyText {
      margin: 20px 0;
      font-size: 14px;
      font-weight: 300; }

.profile-block p {
  line-height: 1.15; }

.profile-block ol {
  padding-left: 15px; }
  @media (min-width: 360px) {
    .profile-block ol {
      padding-left: 20px; } }
  .profile-block ol li {
    list-style: decimal;
    font-size: 14px; }

.profile-block-form label {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; }
  .profile-block-form label small {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    margin: 5px 0 10px; }

.profile-block-form .form-checkbox {
  min-height: unset;
  margin: 8px 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .profile-block-form .form-checkbox label {
    width: calc(100% - 30px); }
    .profile-block-form .form-checkbox label:before {
      top: 0; }
    .profile-block-form .form-checkbox label:after {
      top: calc(-3px); }
  .profile-block-form .form-checkbox > input[type=checkbox] {
    margin-right: 12px; }

.block-head {
  background-color: #fff;
  border-bottom: 1px solid #E2E2E2;
  min-height: 56px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 0 15px; }
  .block-head .container-head {
    max-width: 440px;
    width: 100%; }
  .block-head .block-back {
    position: absolute;
    left: 0;
    padding: 0; }
  .block-head .logo-head {
    width: auto;
    height: 18px;
    display: inline-block; }
    .block-head .logo-head img {
      width: auto;
      height: 100%; }
  .block-head .menu-profile {
    position: absolute;
    top: initial;
    right: 0;
    z-index: 1; }
  .block-head .menu-button {
    padding: 0; }
    .block-head .menu-button:hover {
      border: 0;
      background-color: transparent; }
  .block-head .menu-option {
    border-radius: 8px;
    padding: 0; }
    .block-head .menu-option a {
      padding: 13px 18px; }
      .block-head .menu-option a:last-child {
        border-top: 1px solid #E2E2E2; }

.block-body {
  margin-top: 56px;
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 15px; }
  .block-body .container.-medium {
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    margin: 12px auto 0;
    padding: 24px;
    max-width: 440px;
    width: 100%; }
  .block-body .container.--bottom {
    padding: 16px; }
    .block-body .container.--bottom .block-info {
      padding-top: 0;
      color: #757575; }
  .block-body .container.-groupinner {
    min-height: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    background-color: transparent; }
    .block-body .container.-groupinner .panel {
      border: 1px solid #E2E2E2;
      margin-left: initial;
      margin-right: initial;
      border-radius: 10px;
      padding: 24px;
      margin-bottom: 12px; }

.block-top {
  position: relative;
  padding: 4px 0;
  text-align: center; }

.block-profile {
  position: relative;
  padding: 10px 0 18px;
  text-align: center; }

.block-middle {
  position: relative;
  padding: 4px 0; }

.block-img {
  position: relative;
  padding: 32px 0 5px; }

.block-footer {
  position: relative;
  text-align: center; }
  .block-footer-info {
    position: relative;
    padding: 40px 0;
    font-size: 12px;
    color: #999; }

.block-login {
  position: relative;
  text-align: center;
  padding-top: 18px; }

.block-info {
  padding-top: 14px;
  padding-bottom: 20px;
  font-size: 12px;
  line-height: 1.7; }

.block-network {
  position: relative;
  padding-top: 5px; }
  .block-network > p {
    margin: 0; }

.block-profile-bottom {
  padding-bottom: 16px; }
  .block-profile-bottom p {
    color: #000; }

.block-flex-middle {
  min-height: calc(100vh - 3.50rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .block-flex-middle > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.block-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #454545;
  padding: 16px 15px; }
  @media (min-width: 360px) {
    .block-back {
      padding: 16px 20px; } }
  .block-back:hover {
    color: #454545; }
  .block-back.-profile {
    position: absolute;
    top: 16px;
    z-index: 1;
    padding-left: 0;
    padding-right: 0; }
  .block-back .icon {
    margin-right: 10px; }

.block-caption {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 700; }

.block-progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
  margin-top: 16px; }
  .block-progressbar .progress-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px; }
    .block-progressbar .progress-box span {
      font-size: 14px;
      font-weight: 700;
      color: #007AFF;
      line-height: 1; }
  .block-progressbar .progress-step {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #9A9A9A;
    line-height: 16px; }
  .block-progressbar .progress-label {
    font-size: 16px;
    font-weight: 600;
    color: #454545;
    line-height: 22px; }
  .block-progressbar .progress-bar {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100px;
    height: 16px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s; }
    .block-progressbar .progress-bar::-webkit-progress-bar {
      background-color: #EFF6FF; }
    .block-progressbar .progress-bar::-webkit-progress-bar, .block-progressbar .progress-bar::-webkit-progress-value {
      border-radius: 10px; }
    .block-progressbar .progress-bar::-moz-progress-bar {
      border-radius: 10px; }
    .block-progressbar .progress-bar::-webkit-progress-value {
      background: #007AFF;
      -webkit-transition: width 0.5s;
      transition: width 0.5s; }

.block-copyright p {
  font-size: 12px; }

.block-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 40px 16px;
  width: 100%;
  background: #fff;
  max-width: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px; }
  @media (min-width: 768px) {
    .block-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 40px;
      margin: 60px auto;
      border: 1px solid #E2E2E2;
      border-radius: 10px;
      gap: 40px; } }
  .block-wrapper.-col-2 {
    max-width: 800px; }
  .header-block ~ .block-wrapper {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .header-block ~ .block-wrapper {
        margin-top: calc(60px + 50px); } }

.block-form {
  position: relative;
  width: 100%; }

.block-col {
  position: relative;
  -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; }
  @media (min-width: 768px) {
    .block-col {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; } }

.block-view {
  position: relative;
  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;
  gap: 20px;
  margin: 0 auto; }

.block-logo {
  position: relative;
  width: auto;
  margin: 0 auto;
  text-align: center;
  height: 16px; }
  @media (min-width: 768px) {
    .block-logo {
      height: 24px; } }
  .block-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.block-title {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.4px;
  color: #36383A;
  text-align: center; }
  @media (min-width: 768px) {
    .-col-2 .block-title {
      text-align: left; } }

.block-lead {
  position: relative;
  margin-top: -16px;
  color: #6C6F75;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: center; }
  @media (min-width: 768px) {
    .-col-2 .block-lead {
      text-align: left; } }

.block-ilustration {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px; }
  @media (min-width: 768px) {
    .block-ilustration {
      gap: 40px;
      width: 100%; } }

.block-picture {
  position: relative;
  text-align: center;
  width: 100%;
  height: 160px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .block-picture {
      height: 260px; } }
  .block-picture img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.block-form .form-main {
  margin: -12px 0 0; }

.block-footer .block-info {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #666;
  margin-top: -4px; }

.block-slider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1; }
  .block-slider-wrapper {
    position: relative;
    width: 100%;
    height: 280px;
    z-index: 2; }
    @media (min-width: 768px) {
      .block-slider-wrapper {
        height: 310px; } }
  .block-slider-item {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    will-change: opacity; }
  @media (min-width: 768px) {
    .block-slider .block-picture {
      height: 200px;
      margin-bottom: 10px; } }
  .block-slider > #input-slide-1:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(1),
  .block-slider > #input-slide-2:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(2),
  .block-slider > #input-slide-3:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(3),
  .block-slider > #input-slide-4:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(4),
  .block-slider > #input-slide-5:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(5) {
    opacity: 1;
    z-index: 2; }
  .block-slider > #input-slide-autoplay:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(1) {
    -webkit-animation: slide 40000ms infinite -2000ms linear;
    animation: slide 40000ms infinite -2000ms linear; }
  .block-slider > #input-slide-autoplay:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(2) {
    -webkit-animation: slide 40000ms infinite 6000ms linear;
    animation: slide 40000ms infinite 6000ms linear; }
  .block-slider > #input-slide-autoplay:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(3) {
    -webkit-animation: slide 40000ms infinite 14000ms linear;
    animation: slide 40000ms infinite 14000ms linear; }
  .block-slider > #input-slide-autoplay:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(4) {
    -webkit-animation: slide 40000ms infinite 22000ms linear;
    animation: slide 40000ms infinite 22000ms linear; }
  .block-slider > #input-slide-autoplay:checked ~ .block-slider-wrapper > .block-slider-item:nth-child(5) {
    -webkit-animation: slide 40000ms infinite 30000ms linear;
    animation: slide 40000ms infinite 30000ms linear; }
  .block-slider > #input-slide-autoplay:checked ~ .block-slider-wrapper > .block-slider-item {
    -webkit-transition: none;
    transition: none; }
  .block-slider input[type=radio] {
    display: none; }
  .block-slider-finish {
    position: relative;
    display: none;
    margin: 0 auto;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .block-slider-finish {
        gap: 40px; } }

.block-progress {
  position: relative;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px; }
  .block-progress-text {
    color: #0F79C6;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center; }
  .block-progress progress {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100px;
    height: 5px; }
    .block-progress progress::-webkit-progress-bar {
      background-color: #f0f0f0; }
    .block-progress progress::-webkit-progress-bar, .block-progress progress::-webkit-progress-value {
      border-radius: 10px; }
    .block-progress progress::-moz-progress-bar {
      border-radius: 10px; }
    .block-progress progress::-webkit-progress-value {
      background: #0F79C6; }

@-webkit-keyframes slide {
  0%, 100% {
    opacity: 0;
    z-index: 1; }
  6%, 25% {
    opacity: 1;
    z-index: 2; }
  30%, 50% {
    opacity: 0;
    z-index: 1; } }

@keyframes slide {
  0%, 100% {
    opacity: 0;
    z-index: 1; }
  6%, 25% {
    opacity: 1;
    z-index: 2; }
  30%, 50% {
    opacity: 0;
    z-index: 1; } }

.button-default:hover {
  background-color: transparent;
  border: transparent; }

.header-logogram img {
  width: 28px; }

.header-block {
  padding-left: 4px;
  padding-right: 4px; }
  @media (min-width: 1100px) {
    .header-block {
      padding-left: calc((100% - 1100px) / 2);
      padding-right: calc((100% - 1100px) / 2); } }

.icon-svg {
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
  background-position: center center;
  background-size: auto 26px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle data-name='Ellipse 38' cx='10' cy='10' r='10' fill='%23262626'/%3E%3C/svg%3E"); }

.icon-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='Group_2995' data-name='Group 2995' transform='translate(-10 -64)'%3E%3Cg id='Ellipse_16' data-name='Ellipse 16' transform='translate(10 64)' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Ccircle cx='14' cy='14' r='14' stroke='none'/%3E%3Ccircle cx='14' cy='14' r='13.25' fill='none'/%3E%3C/g%3E%3Cg id='user' transform='translate(18.704 70.56)'%3E%3Cpath id='Path_15' data-name='Path 15' d='M15.394,19.273V17.848A2.848,2.848,0,0,0,12.545,15h-5.7A2.848,2.848,0,0,0,4,17.848v1.424' transform='translate(-4 -6.586)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='2.8' cy='2.8' r='2.8' transform='translate(2.55)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

.icon-account {
  background-image: none;
  border-radius: 50%; }
  .icon-account:before {
    content: attr(data-init);
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    padding: 0;
    overflow: hidden;
    line-height: 1;
    color: #fff;
    font-style: normal;
    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;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.5px; }

.list {
  position: relative; }
  .list-item {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #F2F2F2; }
    .list-item:last-child {
      border-bottom: 1px solid transparent; }
  .list-subtitle {
    display: block;
    font-size: 11px;
    font-weight: 700; }
  .list-content {
    font-size: 14px; }
    .list-content span {
      color: rgba(52, 71, 90, 0.4); }
    .list-content.-height {
      min-height: 4.75rem; }
  .list-action {
    position: absolute;
    background: #fff;
    bottom: 4px;
    right: -4px;
    font-size: 14px;
    color: #007AFF; }
    .list-action > a {
      padding: 4px;
      display: block; }

.nav {
  position: relative; }
  .nav-item {
    position: relative;
    border-bottom: 1px solid #F2F2F2; }
    .nav-item:last-child {
      border-bottom: 1px solid transparent; }
    .nav-item a {
      display: block;
      padding: 16px 0;
      font-size: 14px;
      line-height: 1;
      color: #007AFF; }
      .nav-item a.nav-hot {
        color: #FF0000; }
      .nav-item a:hover {
        color: #000; }

.menu-profile {
  position: absolute;
  top: 16px;
  right: 5px;
  z-index: 1; }

.menu-button {
  width: auto;
  border: transparent;
  background: transparent;
  padding: 0 10px; }
  .menu-button > * {
    pointer-events: none; }

.menu-option {
  position: absolute;
  right: 1.75rem;
  top: 16px;
  min-width: 150px;
  padding: 5px;
  background: #fff;
  border: 1px solid #F3F3F3;
  -webkit-box-shadow: 0px 3px 3px #00000029;
  box-shadow: 0px 3px 3px #00000029;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .menu-option.-active {
    visibility: visible;
    opacity: 1; }
  .menu-option a {
    display: block;
    padding: 11px 5px;
    font-size: 14px;
    line-height: 1;
    color: #34475A; }
    .menu-option a:hover {
      color: #000;
      background: #f2f2f2; }

.lds-ring {
  display: block;
  margin: 10vh auto;
  position: relative;
  width: 180px;
  height: 180px; }

.lds-ring div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 160px;
  height: 160px;
  margin: 8px;
  border: 15px solid #f2f2f2;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #f2f2f2 transparent transparent transparent; }

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
  animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s; }

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.symbol-svg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 106px;
  height: 85px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.symbol-sad {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 93 85' style='enable-background:new 0 0 93 85' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:%23919191%7D%3C/style%3E%3Cg style='enable-background:new'%3E%3Cpath class='st1' d='M30.9 14c2.1 0 3.8.7 5 2 1.2 1.3 1.8 3.1 1.8 5.2 0 2.3-.6 4.1-1.8 5.4-1.2 1.3-2.9 2-5 2s-3.8-.7-5-2c-1.3-1.3-1.9-3.1-1.9-5.4 0-2.2.6-3.9 1.9-5.2 1.3-1.3 2.9-2 5-2zm32.6 0c2.1 0 3.8.7 5 2 1.2 1.3 1.8 3.1 1.8 5.2 0 2.3-.6 4.1-1.8 5.4-1.2 1.3-2.9 2-5 2s-3.8-.7-5-2c-1.3-1.3-1.9-3.1-1.9-5.4 0-2.2.6-3.9 1.9-5.2 1.2-1.3 2.9-2 5-2zM83 33.3c1.7 0 3.2.6 4.2 1.8 1.1 1.2 1.6 2.7 1.6 4.5 0 2.2-.7 3.9-2.2 5.1-1.4 1.3-3.3 1.9-5.7 1.9-2.4 0-4.4-.4-6.1-1.1-1.7-.8-3.1-1.7-4.2-2.7-1.1-1.1-2-2.2-2.6-3.3-.6-1.2-1.1-2.1-1.4-2.9l5-3c.5 1.2 1.3 2.3 2.2 3.2.9.9 2 1.5 3.4 1.6-.1-1.2.4-2.3 1.4-3.4 1-1.2 2.4-1.7 4.4-1.7zM5.2 70.4c2.9-2.8 6-5.1 9.5-7 3.5-1.9 7-3.5 10.6-4.6 3.6-1.2 7.3-2 11-2.6 3.7-.5 7.2-.8 10.6-.8 3.3 0 6.8.3 10.4.8 3.7.5 7.3 1.4 11 2.6 3.7 1.2 7.3 2.8 10.8 4.7 3.5 1.9 6.8 4.3 9.9 7.2l-4.9 7.6c-2.8-2.1-5.8-3.9-8.8-5.3-3.1-1.4-6.2-2.6-9.4-3.4-3.2-.9-6.4-1.5-9.7-1.9-3.2-.4-6.4-.6-9.5-.6-2.9 0-5.9.2-9.2.6-3.2.4-6.5 1.1-9.7 2s-6.3 2.1-9.4 3.5c-3.1 1.4-5.9 3.2-8.4 5.2l-4.8-8z'/%3E%3C/g%3E%3C/svg%3E"); }

.symbol-happy {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 93 85' style='enable-background:new 0 0 93 85' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:%23919191%7D%3C/style%3E%3Cg style='enable-background:new'%3E%3Cpath class='st1' d='M30.9 12.7c2.1 0 3.8.7 5 2 1.2 1.3 1.8 3.1 1.8 5.2 0 2.3-.6 4.1-1.8 5.4-1.2 1.3-2.9 2-5 2s-3.8-.7-5-2C24.6 24 24 22.2 24 19.9c0-2.2.6-3.9 1.9-5.2 1.3-1.3 2.9-2 5-2zm32.6 0c2.1 0 3.8.7 5 2 1.2 1.3 1.8 3.1 1.8 5.2 0 2.3-.6 4.1-1.8 5.4-1.2 1.3-2.9 2-5 2s-3.8-.7-5-2c-1.3-1.3-1.9-3.1-1.9-5.4 0-2.2.6-3.9 1.9-5.2 1.2-1.3 2.9-2 5-2zM89.1 60.2c-2.9 2.8-6 5.1-9.5 7-3.5 1.9-7 3.5-10.6 4.6-3.6 1.2-7.3 2-11 2.6-3.7.5-7.2.8-10.6.8-3.3 0-6.8-.3-10.4-.8-3.7-.5-7.3-1.4-11-2.6-3.7-1.2-7.3-2.8-10.8-4.7-3.5-2-6.8-4.3-9.9-7.2l5-7.6c3 2.2 6 4 9.1 5.5 3.1 1.4 6.2 2.6 9.4 3.4 3.2.8 6.3 1.4 9.5 1.8 3.2.3 6.3.5 9.3.5 2.9 0 5.9-.2 9.1-.7 3.2-.4 6.4-1.1 9.6-2 3.2-.9 6.3-2.1 9.4-3.5 3-1.4 5.8-3.1 8.4-5.1l5 8z'/%3E%3C/g%3E%3C/svg%3E"); }

.kgmDialog {
  font-size: 16px;
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  display: none;
  text-align: center; }
  @media (min-width: 500px) {
    .kgmDialog {
      padding: 15px; } }
  .kgmDialog:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; }
  .kgmDialog-title {
    position: relative;
    margin: .125em 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #454545; }
  .kgmDialog-close {
    width: 26px;
    height: 26px;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0; }
    @media (min-width: 500px) {
      .kgmDialog-close {
        right: 13px;
        top: 9px; } }
    .kgmDialog-close .icon {
      position: relative;
      left: auto;
      top: auto; }
  .kgmDialog-block {
    width: calc(100% - 10px);
    max-width: 440px;
    position: relative;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 20px;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
    @media (min-width: 500px) {
      .kgmDialog-block {
        width: calc(100% - 20px); } }
  .kgmDialog-iconbox {
    width: auto;
    height: 56px;
    margin-bottom: 16px; }
    .kgmDialog-iconbox img {
      height: 100%; }
  .kgmDialog-body {
    position: relative;
    padding: 0; }
    .kgmDialog-body > p {
      margin: 1.375em 0;
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      color: #454545; }
  .kgmDialog-footer {
    position: relative;
    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;
    margin: 0 -.250em; }
    .kgmDialog-footer.--cta {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 5px; }
      @media (min-width: 500px) {
        .kgmDialog-footer.--cta {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          gap: 15px; } }
    .kgmDialog-footer.--cta2 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      gap: 5px; }
    .kgmDialog-footer .form-row {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 0 0.250em; }
      .kgmDialog-footer .form-row-big {
        width: 100%; }

hr {
  position: relative;
  border: none;
  margin: 4px 0; }

.small {
  font-size: 10px; }

.medium {
  font-size: 12px;
  line-height: 1.7; }

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

.datepicker {
  display: none; }
  .datepicker.active {
    display: block; }

.datepicker-dropdown {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 4px; }
  .datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px; }

.datepicker-picker {
  display: block;
  border-radius: 4px;
  background-color: white; }
  .datepicker-dropdown .datepicker-picker {
    -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }
  .datepicker-picker span {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    border-radius: 4px;
    cursor: default;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.datepicker-main {
  padding: 2px; }

.datepicker-footer {
  -webkit-box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: #007AFF; }

.datepicker-controls, .datepicker-view, .datepicker-view .days-of-week, .datepicker-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.datepicker-grid {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.datepicker-view .dow, .datepicker-view .days .datepicker-cell {
  -ms-flex-preferred-size: 14.28571%;
  flex-basis: 14.28571%; }

.datepicker-view.datepicker-grid .datepicker-cell {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%; }

.datepicker-view .week, .datepicker-cell {
  height: 2.5rem;
  line-height: 2.5rem; }

.datepicker-title {
  -webkit-box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  background-color: #007AFF;
  padding: 6px 12px;
  text-align: center;
  font-weight: 700; }

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0; }

.datepicker-controls .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #0062cc;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: white;
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: #363636;
  font-size: 1rem; }
  .datepicker-controls .button:focus, .datepicker-controls .button:active {
    outline: none; }
  .datepicker-controls .button:hover {
    border-color: #003d80;
    color: #363636; }
  .datepicker-controls .button:focus {
    border-color: #3273dc;
    color: #363636; }
    .datepicker-controls .button:focus:not(:active) {
      -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .datepicker-controls .button:active {
    border-color: #4a4a4a;
    color: #363636; }
  .datepicker-controls .button[disabled] {
    cursor: not-allowed; }
  .datepicker-header .datepicker-controls .button {
    border-color: transparent;
    font-weight: bold; }
    .datepicker-header .datepicker-controls .button:hover {
      background-color: #f9f9f9; }
    .datepicker-header .datepicker-controls .button:focus:not(:active) {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
    .datepicker-header .datepicker-controls .button:active {
      background-color: #f2f2f2; }
    .datepicker-header .datepicker-controls .button[disabled] {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .datepicker-footer .datepicker-controls .button {
    margin: calc(0.375rem - 1px) 0.375rem;
    border-radius: 2px;
    width: 100%;
    font-size: 0.75rem; }

.datepicker-controls .view-switch {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto; }

.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
  padding-right: 6px;
  padding-left: 6px;
  width: 2.5rem; }
  .datepicker-controls .prev-btn.disabled,
  .datepicker-controls .next-btn.disabled {
    visibility: hidden; }

.datepicker-view .dow {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700; }

.datepicker-view .week {
  width: 2.5rem;
  color: #003d80;
  font-size: 0.75rem; }
  @media (max-width: 25rem) {
    .datepicker-view .week {
      width: 2.1875rem; } }

.datepicker-grid {
  width: 100%; }
  @media (max-width: 25rem) {
    .calendar-weeks + .days .datepicker-grid {
      width: 15.3125rem; } }

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer; }

.datepicker-cell.focused:not(.selected) {
  background-color: #006ee6;
  color: #fff; }

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600; }

.datepicker-cell.disabled {
  color: #dbdbdb; }

.datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) {
  color: #7a7a7a; }

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: #007AFF; }
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #0074f2; }
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #006ee6; }

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2; }
  .datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff; }

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7; }

.datepicker-cell.range-start:not(.selected), .datepicker-cell.range-end:not(.selected) {
  background-color: #003d80;
  color: #fff; }

.datepicker-cell.range-start.focused:not(.selected), .datepicker-cell.range-end.focused:not(.selected) {
  background-color: #003773; }

.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px; }

.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0; }

.datepicker-cell.range {
  border-radius: 0;
  background-color: #0062cc; }
  .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #005cbf; }
  .datepicker-cell.range.disabled {
    color: #004999; }
  .datepicker-cell.range.focused {
    background-color: #0055b3; }

.datepicker-view.datepicker-grid .datepicker-cell {
  height: 5rem;
  line-height: 5rem; }

.datepicker-input.in-edit {
  border-color: #2366d1; }
  .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active {
    -webkit-box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
    box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); }

@media (min-width: 500px) {
  .panelNav-Footer.-inline {
    position: relative;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    padding: 20px 32px; } }

.-hauto {
  min-height: auto; }

.text-left {
  text-align: left; }

.button {
  background-color: #fff;
  color: #007AFF;
  border: 1px solid #D0D5DD; }

.--pv2 .profile-header {
  padding: 16px 0;
  border-bottom: 1px solid #E2E2E2; }

.--pv2 hr {
  border-top: 1px solid #E2E2E2; }

.--pv2 input[type=submit],
.--pv2 button, .--pv2 .button {
  padding: 5px 0; }
  .--pv2 input[type=submit].-auto,
  .--pv2 button.-auto, .--pv2 .button.-auto {
    padding: 0 24px;
    width: auto; }
  .--pv2 input[type=submit].-disabled,
  .--pv2 button.-disabled, .--pv2 .button.-disabled {
    background-color: #E3E3E3;
    color: #fff; }

.--pv2 label {
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: -0.2px;
  margin-bottom: 2px;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  max-height: none;
  left: initial;
  bottom: initial;
  color: #454545; }

.--pv2 .form-flex-2 .form-select.init {
  margin: 0; }

.--pv2 .form-main {
  padding: 0; }

.--pv2 .form-view {
  width: 40px;
  height: 40px;
  right: 0px;
  bottom: -4px;
  background: transparent; }
  .--pv2 .form-view.-active:after {
    opacity: 1; }
  .--pv2 .form-view:after {
    opacity: .4;
    content: '';
    width: 14px;
    height: 14px;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23878B92' d='M12.627 8.903a.437.437 0 1 1-.758.438L10.864 7.6a6.757 6.757 0 0 1-1.93.89l.318 1.803a.438.438 0 0 1-.862.152L8.077 8.67a7.452 7.452 0 0 1-2.16 0l-.312 1.773a.438.438 0 0 1-.862-.152l.318-1.803a6.758 6.758 0 0 1-1.927-.89l-1.011 1.75a.438.438 0 1 1-.758-.437l1.066-1.847A8.081 8.081 0 0 1 1.41 6.01a.438.438 0 1 1 .68-.55c.342.425.732.81 1.162 1.144l.01.008A5.993 5.993 0 0 0 7 7.875a5.993 5.993 0 0 0 3.737-1.263l.009-.006c.43-.336.822-.72 1.164-1.146a.437.437 0 0 1 .68.55 8.082 8.082 0 0 1-1.024 1.057l1.06 1.836Z'/%3E%3C/svg%3E"); }
  .--pv2 .form-view:hover {
    border: transparent; }
  .--pv2 .form-view img {
    height: 22px; }

.--pv2 .form-input {
  margin: 12px 0; }
  .--pv2 .form-input#js-datepicker-container::after {
    content: '';
    width: 18px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 10px;
    top: calc(50%);
    z-index: 1;
    pointer-events: none;
    -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(3%) saturate(9%) hue-rotate(9deg) brightness(88%) contrast(92%);
    filter: brightness(0) saturate(100%) invert(69%) sepia(3%) saturate(9%) hue-rotate(9deg) brightness(88%) contrast(92%);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 2H14.25V1.25C14.25 1.05109 14.171 0.860322 14.0303 0.71967C13.8897 0.579018 13.6989 0.5 13.5 0.5C13.3011 0.5 13.1103 0.579018 12.9697 0.71967C12.829 0.860322 12.75 1.05109 12.75 1.25V2H5.25V1.25C5.25 1.05109 5.17098 0.860322 5.03033 0.71967C4.88968 0.579018 4.69891 0.5 4.5 0.5C4.30109 0.5 4.11032 0.579018 3.96967 0.71967C3.82902 0.860322 3.75 1.05109 3.75 1.25V2H1.5C1.10231 2.00045 0.721041 2.15863 0.439833 2.43983C0.158625 2.72104 0.000446645 3.10231 0 3.5V18.5C0.000446645 18.8977 0.158625 19.279 0.439833 19.5602C0.721041 19.8414 1.10231 19.9996 1.5 20H16.5C16.8977 19.9996 17.279 19.8414 17.5602 19.5602C17.8414 19.279 17.9996 18.8977 18 18.5V3.5C17.9996 3.10231 17.8414 2.72104 17.5602 2.43983C17.279 2.15863 16.8977 2.00045 16.5 2ZM3.75 3.5V4.25C3.75 4.44891 3.82902 4.63968 3.96967 4.78033C4.11032 4.92098 4.30109 5 4.5 5C4.69891 5 4.88968 4.92098 5.03033 4.78033C5.17098 4.63968 5.25 4.44891 5.25 4.25V3.5H12.75V4.25C12.75 4.44891 12.829 4.63968 12.9697 4.78033C13.1103 4.92098 13.3011 5 13.5 5C13.6989 5 13.8897 4.92098 14.0303 4.78033C14.171 4.63968 14.25 4.44891 14.25 4.25V3.5H16.5L16.5002 6.5H1.5V3.5H3.75ZM16.5 18.5H1.5V8H16.5003L16.5009 18.5H16.5Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center; }
  .--pv2 .form-input input {
    border: 1px solid #E2E2E2;
    border-radius: 8px; }
    .--pv2 .form-input input:not([type=checkbox]) {
      height: 40px;
      border: 1px solid #E2E2E2;
      background: #fff;
      font-size: 16px;
      font-weight: 400;
      line-height: 140%;
      margin: 0;
      padding: 4px 12px;
      color: #454545; }
  .--pv2 .form-input-multi {
    margin: 12px 0; }
    .--pv2 .form-input-multi input {
      border: 1px solid #E2E2E2;
      border-radius: 8px; }
      .--pv2 .form-input-multi input:not([type=checkbox]) {
        height: 40px;
        border: 1px solid #E2E2E2;
        background: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        margin: 0 0 10px 0;
        padding: 4px 12px;
        color: #454545; }
    .--pv2 .form-input-multi .form-row:last-child input,
    .--pv2 .form-input-multi .form-row:last-child .form-select.init {
      margin-bottom: 4px; }
    .--pv2 .form-input-multi .--cityposcode .form-col {
      width: auto;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .--pv2 .form-input-multi .--cityposcode .form-col:last-child {
        width: 140px;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial; }

.--pv2 .form-select {
  margin: 0 0 10px 0; }
  .--pv2 .form-select::after {
    content: '';
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    z-index: 1;
    pointer-events: none;
    -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(3%) saturate(9%) hue-rotate(9deg) brightness(88%) contrast(92%);
    filter: brightness(0) saturate(100%) invert(69%) sepia(3%) saturate(9%) hue-rotate(9deg) brightness(88%) contrast(92%);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99996 9.25003C8.90145 9.25016 8.80388 9.23082 8.71287 9.19312C8.62185 9.15543 8.53918 9.10012 8.46961 9.03037L0.969614 1.53036C0.828958 1.38971 0.749939 1.19894 0.749939 1.00002C0.749939 0.801102 0.828958 0.610332 0.969614 0.469676C1.11027 0.32902 1.30104 0.25 1.49996 0.25C1.69888 0.25 1.88965 0.32902 2.0303 0.469676L8.99996 7.43934L15.9696 0.469676C16.1103 0.32902 16.301 0.25 16.5 0.25C16.6989 0.25 16.8896 0.32902 17.0303 0.469676C17.171 0.610332 17.25 0.801102 17.25 1.00002C17.25 1.19894 17.171 1.38971 17.0303 1.53036L9.5303 9.03037C9.46073 9.10012 9.37807 9.15543 9.28705 9.19312C9.19604 9.23082 9.09847 9.25016 8.99996 9.25003Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center; }
  .--pv2 .form-select.init {
    height: 40px;
    font-size: 16px;
    background: #fff;
    color: var(--grey-lightest, #D0D5DD); }
    .--pv2 .form-select.init::before {
      left: 12px;
      width: calc(100% - 37px); }
    .--pv2 .form-select.init select {
      border: 1px solid #E2E2E2;
      background: #fff;
      font-size: 16px;
      font-weight: 400;
      line-height: 140%; }
  .--pv2 .form-select select {
    padding: 4px 24px 4px 12px; }

.--pv2 .list-subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.2px;
  margin-bottom: 2px;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  max-height: none;
  left: initial;
  bottom: initial;
  color: #454545; }

.--pv2 .list-content {
  font-size: 16px;
  font-weight: 400;
  color: #9A9A9A; }

.--pv2 .list-item {
  padding: 16px 0; }
  .--pv2 .list-item:first-child {
    padding-top: 0; }
  .--pv2 .list-item:last-child {
    padding-bottom: 0; }

.--pv2 .kgmDialog-block {
  max-width: 400px; }

.form-sosmed .button {
  height: 32px;
  border-radius: 4px;
  padding-left: 20px;
  font-weight: 500; }
  .form-sosmed .button .icon {
    width: 14px;
    height: 14px; }

.form-sosmed .g_id_signin {
  margin-bottom: 5px; }

.form-sosmed {
  position: relative;
  padding: 4px 0;
  max-width: 290px;
  margin: 0 auto; }

.signin-button {
  margin-top: 3px; }
  .signin-button > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .signin-button > div > div > svg {
    position: absolute;
    left: 11px; }
    .signin-button > div > div > svg ~ svg {
      width: auto;
      text-align: center;
      left: unset;
      position: relative; }
      .signin-button > div > div > svg ~ svg > text {
        -webkit-transform: scale(1.125);
        transform: scale(1.125);
        -webkit-transform-origin: top;
        transform-origin: top; }