@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --blue100: #011E6A;
    --blue70: #2A6EFF;
    --blue10: #EEF7FF;
}


body {
    color: #000;
    font: normal 300 16px/22.5px "Inter", sans-serif;
    margin: 0;
}
a {
    color: #000;
    font-weight: 600;
    outline: none;
    text-decoration: none;
}
a:hover,
a:focus {color: var(--blue70);}
a.logo {
    background: url(logo.PNG) center top no-repeat;
    background-size: contain;
    top: 50%;
    display: block;
    height: 70px;
    left: 6px;
    position: absolute;
    width: 297px;
    transform: translateY(-50%);
}
h1 {
    font: normal 800 28px "Inter", sans-serif;
    letter-spacing: 1px;
    padding: 0;
    color: var(--blue100)
}
h1.report {
    font: normal 800 28px "Inter", sans-serif !important;
    letter-spacing: -2px;
    margin-top: 65px;
    padding: 0;   
    text-transform: uppercase;
    text-align: center;
}
h1.report:lang(ms){
    font: normal 800 14px "Inter", sans-serif !important;
    letter-spacing: 0px;
}
h1.report:lang(tl){
    font: normal 800 14px "Inter", sans-serif !important;
    letter-spacing: 0px;
}
h1.reportP {
    font: normal 800 28px "Inter", sans-serif !important;    /* float: right; */
    letter-spacing: -2px;
    margin-top: 65px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}
h1.reportP:lang(ms){
    font: normal 800 14px "Inter", sans-serif !important;
    letter-spacing: 0px;
}
h1.reportP:lang(tl){
    font: normal 800 14px "Inter", sans-serif !important;
    letter-spacing: 0px;
}
h2 {
    font: normal 700 24px "Inter", sans-serif;
    letter-spacing: -2px;
    padding: 0;
    text-transform: uppercase;
}
h2.online, #epColumn1R h2 {display: none !important;}
h3 {
    font: normal 700 1.17em/1.27em "Inter", sans-serif;
    margin: 1em 0;
    padding: 0;
}
h4 {
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
}
img {
    border: 0;
    display: block;
}
ol, ul {
    margin: 1em 0;
    padding: 0 0 0 1.25em;
}
p {
    margin: 1em 0;
    padding: 0;
}
#epAttention {
    clear:both;
    color: #000;
    font-size: 14px;
    text-align: center;
    position:relative;
}
#epBanner{
display:block;
min-height:500px;
position:relative;
width:1200px;
background:url(banner.jpg) center no-repeat;
background-size: cover;
}
#epBanner .fadeimages{
height:450px;
margin: 0 auto;
text-align: center;
width:1200px;
z-index:1;
}
.fadeimages div {
background-size: cover !important;
background-position: center center;
border: 1px #fff solid;
}
/******************/
#epButtons {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    min-height: 500px;
    margin: 0 50px 0 auto ;
    width: 320px;
}
#epButtons a {
    background: var(--blue10);
    color: var(--blue70);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    text-decoration: none;
    width: 320px;
    padding: 0 20px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 16px;
}

#epButtons a::after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Specific icons */
#epButtons a.report::after {
    background-image: url('icon-report.png');
}

#epButtons a.phone::after {
    background-image: url('icon-question.png');
}

#epButtons a.followup::after {
    background-image: url('icon-status.png');
}


#epButtons a:first-of-type{margin-left:0;}
#epButtons div.followup {
    background: var(--blue70);
    color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(https://secure.ethicspoint.com/domain/media/shared/PIE.htc);
    display: block;
    float: left;
    margin: 0 0 10px;
    min-height: 80px;
    outline: none;
    padding: 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 270px;
    box-shadow: 2px 2px #e5e5e5;
}
#epButtons div.followup {min-height: 208px;}
#epButtons a:hover, #epButtons a.selected {
    box-shadow: 0 0 0 2px #EEF7FF; /* subtle glow */
    vertical-align:top;
}
#epButtons a span {
    cursor: pointer;
    zoom: 1;
}
#epButtons a span.title {
    display: block;
    margin: 20px 0;
    display: block;
    font: normal normal 400 29px/36px 'Inter', sans-serif;
    text-align: left;
    /* text-transform: uppercase; */
}
#epButtons a span.title:lang(tl){font: normal normal 400 19px/36px 'Inter', sans-serif;}
#epButtons a span.title:lang(es){font: normal normal 400 20px/36px 'Inter', sans-serif;}
#epButtons a span.title:lang(frca){font: normal normal 400 20px/36px 'Inter', sans-serif;}
#epButtons a span.titleF {
    display: block;
    margin: 20px 0;
    display: block;
    font: normal normal 400 29px/36px 'Inter', sans-serif;
    text-align: left;
    /* text-transform: uppercase; */
}
#epButtons a span.titleF:lang(es){font: normal normal 400 19px/36px 'Inter', sans-serif;   }
#epButtons a span.titleF:lang(th){font: normal normal 400 20px/36px 'Inter', sans-serif;  }
#epButtons a span.titleF:lang(frca){font: normal normal 400 20px/36px 'Inter', sans-serif;  }
#epButtons div span.title {margin: 0px;}
#epButtons a span.descF {
    color:#fff;
    display: block;
    margin: 20px 0;
    display: block;
    font: normal normal 400 32px/36px 'Inter', sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin: 30px 0 0 50px;
}
#epButtons a span.desc {
    color:#fff;
    display: block;
    margin: 20px 0;
    display: block;
    font: normal normal 400 32px/36px 'Inter', sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin: 8px 0 0 65px;
}
#epButtons a.followup span.desc {padding: 20px 25px 0;}
#epButtonsIndex a:hover span.desc,
#epButtonsIndex a:focus span.desc {display: block;}
#epButtonsIndex a:hover span.title,#epButtons a:hover span.desc,
#epButtonsIndex a:focus span.title,#epButtons a:focus span.desc {display: none;}
#epButtons a:hover i,
#epButtons a:focus i{display:block;}
/*#epButtons a.phone span.desc{
padding:18px 0 0;
}*/
#epButtons a:hover span.title,
#epButtons a:focus span.title {/*display:none;*/}
#epButtons a:hover span.desc,
#epButtons a:focus span.desc {/*display:block;*/}
#epButtons div.followup ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
#epButtons div.followup input.follow {
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    color: #00447C;
    margin: 5px 0 6px;
    padding: 8px 12px;
    width: 246px;
}
#epButtons div.followup input.submit {
    background: #fff;
    border: none;
    color: #00447C;
    cursor: pointer;
    font-size: 18px;
    margin: 5px 0 0;
    padding: 8px 12px;
    width: 270px;
}
#epButtons div.followup input.submit:hover,
#epButtons div.followup input.submit:focus {
    background: #000;
    color: #ffffff;
}

a .icon {
    width: 70px;
    height: 70px;
    margin-left: 8px;
    margin-top: 9px;
    margin-right: 7px;
    vertical-align: middle;
}

/********faq**********/
#navList {
    list-style: none;
    padding: 0px;
}
#navList a{
    color: var(--blue70);
    text-decoration: underline;
}
/******************/
#epColumn1 {
    display: inline-block;
    margin: 20px 3% 70px 0;
    vertical-align: top;
    width: 60%;
}
#epColumn1H {
    display: inline-block;
    vertical-align: top;
}
#epColumn1F {
    display: inline-block;
    margin: 50px 3% 70px 0;
    vertical-align: top;
    width: 100%;
}
#epColumn2 {
    border-left: 1px #000 solid;
    display: inline-block;
    margin: 40px 3% 50px 0;
    padding-left: 3%;
    vertical-align: top;
    width: 30%;
}
#epColumn2H {
    display: block;
    margin: 30px 3% 50px 0;
    float: left;
    width: 100%;
}
#epContent {min-height: 500px;}
#epDDN {
    font-weight: bold;
    white-space: nowrap;
}
#epEmergency {margin-bottom:20px;}
#epFooter {
    background-color: var(--blue100);
    background-size: 100%;
    font-size: 12.8px;
    padding: 45px 0;
}
#epFooter th {display: none;}
#epFooter td {padding: 5px 0 0 !important;}
#epFooter .line1 {
    color: #fff;
    float: left;
}
#epFooter .line2 {
    color: #333;
    float: right;
}
#epFooter .line2 a {
    color: #fff;
    margin-left: 20px;
}
#epFooter .line2 a:hover,
#epFooter .line2 a:focus {color: #00a0dd}
#epFooter table {
    margin: 0 auto !important;
    width: 970px !important;
}
#epHeader {
    height: 105px;
    margin-top:-24.5px;
    position: relative;
    z-index:1;
}
#epLang {
    display: block;
    position:relative;
    text-align:right;
    z-index:100;
}
#epLang a {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}
#epLang a:hover,
#epLang a:focus {  color: #00a0dd}
#epNavWrapper {background-color: #011E6A;}
#epNav {
    font: normal 600 17px "Inter", sans-serif;
    padding: 0;
    text-align: left;
    vertical-align: top;
}
#epNav a {
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    position:relative;
    text-align: center;
    transition: all 0.3s ease;
}
#epNav a:first-child {
    border-left: none;
    padding: 0 15px 0 6px;
}
#epNav a:first-child:lang(he) {
    border-left: 1px solid #fff;
    padding: 0 15px 0 6px;
}
#epNav a:hover,
#epNav a:focus {color: #00a0dd;}
#epWrapper {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.hideResources span {display:none;}
.hideResources:hover span,
.hideResources:focus span {display:block;}
#epResources {
    left:4px;
    overflow:visible;
    position:absolute;
    top:40px;
    z-index:10;
}
#epResources span {
    background:var(--blue10);
    border-right:4px solid var(--blue10);
    color:var(--blue70);
    cursor:pointer;
    padding:0 20px 0 25px;
    text-align:left;
    padding:10px;
    width:251px;
    position:relative;
    z-index:10;
}
#epResources span:hover,
#epResources span:focus {
    background:var(--blue10) no-repeat 13px center;
    border-right:4px solid #011E6A;
    color:#011E6A;
}
/*Issues*/
li.country1 {
    font-weight: bold;
    margin-bottom: 60px;
    text-align: center;
    text-align: center;
    position: relative;
    left: 240px;
}
li.continueText {width: 380px;}
.button {padding-top: 5px;}
#epIssues {
    margin-bottom:20px;
    width: 100%;
}
#epIssues .catdesc {display: none;}
#epIssues .catname {font: normal 700 18px/20px "Inter", sans-serif;}
#epIssues .details {
    font: normal 400 12px/20px "Inter", sans-serif;
    position: absolute;
    right:0px;
    top: 0;
}
#epIssues .issue {
    color: #000;
    margin: 10px 0;
    position: relative;
}
#epIssues .issue:hover,
#epIssues .issue:focus {color: var(--blue70);}
#epIssues .name {font: normal 700 14px/20px "Inter", sans-serif;}
#epIssues .desc {
    font: normal 400 13px/20px "Inter", sans-serif;
    padding: 1em 0 0 0;
}
#epIssues .issuebox {padding-left:50px;}
.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}
.center{text-align:center;}
.floatLeft {
    float: left;
    margin-right: 30px;
}
.floatRight {
    float: right;
    margin-left: 30px;
}
/*Follow up page*/
form {text-align: center;}
button.cont, .submit, #epConsentContinue, #epIssuesContinue {
    color: #fff;
    background: var(--blue70);
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}
#epConsentContinue:disabled {background: #aaa;}
.followLeft {
    border: 1px solid #7F7F7F;
    box-sizing: border-box;
    height: 240px;
    padding: 20px;
    width: 450px;
}
.followRight {
    border: 1px solid #7F7F7F;
    box-sizing: border-box;
    height: 240px;
    padding: 18px;
    position: relative;
    width: 450px;
}
.followRight form fieldset {border: none;}
.followLeft form {
    position: relative;
    top: 60px;
}
.followRight input.submit {
    position: relative;
    top: 5px;
}
#epColumn1R {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.reportLeft {width: 40%;}
.reportRight {width: 40%;}
.reportRight:lang(he){left: 15%;}
/*dp2*/
#epDataPrivacy .online {display: block;}
#epDataPrivacy .phone {
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    top: 105px;
}
#epDataPrivacy ol.dropDowns {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#epDataPrivacy select {
    font: normal 400 16px/15px "Inter", sans-serif;
    margin: 0 0 1em 0;
    width: 300px;
    position: relative;
    z-index: 100;
}
#epDataPrivacy .message{
    padding: 20px 0px;
    width: 360px;
}
/*phone*/
#epPhone select {
    font: normal 400 12px/15px "Inter", sans-serif;
    margin: 0 0 1em 0;
    width: 300px;
}
.listor {
    list-style: none;
    margin: 1em 0;
}
.nowrap {white-space: nowrap;}
.output em {font-size: 0.83em;}
.output em::before {
    content: "\A";
    white-space: pre;
}
/*.other{
margin-top:-90px;
}*/
.top {
    margin-top: 0;
    padding-top: 0;
}
.fill {
    min-width: 1240px;
    width: 100%;
}
.contain {
    margin: 0 auto;
    width: 1200px;
}
.containH{
    margin: 0 auto;
    width: 1200px;
}
.fa {
    font-size: 45px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 45px;
}
.centered {text-align:center;}