body, html {
  margin: 0; }

body {
  font-size: 24px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.6;
  direction: rtl; }

body {
  background-color: #f1f1f1; }

.accessibility-page {
  background-color: #f9f9f9;
  padding: 20px; }

form label {
  display: block;
  margin-bottom: 15px;
}
form label .sp {
  display: inline-block;
  width: 180px;
  vertical-align: middle;
  line-height: 1;
}
form input, form select {
  height: 40px;
  width: 200px;
  margin-bottom: 5px;
  box-shadow: none;
  border: 1px solid #000;
  padding: 0 15px;
  border-radius: 3px;
  font-size: inherit; }
  form input:focus, form select:focus {
    border-color: blue;
    box-shadow: 0 0 0 2px blue; }
  form input[type="submit"] {
    margin-top: 10px;
    background-color: #fff;
    cursor: pointer;
  }

#statementDesc {
  font-size: .8em; }

#navigation a {
  text-decoration: none;
  color: #000; }
  #navigation a:hover, #navigation a:focus {
    text-decoration: underline;
    color: blue; }

.branch-alert {
  padding: 15px;
  border: 1px solid #000;
  border-radius: 3px;
  margin: 10px 0; }
  .branch-alert h3 {
    margin-top: 0; }

.rel {
  position: relative; }

body * {
  box-sizing: border-box; }

#branch-alert {
  text-align: center;
  position: absolute;
  z-index: 999;
  width: 400px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #000;
  right: 50%;
  top: 100%;
  margin-right: -200px;
  max-height: 80vh;
  overflow-y: auto; }
  #branch-alert ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #branch-alert ul li {
      margin: 0;
      padding: 0; }
  #branch-alert a {
    display: block;
    height: 38px;
    line-height: 38px;
    margin-bottom: 5px;
    border: 1px solid #000;
    text-align: center;
    text-decoration: none;
    color: #000; }
    #branch-alert a:hover {
      text-decoration: underline;
      border-color: blue; }
    #branch-alert a:focus {
      box-shadow: 0 0 0 2px blue; }

.branch-link {
  display: inline-block;
  border: 1px solid #000;
  text-decoration: none;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  color: #000; }
  .branch-link:focus, .branch-link:hover {
    border-color: blue;
    outline: 1px solid blue; }

.row {
  display: flex;
  align-items: center; }
  .row-between {
    justify-content: space-between; }

.to-home {
  text-decoration: none; }
  .to-home svg {
    vertical-align: middle; }
  .to-home:hover {
    text-decoration: underline; }
    .to-home:hover svg {
      fill: blue; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.desaturate {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */
  filter: grayscale(100%); }

[data-invalid] {
  color: red !important;
}
.cursor {
  cursor: url("../../cursor.png"), auto; }
  .cursor a:hover {
    cursor: url("../../cursor2.png"), auto; }

:focus {
  outline-style: dashed;
  outline-width: 2px; }

#accessibility-page {
  background-color: #fff; }

.alert-accessibility {
  display: none;
  margin: 0 10px; }
  .alert-accessibility a {
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: center;
    font-size: 18px;
    height: 40px;
    text-align: center;
    border: 1px solid #ececec;
    text-decoration: none;
    color: #000;
    margin: 0 2px; }
    .alert-accessibility a:focus, .alert-accessibility a.focus {
      border-color: blue; }

#accessibility {
  display: flex;
  align-items: center; }

.branch-alert[role="alert"] {
  display: none; }
  .branch-alert[role="alert"].visible {
    display: block; }

.accessibility-button.focused + .alert-accessibility {
  display: flex; }

address {
  display: inline; }
  address:focus {
    outline: 2px dashed blue; }

.section-dialog {
  margin: 30px 0; }
  .section-dialog h2 {
    font-size: 1.4em; }

#logotype {
  display: block;
  margin-right: 20px;
  height: 50px;
  display: block; }

#navigation {
  list-style: none;
  display: flex;
  padding: 0; }
  #navigation li {
    margin-right: 1em; }

#accessibility-main-header {
  border-bottom: 1px solid #ececec;
  padding-bottom: .5em; }

h1 {
  margin: 0;
  font-size: 1.2em; }

#accessibility .accessibility-button svg {
  fill: #3d75cf; }
  #accessibility .accessibility-button svg:hover {
    fill: blue; }

.invert {
  background-color: #222222;
  color: #FFF; }
  .invert #branch-alert {
    background-color: #222;
    border: 1px solid #FFF; }
    .invert #branch-alert a {
      border: 1px solid #FFF;
      color: #FFF; }
      .invert #branch-alert a:hover {
        border-color: orange; }
      .invert #branch-alert a:focus {
        box-shadow: 0 0 0 2px orange; }
  .invert .branch-link {
    border: 1px solid #FFF;
    color: #FFF; }
    .invert .branch-link:focus, .invert .branch-link:hover {
      border-color: orange;
      outline: 1px solid orange; }
  .invert .to-home:hover svg {
    fill: orange; }
  .invert :focus {
    outline-color: orange;
    border-color: orange; }
  .invert .alert-accessibility a {
    border-color: #343435;
    color: #FFF;
    margin: 0 2px; }
    .invert .alert-accessibility a:focus, .invert .alert-accessibility a.focus {
      border-color: orange; }
  .invert address:focus {
    outline: 2px dashed orange; }
  .invert #accessibility-main-header {
    border-bottom-color: #343435; }
  .invert #accessibility-page {
    background-color: #222222;
    padding: 20px; }
    .invert #accessibility-page a {
      color: orange; }
  .invert #accessibility .accessibility-button svg {
    fill: orange; }
    .invert #accessibility .accessibility-button svg:hover {
      fill: yellow; }
  .invert #accessibility svg {
    filter: invert(100%); }
  .invert #accessibility a {
    color: #FFF; }
  .invert #accessibility .accessibility-button svg {
    filter: none; }
  .invert .close-acc-page svg {
    fill: #FFF; }
  .invert #accessibility svg {
    /* 		fill: orange;
path[style] {
	fill: #FFF !important;
}
path[fill="black"] {
	fill: #FFF !important;
}
.st0 {
	fill: #FFF !important;
} */ }
  .invert #navigation a {
    color: #FFF; }
    .invert #navigation a:hover, .invert #navigation a:focus {
      color: orange; }
  .invert .branch-alert {
    border: 1px solid #FFF; }
  .invert form input {
    border: 1px solid #FFF;
    background-color: #222; }
    .invert form input:focus {
      border-color: orange;
      box-shadow: 0 0 0 2px orange; }
    .invert form input[type="submit"] {
      background-color: #222;
      color: #FFF; }