@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

html {
overflow-y: scroll;
}

body {
background: #727272 url(body.jpg) no-repeat fixed 50% 0;
color: #666;
font: 400 15px/22px 'Open Sans', sans-serif;
margin: 0;
text-rendering: optimizeLegibility;
}

a {
color: #666;
outline: none;
text-decoration: underline;
transition: all 0.2s ease-in-out 0s;
}

a:hover {
color: #000;
text-decoration: underline;
}

a.logo {
background: url(logo1.png) no-repeat left top;
display: block;
height: 60px;
margin-top: -30px; /* negative half of the height */
position: absolute;
left: 20px;
top: 50%;
width: 225px;
}

div.NAVEXLogo {
background: #fff url(https://secure.ethicspoint.com/domain/media/shared/nglogo.png) no-repeat 0 0;
height: 55px;
margin: 30px auto 9.5px;
width: 217px;
}

button {
background: #fff;
border: none;
cursor: pointer;
font-size: 15px;
margin: 10px 0;
padding: 8px 10px;
transition: all 0.2s ease-in-out 0s;
}

button:hover {
background: #666;
color: #fff;
}

button#epConsentContinue,
button#epConsentCancel {
background: #666;
color: #fff;
}

button#epConsentContinue:hover,
button#epConsentCancel:hover {
background: #000;
}

button#epConsentContinue[disabled] {
background: #ccc;
}

h1 {
color: #f57e20;
font: 400 26px/30px 'Open Sans', sans-serif;
margin: 0 0 15px 0;
padding: 0;
}

h2 {
color: #333333;
font: 400 20px/24px 'Open Sans', sans-serif;
margin: 10px 0;
}

h2:lang(eseu) {
font: 400 19px/24px 'Open Sans', sans-serif;
}

h2:lang(pteu) {
font: 400 18px/24px 'Open Sans', sans-serif;
}

h3 {
color: #747474;
font: 400 18px/22px 'Open Sans', sans-serif;
margin: 10px 0;
padding: 0;
}

h4 {
color: #000;
font: 400 18px/22px 'Open Sans', sans-serif;
margin: 10px 0;
padding: 0;
}

img {
border: 0;
display: block;
}

ol,
ul {
line-height: 22px;
margin: 0 0 15px 25px;
padding: 0;
}

ol p,
ul p {
color: #666;
}

ol p:lang(uk),
ul p:lang(uk) {
line-height: 21px;
}

ol p:lang(ru),
ul p:lang(ru) {
line-height: 21px;
}

p {
line-height: 22px;
margin: 0 0 15px 0;
padding: 0;
}

#epAttention {
color: #333333;
}

#epColumn1 {
margin-right: 684px;
}

#epColumn1 p,
#epColumn1 ul {
color: white;
font: 400 13px/19px 'Open Sans', sans-serif;
}

#epColumn1Inner {
background: url(black.png) repeat left top;
border-bottom: 7px solid #F67E20;
color: #999;
margin-bottom: 8px;
padding: 20px;
zoom: 1;
}

#epColumn1Inner h2,
#epColumn1Inner h3 {
color: white;
}

#epColumn2 {
float: right;
width: 654px;
}

#epColumn2Inner {
background: white;
padding: 20px;
margin-bottom: 8px;
}

#epColumn3 {
margin: 50px auto;
width: 780px;
}

#epColumn3:lang(th) {
width: 790px;
}

#epContent {
clear: both;
float: left;
width: 1064px;
}

#epEmergency {}

#epNAVEXFooter {
background: url(white.png) repeat left top;
clear: both;
color: #333;
direction: ltr !important;
font-size: 13px;
padding: 0 20px;
text-align: center;
width: 1024px;
}

/*#epNAVEXFooter:lang(af), {
width:1024px;
}*/

#epNAVEXFooter th {
display: none;
}

#epNAVEXFooter .line1 {
float: left;
}

#epNAVEXFooter .line2 {
float: right;
}

#epNAVEXFooter a {
color: #333;
text-decoration: underline;
}

#epNAVEXFooter a:hover {
color: #000;
}

#epHeader {
background: url(white.png) repeat left top;
height: 130px;
margin-bottom: 8px;
position: relative;
}

#epLang {
direction: ltr !important;
display: block;
background-color: #d6d1d1;
border-radius: 5px;
right: 5px;
position: absolute;
top: 5px;
width: 182px;
height: 33px;
}

#epLang:lang(kxd) {
width: 200px;
}

#epLang:lang(eseu),
#epLang:lang(pteu) {
width: 250px;
}

#epLang a {
color: #000000;
display: block;
float: left;
overflow: hidden;
position: relative;
text-decoration: none;
width: 180px;
}

#epLang a:lang(kxd) {
width: 200px;
}

#epLang a:lang(eseu),
#epLang a:lang(pteu) {
width: 250px;
}

#epLang a:after {
float: right;
margin-right: 15px;
content: "▼";
}

#epLang a:first-child {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 6px;
}

#epLang a:hover {
overflow: visible;
}

#epLangMenu {
font: normal normal 400 12px/18px Arial, sans-serif;
background: none repeat scroll 0 0 #7e7d7b;
display: block;
left: -0px;
position: absolute;
top: 33px;
width: 173px;
padding-left: 10px;
z-index: 100;
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}

#epLangMenu:lang(eseu),
#epLangMenu:lang(kxd),
#epLangMenu:lang(pteu) {
left: 0px;
width:240px;
}

#epLangMenu:lang(kxd) {
left: -155px;
}

#epLangMenu span {
display: block;
width: 160px;
}

#epLangMenu span:hover {
color: #F67E20;
}

#epLangMenu .colOne {
float: left;
z-index: 100;
}

#epLangMenu .colTwo {
float: right;
margin-right: 20px !important;
z-index: 100;

}

#epLangMenu .colOne:hover {
color: #000000;
}

#epLangMenu .colTwo:hover {
color: #000000;
}

#epNav {
color: #d2d2d2;
float: left;
margin-bottom: 20px;
width: 330px;
}

#epNav a {
border-top: 1px solid #595959;
color: #d2d2d2;
display: block;
float: left;
line-height: 37px;
overflow: hidden;
padding: 0 10px 0 0;
position: relative;
text-align: right;
text-decoration: none;
width: 330px;
}

#epNav a:lang(it) {
font-size: 13px;
}

#epNav a:lang(pteu),
#epNav a:lang(ta) {
font-size: 14px;
}

#epNav a:hover {
background-color: rgba(255, 255, 255, 0.1);
border-right: 4px solid #fff;
color: white;
overflow: visible;
}

#epNav a.navbottom {
border-bottom: 1px solid #595959;
}

#epResources {
background: url(resources.png) no-repeat 13px 14px;
display: block;
font: 400 15px/37px 'Open Sans', sans-serif;
overflow: visible;
padding: 0 0 0 18px;
position: absolute;
right: -213px;
top: 0;
width: 200px;
z-index: 10;
}

#epResources:lang(ur),
#epResources:lang(ar),
#epResources:lang(he),
#epResources:lang(fa),
#epResources:lang(ku) {
right: -310px;
}

#epResources span {
background: white;
border-right: 4px solid white;
color: #f57e20;
cursor: pointer;
display: block;
padding: 0 20px 0 25px;
text-align: left;
width: 251px;
}

#epResources span:hover {
background: white url(resourcesspan.png) no-repeat 13px center;
border-right: 4px solid #9ea62d;
color: #747474;
}

#epSecureText {
display: block;
margin: 0 auto 39px;
width: 441px;
}

#epSecureText:lang(kxd),
#epSecureText:lang(sk),
#epSecureText:lang(vi) {
width: 460px;
}

#epSecureText:lang(lv),
#epSecureText:lang(no) {
width: 480px;
}

#epSecureText:lang(cs) {
width: 500px;
}

#epSecureText:lang(be) {
width: 510px;
}

#epSecureText:lang(eseu),
#epSecureText:lang(ja) {
width: 520px;
}

#epSecureText:lang(gr) {
width: 530px;
}

#epSecureText:lang(id),
#epSecureText:lang(ko),
#epSecureText:lang(mk),
#epSecureText:lang(mn) {
width: 540px;
}

#epSecureText:lang(mg),
#epSecureText:lang(ms),
#epSecureText:lang(pt),
#epSecureText:lang(pteu),
#epSecureText:lang(sv),
#epSecureText:lang(tr),
#epSecureText:lang(uk) {
width: 560px;
}

#epSecureText:lang(nl),
#epSecureText:lang(srcs) {
width: 580px;
}

#epSecureText:lang(hu),
#epSecureText:lang(pl) {
width: 600px;
}

#epSecureText:lang(fil) {
width: 620px;
}

#epSecureText:lang(frca) {
width: 640px;
}

#epSecureText:lang(de),
#epSecureText:lang(fr) {
width: 660px;
}

#epSecureText:lang(te) {
width: 680px;
}

#epSecureText:lang(ta) {
width: 740px;
}

#epSecureText:lang(ru) {
width: 780px;
}

#epSecureText .securetext {
font-size: 1em;
letter-spacing: -0.25px;
}

#epSecureText .filetext {
font-size: 1.25em;
font-weight: bold;
}

#epWrapper {
float: left;
left: 50%;
margin-left: -532px;
position: relative;
width: 1064px;
}

#logong {
background: #f67e20;
height: 130px;
margin-bottom: 8px;
position: relative;
width: 380px;
}

#logong a.logong {
background: url(https://secure.ethicspoint.com/domain/media/shared/nglogoWhite_Large.png) no-repeat left top;
height: 52px;
left: 84px;
margin-top: -26px;
/* negative half of the height */
position: absolute;
top: 50%;
width: 211px;
}

/*dp2*/

#epDataPrivacy .online,
#epDataPrivacy .phone,
#epDataPrivacy .output {}

#epDataPrivacy {
color: white;
font: 400 13px/19px 'Open Sans', sans-serif;
margin-bottom: 20px;
}

#epDataPrivacy ol.dropDowns {
list-style: none;
margin: 0;
padding: 0;
}

#epDataPrivacy select {
border: 1px solid #666;
font: 400 13px/19px 'Open Sans', sans-serif;
margin-bottom: 10px;
padding: 5px;
width: 99%;
}

/*phone*/

#epPhone {
margin-bottom: 20px;
}

#epPhone select {
border: 1px solid #666;
font: 400 13px/19px 'Open Sans', sans-serif;
margin-bottom: 10px;
padding: 5px;
width: 99%;
}

/*phone table*/
#epPhoneTable {
color: #fff;
margin-bottom: 15px;
}

#epPhoneTable .div1,
#epPhoneTable .table1,
#epPhoneTable .ol1 {
font: 400 13px/19px 'Open Sans', sans-serif;
}



/* For when Country1/2 dropdowns are hidden and Dialling does not fit. */
/* .phonetable{
color: #ffffff;  
}
.table1 tbody tr:first-of-type{
display: flex;
flex-direction: column;
margin: 5px 0 15px 0;
}
.table1 tbody tr td:first-of-type{
display: none;
}  */



#epPhoneTable .ol {
margin: 0 0 15px !important;
}

.black {
color: #000;
}

.bottom {
margin-bottom: 0;
padding-bottom: 0;
}

.center {
color: #000;
text-align: center;
}

.expand-button {
margin: 0 0 10px;
text-decoration: underline;
}

.expand-button:hover {
color: #000;
}

.listor {
list-style: none;
margin: 10px 0;
}


.nowrap {
direction: ltr !important;
unicode-bidi: bidi-override;
white-space: nowrap;
}

.output em {
display: block;
font-size: 90%;
}

.output th {
text-align: left;
width: 160px;
/* white-space:normal !important; */
}

/* For us when DA/WWC used and white spacing needing adding back in for certain languges */
/* .output th:lang(ru), .output th:lang(km), .output th:lang(ka), .output th:lang(id), .output th:lang(hy), .output th:lang(hr), .output th:lang(ar){
white-space:normal !important;
} */

.top {
margin-top: 0;
padding-top: 0;
}