@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
/* normal */
@font-face {
    font-family: 'HoneywellSans-Book';
    font-weight: normal;
    src: url('HoneywellSans-Book.otf') format('opentype');
}
/* bold */
@font-face {
    font-family: 'HoneywellSans-Bold';
    font-weight: bold;
    src: url('HoneywellSans-Bold.otf') format('opentype');
}
:root {
    --grey: #1D1D1D;
    --black: #000000;
}
body {
    display: flex;
    font: normal normal 400 16px/24px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    flex-direction: column;
    height: 100vh;
    margin: 0;
}
#epWrapper {
    min-width: 1100px;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
}
.index #epWrapper {
    flex-grow: 0;
}
.statement-wrapper {
    background: var(--grey);
    color: white;
    padding: 20px 0 30px;
    margin-top: 32px;
}
#epAttention {
    font-weight: 700;
    text-align: center;
    width: 100%;
}
#epEmergency {
    font-weight: 700;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 1050px;
}
.expand-button {
    position: relative;
}
.strong {
    font-weight: bold;
}
header {
    background-color: black;
    padding-top: 50px;
}
header>.contain {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: space-between;
}
a.logo {
    background: url(logo1.png) no-repeat left top / contain;
    display: block;
    height: 60px;
    width: 224px;
    position: relative;
    margin-top: -18px;
}
a.logo::after {
    content: 'ACCESS Integrity Helpline';
    color: white;
    position: absolute;
    top: 48px;
    left: 16px;
}
#epNav {
    display: flex;
    font: normal normal 400 18px/25px 'HoneywellSans-Book', 'Open Sans', sans-serif;
    height: 25px;
}
html[lang="fi"] #epNav,
html[lang="frca"] #epNav,
html[lang="it"] #epNav,
html[lang="pt"] #epNav,
html[lang="pteu"] #epNav,
html[lang="ro"] #epNav {
    font-size: 15px;
}
html[lang="ru"] #epNav {
    font-size: 12px;
}
#epNav a {
    border-right: 1px solid #fff;
    color: #fff;
    display: flex;
    padding: 0 15px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    z-index: 20;
}
#epNav a:last-child {
    border-right: none;
}
#epNav a:hover,
#epNav a:focus {
    overflow: visible;
}
#epNav .dropdown::after {
    content: '';
    background: url('navarrow.png') no-repeat top left / contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 3px;
    margin-inline-start: 4px;
}
#epButtons {
    display: flex;
    justify-content: center;
    height: 230px;
    margin-bottom: 32px;
}
#epButtons a {
    background: #fff;
    color: black;
    display: block;
    height: 200px;
    margin-inline-end: 83px;
    padding-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 210px;
}
#epButtons a:hover,
#epButtons a:focus {}
#epButtons a div.title {
    font: normal normal 700 21px/29px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    padding-top: 110px;
}
#epButtons a:hover div.title,
#epButtons a:focus div.title {}
#epButtons a div.subtitle {
    display: none;
    font-size: 14px;
    margin: 0px 10px 10px 10px;
    text-align: center;
    width: 210px;
}
#epButtons a:hover div.subtitle,
#epButtons a:focus div.subtitle {}
#epButtons .report {
    background: url(online.svg) no-repeat center 30px #fff;
    background-size: 75px 75px;
    color: black;
}
#epButtons .phone {
    background: url(phone.svg) no-repeat center 30px #fff;
    background-size: 75px 75px;
    color: black;
}
#epButtons .followup {
    background: url(followup.svg) no-repeat center 30px #fff;
    background-size: 75px 75px;
    color: black;
    margin-right: 0;
}
.banner {
    display: flex;
    flex-direction: row;
}
.boxHome {
    height: 263px;
    width: 250px;
}
.img1 {
    background: url(img1.png) no-repeat center;
    background-size: cover;
}
.img2 {
    background: url(img2.png) no-repeat center;
    background-size: cover;
}
.img3 {
    background: url(img3.png) no-repeat center;
    background-size: cover;
}
.img4 {
    background: url(img4.png) no-repeat center;
    background-size: cover;
}
.img5 {
    background: url(img5.png) no-repeat center;
    background-size: cover;
}
#epContent {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.contain {
    width: 1100px;
    margin: 0 auto;
}
.full {
    min-width: 1100px;
    width: 100%;
}
.bottomHalf {
    display: flex;
    flex-direction: column;
}
a {
    color: #007BC2;
    outline: none;
    text-decoration: underline;
}
a:hover,
a:focus {}
h1 {
    font: normal normal 400 33px/37px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    margin: 0.67em 0;
    padding: 0;
}
h2 {
    font: normal normal 400 21px/29px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    margin: 0.83em 0;
    padding: 0;
}
h2:lang(th) {
    font: normal normal 400 19px/29px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
}
h3 {
    font: normal normal 700 1.17em/1.27em 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    margin: 1em 0;
    padding: 0;
}
img {
    border: 0;
    display: block;
}
ol,
ul {
    margin: 1em 0;
    padding: 0 0 0 1.25em;
}
.hidden {
    display: none;
}
.alpha-parentheses {
    counter-reset: item;
    list-style-type: none;
}
.alpha-parentheses>li {
    counter-increment: item;
}
.alpha-parentheses>li::before {
    content: '('counter(item, lower-alpha) ') ';
}
ul.dash {
    list-style-type: none;
}
ul.belgium {
    list-style-type: none;
    text-indent: -17px;
    position: relative;
}
ul.dash li {
    text-indent: -5px;
}
ul.dash li::before {
    content: '- ';
    display: inline-block;
}
p {
    margin: 1em 0;
    padding: 0;
}
form fieldset {
    border: none;
}
#epColumn1 {
    padding: 0;
    width: 100%;
    border: 1px solid transparent;
}
#epColumn1.index {
    height: 45px;
    padding: 0;
    width: 100%;
}
#epColumn1.index h1 {
    margin-top: 215px;
    text-align: center;
    width: 100%;
}
#epColumn1 h1 {
    width: 600px;
}
#epColumn1 h2 {
    margin-top: -10px;
    width: 600px;
}
#epColumn2 {
    padding: 20px 0;
}
#epColumn2a {
    border-right: 1px solid #ccc;
    padding-right: 20px;
}
#epColumn2b {
    width: 40%;
}
#epColumn3 {
    clear: both;
    margin: 0 auto;
    text-align: center;
    width: 400px;
}
#epFollow {
    margin-left: -20px;
}
#epFollow li {
    list-style: none;
    font-weight: 700;
    padding: 10px 0;
    margin: 0;
}
.followtext {
    font: normal normal 400 20px/29px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
}
.follow_page_container {
    margin-top: 30px;
}
input[type='text'],
input[type='password'] {
    width: 300px;
}
#epLang {
    background: #d2d2d7;
    background-size: 20px 23px;
    cursor: pointer;
    display: block;
    padding: 2px 40px 2px 2px;
    margin-left: auto;
    position: relative;
    z-index: 10;
    color: var(--black);
    font-weight: 600;
}
#epLang>a {
    display: none;
}
#epLang>div {
    text-align: center;
    position: relative;
}
.langbarhead {
    display: flex;
    align-items: center;
}
.langbarhead p {
    margin: 0;
    width: 60%;
}
#epLang a {
    text-decoration: none;
    color: #fff;
}
#epLang a:hover {
    text-decoration: underline;
}
#epLangDrop {
    background: var(--grey);
    display: none;
    left: 0;
    position: absolute;
    padding: 10px 70px;
}
#epLangDrop a {
    display: block;
    font-weight: 500;
    text-align: center;
    margin: 5px 20px;
    font-size: 13px;
}
#epLang:hover #epLangDrop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.epReporting {
    display: block;
    overflow: visible;
    padding-top: 32px;
    position: absolute;
    right: -10px;
    top: 25px;
    width: 100%;
    z-index: 10;
}
html[lang="fi"] .epReporting,
html[lang="frca"] .epReporting,
html[lang="it"] .epReporting,
html[lang="pt"] .epReporting,
html[lang="pteu"] .epReporting,
html[lang="ro"] .epReporting,
html[lang="ru"] .epReporting {
    font-size: 13px;
}
.epReporting span {
    background: #000;
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 0 10px 0 15px;
    text-align: left;
    width: 160px;
}
.epReporting span:hover,
.epReporting span:focus {
    background: #ffffff;
    color: #000;
}
/* consent page */
.consentbuttons {
    display: flex;
    flex-direction: row;
    width: 300px;
}
.consentbuttons button {
    margin: 2px !important;
}
button#epConsentContinue:disabled,
button#epConsentContinue:disabled:hover {
    background: #ccc;
    border: none;
    cursor: default;
}
.consent_page {
    margin-top: 30px;
}
h2.consentpage {
    font: normal normal 600 21px/29px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    text-decoration: underline;
    margin: 0.83em 0;
    padding: 0;
}
/* faq page frequently asked questions */
div.contain.faqPage {
    width: 850px;
}
.faqPage h2 {
    font-size: 24px;
}
html[lang="ru"] .faqPage h2 {
    font-size: 20px;
}
.QAContainer {
    border-top: 1px solid #d2d2d7;
}
.QAContainer:last-of-type {
    border-bottom: 1px solid #d2d2d7;
}
.faqPage .expand-button {
    text-decoration: none;
}
.faqPage .expand-button-closed::after {
    color: grey;
    content: '+';
    font-size: 32px;
    position: absolute;
    right: 25px;
    top: -4px;
}
html[lang="ar"] .faqPage .expand-button-closed::after,
html[lang="ar"] .faqPage .expand-button-opened::after {
    right: unset;
    left: 25px;
}
.faqPage .expand-button-opened::after {
    color: grey;
    content: 'x';
    font-size: 32px;
    position: absolute;
    right: 25px;
    top: -4px;
}
/*dp2*/
#epDataPrivacy .online,
#epDataPrivacy .phone,
#epDataPrivacy .output {
    display: none;
}
#epDataPrivacy ol.dropDowns {
    list-style: none;
    margin: 0;
    padding: 0;
}
#epDataPrivacy select {
    font: normal normal 400 14px/15px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    margin: 0 0 1em 0;
    width: 300px;
}
.text {
    padding: 0 0 5px 0;
}
/*phone*/
#epPhone select {
    font: normal normal 400 14px/15px 'HoneywellSans-Book', 'Open Sans',
        sans-serif;
    margin: 0 0 1em 0;
    width: 300px;
}
input[type='submit'],
button {
    background: black;
    border: 2px solid black;
    color: white;
    padding: 3px 15px;
    font-weight: 700;
    cursor: pointer;
    display: block;
    margin: 5px 0 0;
}
input[type='submit'] {
    margin-inline-start: 5px;
}
input[type='submit']:hover,
button:hover,
input[type='submit']:focus,
button:focus {
    color: #fff;
    border: 2px solid #007BC2;
    background: #007BC2;
}
/*Issues*/
#epIssues {
    width: 100%;
}
#epIssues .category {
    background: #000;
    margin: 0 0 25px;
    position: relative;
    zoom: 1;
    width: 150px;
}
#epIssues .catdesc {
    display: none;
}
#epIssues .category .catname {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    position: absolute;
    left: 10px;
    top: 25px;
    text-align: center;
    width: 120px;
}
#epIssues .issuebox {
    background: #f2f2f2;
    margin-left: 135px;
    min-height: 65px;
    padding: 25px;
}
#epIssues .issue {
    color: #597ddb;
    padding: 5px 0px;
    position: relative;
}
#epIssues .issue:hover,
#epIssues .issue:focus {
    color: #959595;
}
#epIssues .issue .name {
    background: url(issue.png) no-repeat left center;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-inline-end: 50px;
    padding-inline-start: 20px;
}
html[lang="ar"] #epIssues .issue .name {
    background-position: right center;
}
#epIssues .issue .desc {
    color: #959595;
    font-size: 14px;
    padding: 0 10px 10px 25px;
    width: 900px;
}
.details {
    color: #007BC2;
    cursor: help;
    position: absolute;
    inset-inline-end: 20px;
    top: 5px;
}
.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}
.listor {
    list-style: none;
    margin: 1em 0;
}
.nowrap {
    white-space: nowrap;
}
.top {
    margin-top: 0;
    padding-top: 0;
}
.center {
    text-align: center;
}
.red {
    color: red;
}
.box {
    background: #fff;
    border: 2px solid #007680;
    padding: 10px;
    text-align: center;
    width: 200px;
}
a.box {
    color: #000;
    text-decoration: none;
}
.box strong {
    color: #007680;
    font-weight: 700;
}
.box.left {
    float: left;
    margin: 10px 0 0 270px;
    font-weight: normal;
}
.box.right {
    float: right;
    margin: 10px 270px 0 0;
    cursor: pointer;
    font-weight: normal;
}
.expand-button {
    color: #EE3124;
    margin-bottom: 10px;
    text-decoration: underline;
}
.expand-button u {
    color: #000;
    font-weight: normal;
}
.expand-text-opened {
    height: calc(100% + 20px) !important;
}
.consentTable {
    border: 1px solid #333;
    padding: 5px;
}
#epNAVEXFooterContainer {
    background: #000;
    color: #fff;
    min-width: 1100px;
    width: 100%;
}
#epNAVEXFooter {
    font: normal normal 400 13px / 20px 'HoneywellSans-Book', 'Open Sans', sans-serif;
    margin: 0 auto;
    width: 1100px;
    direction: ltr !important;
}
#epNAVEXFooter th {
    display: none;
}
#epNAVEXFooter .line1 {
    float: left;
    font-weight: normal;
}
#epNAVEXFooter .line2 {
    float: right;
    font-weight: normal;
}
#epNAVEXFooter .line2 a {
    color: #fff;
    text-decoration: none;
}
.black {
    margin-top: 0;
    padding-left: 10px;
}
.nounderline {
    text-decoration: none !important;
}