@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap');
*,
*::before,
*::after{
  box-sizing: border-box;
}
body {
  color: #656565;
  font: normal 400 17px/1.5 'Oswald', sans-serif;
  margin: 0;
}
a {
  color: #0c0e37;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #333;
}
img {
  border: 0;
  display: block;
}
ol, ul {
  margin: 1em 0;
  padding: 0 0 0 1.25em;
}
p {
  margin: 1em 0;
  padding: 0;
}
span.underline{
text-decoration:underline;
}
span.italic{
font-style: italic;
}
.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 {
  color: black;
  display: flex;
  justify-content: flex-end;
}
#epLang a {
  margin: 10px 8px 0 8px;
}
header .flex {
  display: flex;
  justify-content: space-between;
}
a.logo {
  background: url(logo1.png) center top no-repeat;
  background-size: contain;
  display: inline-block;
  height: 100px;
  margin: 5px 30px 38px 10px;
  width: 160px;
}
#banner{
background:url(index_banner.jpg) no-repeat center;
background-size:cover;
height:600px;
}
#banner.report_page{
  background:url(index_banner.jpg) no-repeat center;
  background-size:cover;
  height:300px;
  }
#banner h1,#banner p{
color: #fff;
font-size: 66px;
line-height: 70px;
margin:0 auto;
position:relative;
top:55px;
width:653px;
}
#banner h1:lang(fr){
font-size: 45px;
}
#banner h1:lang(sk){
font-size: 50px;
}

#banner.report_page h2,#banner.report_page p{
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  margin:0 auto;
  position:relative;
  top:55px;
  width:653px;
  }
#banner p{
color:#fff;
font-size: 31px;
line-height: 42px;
top:75px;
}
#banner.report_page p{
  color:#fff;
  font-size: 31px;
  line-height: 42px;
  top:75px;
  }

#banner.report_page .box_container h1 {
    font-size: 54px;
}

#banner.report_page .box_container h1:lang(es) {
    font-size: 42px;
}

#banner.report_page .box_container h1:lang(fr) {
    font-size: 42px;
}

#banner.report_page .box_container h1:lang(pt) {
    font-size: 46px;
}

#banner.report_page .box_container {
    height: 180px;
}
.box_container{
background:rgba(0,0,0,0.4);
height:240px;
position:relative;
top:100px;
width:740px;
}
.box_container_other{
  background:rgba(0,0,0,0.4);
  height:185px;
  position:relative;
  top:30px;
  width:740px;
  }
nav {
  align-items: center;
  display: flex;
  flex-grow: 1;
  position: relative;
}
nav a {
  color: #555555;
  border-right:1px solid #c4c4c4;
  display: inline-block;
  font: normal 600 16px/25px 'Oswald', sans-serif;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  text-align: center;
  text-transform:uppercase;
  text-decoration: none;
}
nav a:last-child{
border-right:none;
}
nav a:hover,
nav a:focus {
  background-color:#F4F4F4;
  color: #000;
  overflow: visible;
}
#epResources {
  /*Dropdown Box*/
  display: block;
  position: absolute;
  left:0;
  top: 25px;
  width: 240px;
  z-index: 10;
}
#epResources span {
  background: #F4F4F4;
  color: #555555;
  cursor: pointer;
  display: block;
  padding: 5px 20px;
  width: 400px;
}
#epResources span:hover,
#epResources span:focus {
  background: #0c0e37;
  color: white;
}
/* added for the 'values' images */
.valuesIconsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 220px;
  width: 796px;
  margin: 0 auto;
}
.valuesIconsColumn1{
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  padding: 20px;
  height:205px;
  background-size:contain;
  background: url(curious1.png) no-repeat center;
}
.valuesIconsColumn2 {
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  padding: 20px;
  height:205px;
  background-size:contain;
  background: url(growth1.png) no-repeat center;
}
.valuesIconsColumn3 {
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  padding: 20px;
  height:205px;
  background-size:contain;
  background: url(team.png) no-repeat center;
}
.beigeContainer{
background-color:#EBEAEA;
height:133px;
}
/*Buttons*/
#buttonContainer {
  margin: 20px auto;
  display: flex;
  flex-direction: row;
  width: 1200px;
  justify-content: space-between;
}
.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* padding: 10px 25px 20px; */
  width:1200px;
}
.buttons a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*box-shadow: 0 7px 7px 0 rgb(0 0 0 / 34%);*/
  border:2px solid #0c0e37;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0c0e37;
  height: 70px;
  font: normal 700 19px 'Noto Sans', 'Oswald', sans-serif;
  display: flex;
  margin: 10px 0;
  padding: 10px 20px;
  text-decoration: none;
  transition: transform .3s ease-in-out, background-color .3s ease-in-out, box-shadow .3s ease-in-out, border-color .3s ease-in-out;
  width:23%;
}
.buttons a:hover,
.buttons a:focus
/*.buttons a:focus*/
  {
  background: #0c0e37;
 /* box-shadow: 0 7px 7px 0 rgb(0 0 0 / 34%);*/
  color: #fff;
  text-align: center;
  transform: scale(1.07);
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
}
.buttons span.title {
  display: block;
  text-align: center;
  width: 100%;
}
.buttons span.roll-text {
  display: none;
  font: normal 400 15px/20px 'Noto Sans', 'Oswald', sans-serif;
  text-align: center;
  width: 100%;
}
.buttons a:hover span.title,
.buttons a:focus span.title
/*.buttons a:focus span.title*/
  {
  display: none;
}
.buttons a:hover span.roll-text,
.buttons a:focus span.roll-text
/*.buttons a:focus span.roll-text*/
  {
  display: block;
}
#epAttention {
  background-color:#0c0e37;
  color:#fff;
  padding: 10px 0;
  text-align: center;
}
/* content */
main {
  display: block;
  padding: 30px 0 50px;
}
section {
  display: flex;
  justify-content: space-between;
}
section.row{
flex-direction:row;
}
section.other_page{
margin: 0 auto;
width:1000px;
}
section.index h1{
color:#0c0e37;
font-size:35px;
}
div.col-left {
  padding: 0 10px;
  width: 1100px;
}
div.col-right {
  padding: 0 10px;
  width: 38%;
}
div.col-right-other {
  padding: 0 10px;
  width: 700px;
}
.col-100 h2{
color:#0c0e37;
}
h1 {
  font: normal 700 35px 'Oswald', sans-serif;
  padding: 0;
}
h2 {
  font: normal 700 24px 'Oswald', sans-serif;
  padding: 0;
}
h3 {
  font: normal 700 18px 'Oswald', sans-serif;
  margin: 1em 0;
  padding: 0;
}

.expand-button {
    color: #0c0e37;
}
#epEmergency {
  background-color:#0c0e37;
  color:#fff;
  font-size:14px;
  text-align:center;
padding:20px 0px 20px 0px;
}
#epDDN {
  font-weight: bold;
  white-space: nowrap;
}
.listor {
  list-style: none;
  margin: 1em 0;
}
#epDataPrivacy {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
}
#epDataPrivacy .online, #epDataPrivacy .phone, #epDataPrivacy .output {
  display:none;
}
#epDataPrivacy ol.dropDowns {
  list-style: none;
  margin: 0;
  padding: 0;
}
select {
  font: normal 400 14px 'Oswald', sans-serif;
  margin: 2px 0 15px;
  padding: 5px;
  width: 100%;
}
button {
  background: #fff;
  border: 2px solid #0c0e37;
  color: #0c0e37;
  cursor: pointer;
  font-family:'Oswald', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 18px;
}
button:hover,
button:focus {
  background: #0c0e37;
  color: #fff;
}
button:disabled {
  background: #ddd;
  cursor: default;
}
button:hover:disabled,
button:focus:disabled {
  background: #ddd;
}
.nowrap {
  white-space: nowrap;
}
#epPhone {
  display: block;
  width: 400px;
}
#epIssues {
  width: 100%;
}
#epIssues .catdesc {
  display: none;
}
#epIssues .catname {
  font: normal 700 16px/20px 'Oswald', sans-serif;
}
#epIssues .details {
  font-size: 12px;
  margin-left: auto;
}
#epIssues .issue {
  color: #0c0e37;
  border:1px solid #0c0e37;
  display: flex;
  flex-wrap: wrap;
  padding:10px;
  margin: 10px 0;
  position: relative;
}
#epIssues .issue:hover,
#epIssues .issue:focus {
  color: #0c0e37;
}
#epIssues .name {
  font: normal 700 17px/22px 'Oswald', sans-serif;
}
#epIssues .desc {
  flex-basis: 100%;
  padding: 5px 0;
}
/* footer */
footer {
  background-color:#0c0e37;
  color:#fff;
  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:#fff;}
footer .line2 a:hover,
footer .line2 a:focus {color:#fff;}
footer table {
  margin: 0 auto !important;
  width: 1200px !important;
}