@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
body {
  border-top: 5px solid #00819d;
  color: #333;
  font: normal 400 16px 'Open Sans', sans-serif;
  margin: 0;
}
body.index {color: #333;}
*,
*::before,
*::after{box-sizing: border-box;}
a {
  color: #333;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:focus {color: #00819d;}
a.logo {
  background: url(logo1.png) center no-repeat;
  background-size: contain;
  display: block;
  height: 80px;
  margin: 10px;
  width: 250px;
}
.index h1 {
  color: unset;
  font: normal 700 24px 'Open Sans', sans-serif;
  padding: 0;
}
h1 {
  color: #333;
  font: normal 700 35px 'Open Sans', sans-serif;
  padding: 0;
}
h2 {
  color: #333;
  font: normal 400 24px 'Open Sans', sans-serif;
  padding: 0;
}
h3 {
  font: normal 600 1.17em/1.27em 'Open Sans', sans-serif;
  margin: 1em 0;
  padding: 0;
}
h4 {text-decoration: underline;}
img {
  border: 0;
  display: block;
}
ol, ul {
  margin: 1em 0;
  padding: 0 0 0 1.25em;
}
ul:lang(he), ol:lang(he) {padding: 0 1.25em 0 0;}

table#consentTable {
  border-collapse: collapse;
  width: 100%;
}

table#consentTable th, table#consentTable td {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}
table#consentTable th {
  background-color: #f2f2f2;
}

table#consentTable th:lang(he), table#consentTable td:lang(he) {
  text-align: right;
}

.table1 {
  border: transparent;
}
p {
  margin: 1em 0;
  padding: 0;
}
.contain {
  margin: 0 auto;
  width: 1200px;
}
.fill {
  min-width: 1200px;
  width: 100%;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
/* header */
header {display: block;}
#epLang {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
}
#epLang a {
  color: #333;
  border-right: 1px solid #333;
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  text-decoration: none;
}
#epLang a:last-of-type {border-right: none;}
#epLang a:last-of-type:lang(he) {border-right: 1px solid #333;}
#epLang a:first-of-type:lang(he) {border-right: none;}
#epLang a:hover,
#epLang a:focus {color: #00819d;}
nav {
  display: flex;
  font: normal 600 18px 'Open Sans', sans-serif;
  justify-content: center;
  padding: 1em 0;
}
nav:lang(es), nav:lang(nl), nav:lang(fr) {font: normal 600 17px 'Open Sans', sans-serif;}
nav:lang(pt), nav:lang(it) {font: normal 600 16px 'Open Sans', sans-serif;}
nav a {
  border-right: 2px solid #333;
  color: #333;
  display: inline-block;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
}
nav a:last-of-type {border-right: none;}
nav a:last-of-type:lang(he) {border-right: 2px solid #333;}
nav a:first-of-type:lang(he) {border-right: none;}
nav a:hover,
nav a:focus {color: #00819d;}
#dropdown{
  position:relative;
  margin:0;
}
#dropdown:hover #epResources,
#dropdown:focus #epResources{display:block;}
#epResources{
  display:none;
  overflow:visible;
  padding:0 0 0 10px;
  margin:0;
  position:absolute;
  top: 23px;
  left:-12px;
  bottom:-205px;
  width:200px;
  z-index:100;
}
#epResources:lang(he) {
  right: -2px;
  left: auto;
}
#epResources span{
  background:#00819d;
  color:#fff;
  cursor:pointer;
  display:block;
  padding:8px 20px;
  text-align:left;
  width:300px;
}
#epResources span:lang(he) {text-align: right;}
#epResources span:hover,
#epResources span:focus{background:#a4c032;}
#epAttention {
  padding: 10px 0;
  text-align: center;
}
banner {position: relative;}
banner .flex {
  display: flex;
  justify-content: space-around;
}
.fadeimages {
  position: relative;
  width: 55%;
  height: 350px;
  margin: 20px 10px;
}
.fadeimages div {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3px;
  height: 100% !important;
  width: 100% !important;
}
.buttons {
  position: relative;
  width: 30%;
}
.buttons a, .buttons div.follow  {
  align-items: center;
  background: #a4c032;
  border-radius: 15px;
  color: #fff;
  display: flex;
  height: 90px;  
  margin: 30px 0;
  padding: 20px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.buttons a:hover, .buttons div.follow:hover,
.buttons a:focus, .buttons div.follow:focus {
  background: #00819d;
  cursor: pointer;
  font-size: 21px;
  padding: 15px 30px;
}
.buttons .title, #epFollow h3 {
  display: block;
  font-size: 22px;
  font-weight: 700;
  width: 100%;
  text-transform: uppercase;
}
.buttons .roll-text {
  display: none;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  text-transform: none;
}
.buttons a:hover .title, .buttons div.follow:hover .title,
.buttons a:focus .title, .buttons div.follow:focus .title {display: none;}
.buttons a:hover .roll-text, .buttons div.follow:hover .roll-text,
.buttons a:focus .roll-text, .buttons div.follow:focus .roll-text {display: block;}
#epFollow {
  display: none;
  align-items: center;
  background: #00819d;
  border-radius: 15px;
  color: #fff;
  position: absolute;
  padding: 20px 29px;
  text-decoration: none;
  text-align: center;
}
#close-text {
  position: absolute;
  top: -7px;
  right: 20px;
  font-size: 1.1em;
  font-weight: 700;
  cursor: pointer;
}
/* content */
main {
  display: block;
  padding: 30px 0 70px;
}
section {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}
section.eighty {
  width: 70%;
  margin: 0 auto;
}
div.col-left {
  margin-right: 2%;
  padding: 0 10px;
  width: 50%;
}
div.col-right {
  padding: 50px 10px 0 10px;
  width: 40%;
}
div.col-100 {padding: 0 10px;}
div.portrait {
  background: url(person.jpg) top center no-repeat;
  background-size: contain;
  border-radius: 20px;
  height: 200px;
  width: 200px;
}
p.quote {
  font-size: 20px;
  width: 60%;
  font-weight: 700;
}
span.credit {
  font-size: 16px;
  font-weight: 400;
  padding: 1em;
}
.expand-button {
  font-weight: 600;
  position: relative;
}
.expand-button-closed::before {
  content: '';
  background: url(arrow.png) left center no-repeat;
  background-size: contain;
  height: 10px;
  position: absolute;
  top: 6px;
  left: -20px;
  width: 10px;
}
.expand-button-opened::before {
  content: '';
  background: url(arrow.png) left center no-repeat;
  background-size: contain;
  height: 10px;
  position: absolute;
  top: 6px;
  left: -20px;
  width: 10px;
  transform: rotate(180deg);
}
.expand-button-closed:lang(he)::before {right: -20px;}
.expand-button-opened:lang(he)::before {right: -20px;}
.expand-text {}
#epConsentContinue, #epConsentCancel {float: right;}
#epConsentContinue:lang(he), #epConsentCancel:lang(he) {float: left;}
#epEmergency {
  padding: 10px 0;
  text-align: center;
}
#epEmergency br {display: none;}
#epEmergency strong {
  display: inline-block;
  margin-right: 7px;
}
#epDDN {
  font-weight: bold;
  white-space: nowrap;
}
.listor {
  list-style: none;
  margin: 1em 0;
}
#epDataPrivacy .online, #epDataPrivacy .phone, #epDataPrivacy .output {display: block;}
#epDataPrivacy ol.dropDowns {
  list-style: none;
  margin: 0;
  padding: 0;
}
#epDataPrivacy .text {color: #333;}
select {
  font: normal 400 14px 'Open Sans', sans-serif;
  margin: 5px 0 15px;
  min-width: 355px;
  padding: 5px;
}
button, input.submit {
  background: #00819d;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  margin: 15px 10px;
  padding: 10px 30px;
}
button:disabled, button:disabled:hover, input.submit:disabled, input.submit:disabled:hover,
button:disabled, button:disabled:focus, input.submit:disabled, input.submit:disabled:focus {
  background: #ccc;
  cursor: default;
}
button:hover, input.submit:hover,
button:focus, input.submit:focus {background: #00819d;}
.nowrap {white-space: nowrap;}
#epIssues {width: 80%;}
#epIssues .category {
  display: flex;
  margin-bottom: 20px;
}
#epIssues .catdesc {display: none;}
#epIssues .catname {
  color: #fff;
  font: normal 700 20px 'Open Sans', sans-serif;
  padding: 20px 20px 20px 30px;
}
#epIssues .details {
  font: normal 700 25px 'Open Sans', sans-serif;
  position: absolute;
  left: 7px;
  text-decoration: none;
  top: -3px;
}
#epIssues .open {
  font: normal 700 25px 'Open Sans', sans-serif;
  position: absolute;
  left: 7px;
  text-decoration: none;
  top: -5px;
}


#epIssues .details:lang(he) {
  right: 7px;
  left: auto;
}
#epIssues .issue {
  margin-bottom: 10px;
  padding: 0 5px 0 10px;
  position: relative;
  margin-left: 110px;
}
#epIssues .issue:lang(he) {
  margin-left: 0;
  margin-right: 110px;
}
#epIssues .issue:last-of-type {margin-bottom: 0;}
#epIssues .issue:hover,
#epIssues .issue:focus {
  background: #fff;
  color: #00819d;
}
#epIssues .issuebox {
  background: #fff;
  padding-left: 20px;
}
#epIssues .name {
  font: normal 400 18px/22px 'Open Sans', sans-serif;
  padding: 5px 0;
  margin-left: 30px;
}
#epIssues .name:lang(he) {margin-right: 30px;}
#epIssues .desc {
  font-size: 14px;
  padding: 0 60px 10px 15px;
}
#epIssues .desc:lang(he) {
  font-size: 14px;
  padding: 0 15px 10px 60px;
}
input.text-input  {
  margin: 5px 0 20px;
  min-width: 300px;
  padding: 5px;
}
.follow-page section span {font-size: 18px;}
/* footer */
footer {
  background: #212f3a;
  color: #fff;
  font-size: 14px;
  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: #fff;}
footer .line2 a:hover,
footer .line2 a:focus {color: #fff;}
footer table {
  font-size: 12px;
  margin: 15px auto 0 !important;
  width: 1200px !important;
}