@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html {
    position: relative;
    height: 100vh;
}

body{
    background:#f5f5f5;
    color:#333;
    font:normal normal 400 16px/26px 'Arial', sans-serif;
    height: 100%;
    margin:0;
    position: relative;
    text-rendering:optimizeLegibility;
}

a{
color:#165788;
outline:none;
text-decoration:none;
}

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

a.logo{
    background:url(logo1.png) no-repeat left top;
    background-size:contain;
    display:block;
    height:120px;
    left:53px;
    position:absolute;
    top:15px;
    width:195px;
}

a.logo:lang(es){
    top: -10px;
}

button{
    background:#165788;
    border:0px solid #0044aa;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    color:#fff;
    cursor:pointer;
    font:normal normal 400 12px/16px 'Arial', sans-serif;
    padding:16px 40px;
    transition: all 0.3s ease-in-out 0s;
}

button:hover{
background:#44748f;
}

h1{
border-bottom:3px solid #c8c8c8;
color:#00544d;
font:normal normal 700 20px/22px 'Arial', sans-serif;
letter-spacing:1px;
margin:0 0 15px;
padding:0 0 15px;
text-transform:uppercase;
}

h1.tag{
background:#165788 repeat left top;
border:none;
color:#fff;
font:normal normal 600 48px/34px 'Arial', sans-serif;
left:0px;
padding:30px 64px;
opacity: 0.8;
position:relative;
top:252px;
text-transform:uppercase;
}

h2{
color:#a540a0;
font:normal normal 600 20px/22px 'Arial', sans-serif;
letter-spacing:1px;
margin:0.83em 0;
padding:0;
text-transform:uppercase;
}

h2.blue{
background:#165788;
color:#fff;
font:normal normal 600 17px/20px 'Arial', sans-serif;
letter-spacing:0px;
margin:0 -15px;
padding:10px 15px;
text-transform:none;
}

h3{
font:normal normal 600 20px/22px 'Arial', sans-serif;
margin:1em 0;
padding:0;
}

img{
border:0;
display:block;
}

ol,ul{
margin:1em 0;
padding:0 0 0 1.25em;
}

p{
margin:1em 0;
padding:0;
}

nav.faq {
  padding-top: 15px;
}

nav.faq a {
  display: block;
  font:normal normal 400 16px/26px 'Arial', sans-serif;
}

#epAttention{
border-top:1px solid #e1e1e1;
clear:both;
padding:50px 64px;
position:relative;
text-align:center;
}

body.index #epButtons{
border-bottom:1px solid #e1e1e1;
float:left;
padding:50px 64px;
}

#epButtons{
    border-top:1px solid #e1e1e1;
    clear:both;
    float:left;
    padding:50px 64px;
}

#epButtons a{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    behavior:url(https://secure.ethicspoint.com/domain/media/shared/PIE.htc);
    color:#fff;
    display:block;
    float:left;
    height:300px;
    overflow:hidden;
    padding:0px;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:300px;
    z-index:100;
    transition: all 0.3s ease-in-out 0s;
}

#epButtons a:hover{
opacity:0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

#epButtons a.online{
    background-color:#165788;
}

#epButtons a.online span.block{
background:#9eab05;
}

#laptop {
    background:url(laptop.png) no-repeat center;
    background-size: contain;
    height: 190px;
    margin: 0 auto;
    width: 190px;
}

#epButtons a.phone{
    background-color:#00544d;
    margin:0 93px;
    z-index:12;
}

#epButtons a.phone span.block{
    background:#e57200;
}

#mobile {
    background: url(mobile.png) no-repeat center;
    background-size: contain;
    height: 190px;
    margin: 0 auto;
    width: 190px;
}

#epButtons a.ask{
    background-color:#a33d05;
    z-index:12;
}

#epButtons a.ask span.block{
    background:#44748f;
}

#question {
    background:url(suggestion.png) no-repeat center;
    background-size: contain;
    height: 190px;
    margin: 0 auto;
    width: 190px;
}

#epButtons a span.block{
color:#fff;
display:block;
font:normal normal 400 16px/22px 'Arial', sans-serif;
left:62px;
padding:10px 0px;
position:absolute;
top:230px;
text-align:center;
text-transform:uppercase;
width:175px;
}

#epButtons a span{
cursor:pointer;
zoom:1;
}

#epButtons a span.title{
display:block;
font:normal normal 400 26px/28px 'Arial', sans-serif;
padding:30px 0 0;
}

#epButtons a span.title:lang(es){
font: normal normal 700 15px/28px 'Arial', sans-serif;
}

#epButtons a span.title:lang(pt){
font: normal normal 700 17px/28px 'Arial', sans-serif;
}

#epButtons a span.desc{
color:#0e76bd;
display:none;
font:normal normal 700 26px/28px 'Arial', sans-serif;
padding:15px 0 0;
}

#epButtons a:hover span.desc{
display:block;
opacity:1.0;
}

#epColumn1{
border-right:3px solid #165788;
font-size:14px;
line-height:24px;
margin-right:786px;
padding:0 15px 10px;
}

#epColumn2{
float:right;
padding:9px 0;
width:693px;
}

#epColumn3{
}

#epContent{
clear:both;
float:left;
padding:50px 64px;
width:1087px;
}

#epEmergency{
background:#b6b1a9;
border-top:1px solid #ccc;
color:#000;
clear:both;
font:normal normal 400 15px 'Arial', sans-serif;
padding:66px 204px 76px;
text-align:center;
}

#epEmergency strong{
color:#000;
display:block;
font-weight:500;
}

#epFooter{
background:#5e7803;
clear:both;
color:#f5f5f5;
font-size:11px;
padding:15px 64px 16px;
}

#epFooter .line1{
float:left;
}

#epFooter .line2{
color:transparent;
float:right;
}

#epFooter a{
color:#f5f5f5;
padding:0 1px;
}

#epFooter th{
display:none;
}

#epFooter td{
padding:0px !important;
}

#epHeader{
height:130px;
position:relative;
}

#epImage{
background:url(img1.jpg) no-repeat center 43%;
background-size:cover;
border-bottom:1px solid #e1e1e1;
clear:both;
float:left;
height:200px;
width:100%;
}

#epLang{
position: absolute;
right: 20px;
top: 5px;
}

#epLang a {
color: #165788;
outline: none;
text-decoration: none;
padding: 0 5px;
font-size: 13px;
}

#epLang a:hover{
color:#44748f;
text-decoration:underline;
}

#epNav{
float:right;
font:normal normal 400 14px/25px 'Arial', sans-serif;
padding-right:15px;
position:relative;
top:85px;
text-transform:uppercase;
}

#epNav:lang(es){
font-size: 12px;
top: 100px;
}

epNav:lang(pt) {
font-size: 13px;
}

#epNav a{
color:#165788;
display:block;
float:left;
padding:0 15px;
}


#epNav a:lang(es){
padding: 0 7px;
}

#epNav a:lang(pt){
padding: 0 8px;
}

#epNav a:lang(zhs){
padding: 0 10px;
}

#epNav a.selected{
background:#44748f;
color:#fff;
}

#epNav a.selected:hover{
	color:#fff;
}

#epNav a:hover{
color:#44748f;
text-decoration:none;
}

#dropdown {
    position: relative;
    margin: 0;
}
#dropdown:hover #epResources {
	color:#673065;
    display: block;
  }

#epResources{
display:none;
overflow: visible;
position:absolute;
top:20px;
width:250px;
z-index:10;
}

#epResources span{
background:#FEFEFE;
color:#165788;
cursor:pointer;
display:block;
padding:5px 10px;
width:200px;
}

#epResources span:hover{
background:#FEFEFE;
color:#673065;
}

#epWrapper{
    background:#fff;
    float:left;
    height: 100%;
    left:50%;
    margin-left:-608px;
    position:relative;
    width:1215px;
}

/*dp2*/

#epDataPrivacy .online,#epDataPrivacy .phone,#epDataPrivacy .output,
#epDataPrivacy2 .online,#epDataPrivacy2 .phone,#epDataPrivacy2 .output{
	display:none;	
}

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

#epDataPrivacy select,
#epDataPrivacy2 select{
background:#fcfcfc;
border:1px solid #e1e1e1;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#333;
font:normal normal 400 13px/23px 'Arial', sans-serif;
margin:7px 0 20px;
padding:13px;
width:99%;
}

#epDataPrivacy .text{
font:normal normal 600 12px/26px 'Arial', sans-serif;
}

/*phone*/

#epPhone select{
background:#fcfcfc;
border:1px solid #e1e1e1;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#333;
font:normal normal 400 13px/23px 'Arial', sans-serif;
margin:4px 0 20px;
padding:13px;
width:99%;
}

#epPhoneTable strong,
#epPhoneTable td{
font-weight:700;
}

/*Issues*/

#popUpbackgroundoverlay {
    display: none;
    background-color: #a7a6a55c;
    height: 100%;
    min-height: 900px;
    min-width: 1215px;
    position: absolute;
    width: 100%;
    z-index: 50;
}

#issueTypePopUpContainer {
    background-color: #00544d;
    color: white;
    display: none;
    flex-direction: column;
    left: 22%;
    padding: 20px; 
    position: absolute;
    top: 10%;
    max-width: 500px;
    z-index: 100;
}

#issueTypePopUpContainer button {
    background-color: #e57200;
}

#issueTypePopUpContainer button:hover {
    background-color: #b75b00;
}

body.issues {
    background: #fff;
    color: #666;
    font: 400 15px/22px 'Open Sans', sans-serif;
    margin: 0;
    text-rendering: optimizeLegibility;
}

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

#epNAVEXFooter {
direction: ltr !important;
}

body.issues #epNAVEXFooter {
border: none !important;
clear: both;
color: #333333 !important;
font-size: 13px !important;
margin: 0 auto !important;
padding: 20px 0px !important;
width: 780px !important;
}

body.issues #epNAVEXFooter th {
display: none !important;
}

body.issues #epNAVEXFooter .line1, body.issues #epNAVEXFooter .line2 {
float: none !important;
text-align: center !important;
text-transform: capitalize !important;
}

body.issues #epNAVEXFooter a {
border: none !important;
color: #333 !important;
font-size: 13px !important;
outline: none !important;
text-decoration: underline !important;
text-transform: capitalize !important;
}

body.issues #epNAVEXFooter a:hover {
color: #000 !important;
}

body.issues #epSecureText {
color: #848484;
display: block;
margin: 0 auto 39px;
text-align: center;
width: 100%;
}

body.issues #epSecureText .securetext {
font-size: 15px;
}

body.issues #epSecureText .filetext {
font-size: 19px;
font-weight: 700;
}

body.issues #epContent {
margin: 0px;
padding: 20px 0px;
}

body.issues #epColumn3 {
margin: 0px auto;
padding: 2px 0 0;
width: 780px;
}

/*Issues*/

#epIssues .details {
position: absolute;
right: 10px;
top: 10px;
}

#epIssues .catname {
color: #000;
font-size: 20px;
margin: 40px 0 20px;
}

#epIssues .catdesc {
display: none;
}

#epIssues .issue {
border: 1px solid #ccc;
border-radius: 4px;
color: #000;
margin: 10px 0;
padding: 10px;
position: relative;
}

#epIssues .issue:hover {
background: #ccc;
}

#epIssues .name {
font-size: 15px;
padding-right: 80px;
max-width:670px;
}

#epIssues .name:lang(ar),#epIssues .name:lang(fa),#epIssues .name:lang(he),#epIssues .name:lang(ku),#epIssues .name:lang(ur) {
font-size: 15px;
padding-right: 10px;
}

#epIssues .desc {
padding: 10px 25px;
}
  

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

#unsafe {
    color: red;
}

.listor{
list-style:none;
margin:1em 0;
}

.nowrap{
white-space:nowrap;
}

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