@font-face {
  font-family: "Financier Display";
  src: url(financier-display-web-regular.eot),
      url(financier-display-web-regular.woff),
      url(financier-display-web-regular.woff2);
}
@font-face {
  font-family: "Financier Display Bold";
  src: url(financier-display-web-semibold.eot),
      url(financier-display-web-semibold.woff),
      url(financier-display-web-semibold.woff2);
}
*,
*::before,
*::after{box-sizing: border-box;}
body {
    color: #333;
    display: flex;
    flex-direction: column;
    font: normal 400 16px/1.5 Calibri, sans-serif;
    height: 100vh;
    justify-content: space-between;
    margin: 0;
}
a {
  color: #538184;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:focus {color: #333;}
h1 {
  font: normal 700 35px sans-serif;
  padding: 0;
}
h2 {
    font: normal 700 48px "Financier Display Bold",sans-serif;
    color:#003F2D;
    padding: 0;
}
h3 {
  font: normal 700 24px "Financier Display Bold",sans-serif;
  color:#003F2D;
  margin: 1em 0;
  padding: 0;
}
.plainHeader {font: normal 700 18px sans-serif !important;}
.faq h3:first-of-type {border-top: none;}
.faq h3 {
  border-top: solid 2px #17E88F;
  cursor: pointer;
  position: relative;
  padding-top: 25px;
  color: #003F2D;
}
h3 .plus {
  position: absolute;
  right: 5px;
  top: 16px;
  font: normal 700 36px sans-serif;
}
h3 .plus:lang(he) {
  right: initial;
  left: 5px;
}
.faq .answers {
  width: 700px;
  margin: 0 auto;
  display: none;
}
.faq .expand-button {
  background-color: #CAD1D3;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px 30px 10px 10px;
  position: relative;
}
.faq .expand-button-closed {color: #435254;}
.faq .expand-button-opened {color: #003F2D;}
.faq .expand-text {color: #003F2D;}
h4 .plus {
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 120%;
}
h4 .plus:lang(he) {
  right: initial;
  left: 10px;
}
h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
img {
  border: 0;
  display: block;
}
ol, ul {
  margin: 1em 0;
  padding: 0 0 0 1.25em;
}
p {
  margin: 1em 0;
  padding: 0;
}
.contain {
  margin: 0 auto;
  width: 1200px;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.fill {
  min-width: 1200px;
  width: 100%;
}
.showText {cursor: pointer;}
.hiddenText {
    display: none;
    margin-left: 35px;
}
.rollTextContain {
    cursor: pointer;
    padding: 0 30px;
    text-align: left;
}
.mainRollText {
    font-weight: 700;
    text-decoration: underline;
}
.pageHeader {
    font-family: "Financier Display Bold";
    color: #032842;
    font-size: 30px;
    margin: 0 auto 25px;
    position: relative;
}
.pageHeader::after {
    background-color: #032842;
    bottom: -20px;
    content: '';
    height: 8px;
    position: absolute;
    right: 10%;
    width: 80%;
}
.rollText {display: none;}
.rollTextContain:hover > .rollText,
.rollTextContain:focus > .rollText {display: flex;}
.rollTextContain:hover > .mainRollText,
.rollTextContain:focus > .mainRollText {display: none;}
.top {
  margin-top: 0;
  padding-top: 0;
}
/* header */
header {
    background-color: #96B3B6;
    display: block;
}
h1#headerh1 {
    font-weight: 600;
    margin: 0;
    margin-right: 40px;
    font-size: 22px;
    color:#435254;
}
.langContainer{
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 1200px;
  padding-top: 5px;
}
#epLang {
  background: #CAD1D3;
  cursor: pointer;
  display: inline-block;
  padding: 2px 2px 2px 2px;
  margin-left: auto;
  position: relative;
  z-index: 1000;
  border-radius: 5px;
}
#epLang > a {display: none;}
#epLang > div{
  text-align: center;
  width: 160px;
}
#epLang > div:lang(pteu) {width: 200px;}
#epLang a{text-decoration: none;}
#epLang a:hover,
#epLang a:focus {
  background: #EEECE9;
  font-weight: 500;
  padding: 0px 4px;
  margin: 4px 0px;
  text-decoration: none;
}
#epLangDrop {
  background: #fff;
  border: 1px solid #A7A9AC;
  display: none;
  left: -1px;
  position: absolute;
  top: 30px;
  width: 165px;
}
#epLangDrop:lang(pteu) {width: 205px;}
#epLangDrop a {
  display:block;
  font-weight: 500;
  padding:4px;
}
#epLang:hover #epLangDrop,
#epLang:focus #epLangDrop {display:block;}
header .flex {
    align-items: flex-end;
    display: flex;
    height: 124px;
    padding-bottom: 20px;
}
a.logo {
    background: url(logo1.png) center top no-repeat;
    background-size: contain;
    display: inline-block;
    height: 64px;
    margin-left: 1px;
    margin-right: 40px;
    width: 253px;
}
nav {
  align-items: center;
  display: flex;
  flex-grow: 0;
}
nav a {
  color:#435254;
  display: inline-block;
  font: normal 400 18px/25px sans-serif;
  margin: 0 3px;
  padding: 0 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
nav a:last-of-type {margin-right: 0;}
nav a::after {
    content: '';
    background-color: transparent;
    bottom: -10px;
    height: 8px;
    left: 0;
    position: absolute;
    transition: all 0.8s;
    width: 100%;
}
nav a:hover::after,
nav a:focus::after {background-color: #003f2d;}
nav a.focused::after {background-color: #003f2d;}
nav a:hover,
nav a:focus {color: #000;}
.hideResources {position: relative;}
.hideResources span {display: none;}
.hideResources:hover span,
.hideResources:focus span {display: block;}
#epAttention {
    font-style: italic;
    padding: 10px 0;
    text-align: center;
}
/* content */
main {
  display: block;
  padding: 10px 0 50px;
}
section {
  display: flex;
  justify-content: space-between;
}
div.col-left {
  padding: 0 10px;
  width: 64%;
}
div.col-right {
  padding: 0 10px;
  width: 32%;
}
#epEmergency {}
#epDDN {
  font-weight: bold;
  white-space: nowrap;
}
.listor {
  list-style: none;
  margin: 1em 0;
}
/* landing page index page */
#banner {
  background: url(ladyJustice.jpg) no-repeat center center;
  background-size: cover;
  height: 400px;
}
#leftImgContainer {
    display: flex;
    justify-content: space-between;
}
#imageLeft1 {
    background: url(imgPeopleAtTable.jpg) no-repeat;
    background-size: cover;
    height: 263px;
    width: 370px;
}
#imageLeft2 {
    background: url(ladyJustice.jpg) no-repeat;
    background-size: cover;
    height: 263px;
    width: 370px;
}
div.buttons {
    display: flex;
    flex-direction: column;
}
.indexButton {
    align-items: center;
    background-color: #003f2d;
    border-radius: 30px;
    color: white;
    justify-content: center;
    margin: 8px 0;
    min-height: 85px;
    text-align: center;
    text-decoration: none;
}
a.indexButton {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 700;
}
a.indexButton:lang(cs),
a.indexButton:lang(es),
a.indexButton:lang(fr),
a.indexButton:lang(it),
a.indexButton:lang(pl),
a.indexButton:lang(pt),
a.indexButton:lang(vi) {font-size: 21px;}
a.indexButton:lang(ja) {font-size: 19px;}
a.indexButton:hover,
a.indexButton:focus {color: #b4bec0;}
#reportButton {
  background-image: url(report.png);
  background-position: left 60px center;
  background-repeat: no-repeat;
  background-size: auto 55%;
  padding: 20px 0 20px 55px;
}
#questionButton {
  background-image: url(question.png);
  background-position: left 50px center;
  background-repeat: no-repeat;
  background-size: auto 55%;
  padding: 30px 0 30px 55px;
}
#questionButton:lang(cs),
#questionButton:lang(pteu) {background-size: auto 45%;}
#followUpTile h2 {
  font: normal 700 24px sans-serif;
  padding: 0;
  color:#ffffff;
}
#followUpTile form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.followUpFieldsContain {
    align-items: center;
    display: flex;
    flex-direction: column;
}
#followUpTile .submit {
    align-self: flex-end;
    margin: 0 75px 0 0;
}
#followUpTile .submit:lang(he) {
  align-self: flex-end;
  margin: 0 0 0 75px;
}
.followUpFieldsContain p {
    display: flex;
    font-weight: 700;
    font-size: 18px;
    justify-content: space-between;
    margin: 8px 0;
    width: 80%;
}
.followUpFieldsContain p:lang(pteu) {font-size: 14px;}
main.indexPage section {
    align-items: flex-start;
    flex-direction: row;
}
/* report page dialing phone page */
section {
    align-items: center;
    display: flex;
    flex-direction: column;
}
section > h3 {
    font-size: 24px;
    margin-bottom: 3px;
}
section > a {font-size: 24px;}
#DPDialingContainer {
    display: flex;
    justify-content: space-between;
    width: 80%;
    align-items: flex-start;
    text-align: center;
}
#DPDialingContainer > div {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#DPDialingContainer > div > h3 {
    color: #032842;
    border-bottom: 6px solid #032842;
    padding-bottom: 5px;
    width: 60%;
    padding-top: 80px;
}
#DPDialingContainer > div > h3.online {
  background: url(computer.png) no-repeat center top;
  background-size: auto 70px;
}
#DPDialingContainer > div > h3.phone {
  background: url(phone.png) no-repeat center top;
  background-size: auto 70px;
}
#epDataPrivacy2,
#epDataPrivacy {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
  text-align: center;
}
#epDataPrivacy2 .online, 
#epDataPrivacy2 .phone, 
#epDataPrivacy2 .output {display:none;}
#epDataPrivacy2 ol.dropDowns,
#epDataPrivacy ol.dropDowns  {
  list-style: none;
  margin: 0;
  padding: 0;
}
select {
  font: normal 400 14px sans-serif;
  margin: 2px 0 15px;
  padding: 5px;
}
button,
.submit {
  background: #17e88f;
  border: none;
  border-radius: 10px;
  color: #003f2d;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  height: 35px;
  padding: 6px 18px;
  min-width: 105px;
}
button:hover,
.submit:hover,
button:focus,
.submit:focus {
  background: #333;
  color: #fff;
}
button:disabled,
.submit:disabled {
  background: #ddd;
  cursor: default;
}
button:hover:disabled,
.submit:disabled {background: #ddd;}
.nowrap {white-space: nowrap;}
#epPhone {
  display: inline-block;
  text-align: center;
}
/* consent notice data privacy */
main.consentPage section {
    align-items: flex-start;
    margin: 0 auto;
    width: 800px;
}
/* issues page */
main.issuesPage section {
    margin: 0 auto;
    width: 1000px;
}
#epIssues {width: 100%;}
#epIssues .category {
    display: flex;
    justify-content: center;
}
#epIssues .catdesc {display: none;}
#epIssues .catname {
    border-bottom: 1px solid #205847;
    border-top: 1px solid #558173;
    align-items: center;
    display: flex;
    background-color: #003f2d;
    color: white;
    font: normal 700 16px/20px sans-serif;
    padding: 10px 0 10px 15px;
    width: 375px;
}
#epIssues .catname:lang(he) {padding: 10px 15px 10px 0;}
#epIssues .details {
  font-size: 20px;
  margin-left: auto;
  position: absolute;
  top: 0px;
  right: 10px;
  line-height: 19px;
}
#epIssues .details:lang(he) {
  right: initial;
  left: 10px;
}
#epIssues .issuebox {
    background-color: #CAD1D3;
    border-bottom: 1px solid #558173;
    border-top: 1px solid #205847;
    padding: 10px;
    width: 500px;
}
#epIssues .issue {
    color: #032842;
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
    position: relative;
}
#epIssues .issue:hover,
#epIssues .issue:focus {}
#epIssues .name {
  font: normal 700 14px/20px sans-serif;
}
#epIssues .desc {
  flex-basis: 100%;
  padding: 5px 0;
}
/* faq frequently asked questions common questions */
.faq {
    margin: 0 auto;
    width: 800px;
}
/* resources page */
.resourcesTable {
    margin: 10px auto;
    width: 1090px;
}
.resourcesTable a {color: #538184;}
div.row {display: flex;}
div.row > div {
  min-height: 50px;
  padding: 10px;
  width: 34%;
}
div.row > div:first-of-type {
    background-color: #538184;
    color: white;
    border-bottom: 1px solid white;
    font-weight: 700;
}
div.row > div:nth-of-type(2) {
  background-color: white;
  color: #435254;
  border-bottom: 1px solid white;
}
div.row > div:last-of-type {
  background-color: #F6F6F6;
  color: #435254;
  border-bottom: 1px solid white;
}
#columnLabels {margin-bottom: 10px;}
#columnLabels {background-color: #012A2D;}
#columnLabels > div {
    align-items: center;
    background-color: #012A2D !important;
    border-right: 1px solid white;
    color: white;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px;
}
/* footer */
footer {
  font-size: 12px;
  padding: 20px 0;
}
footer th {display: none;}
footer td {padding: 5px 0 0 !important;}
footer .line1 {
  float: left;
  padding-left: 10px;
}
footer .line2 {
  color: #fff;
  float: right;
  padding-right: 10px;
}
footer .line2 a {color:#538184;}
footer .line2 a:hover,
footer .line2 a:focus {}
footer table {
  margin: 0 auto !important;
  width: 1200px !important;
}