* { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: 'FujitsuSans';
    src: url('../../assets/fonts/FujitsuSans/v1/fujitsusans-regular.eot');
    src: url('../../assets/fonts/FujitsuSans/v1/fujitsusans-regular.eot') format('embedded-opentype'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-regular.woff2') format('woff2'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-regular.woff') format('woff'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-regular.ttf') format('truetype'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-regular.svg#FujitsuSans') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: 'FujitsuSans';
    src: url('../../assets/fonts/FujitsuSans/v1/fujitsusans-bold.eot');
    src: url('../../assets/fonts/FujitsuSans/v1/fujitsusans-bold.eot') format('embedded-opentype'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-bold.woff2') format('woff2'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-bold.woff') format('woff'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-bold.ttf') format('truetype'), url('../../assets/fonts/FujitsuSans/v1/fujitsusans-bold.svg#FujitsuSans') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../../assets/fonts/NotoSans/NotoSans.woff2');
    src: url('../../assets/fonts/NotoSans/NotoSans.woff') format('woff'),
        url('../../assets/fonts/NotoSans/NotoSans-Regular.ttf')  format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../../assets/fonts/NotoSans/NotoSans-Bold.woff2');
    src: url('../../assets/fonts/NotoSans/NotoSans-Bold.woff') format('woff'),
        url('../../assets/fonts/NotoSans/NotoSans-Bold.ttf')  format('truetype');
    font-weight: bold;
}

:root {
    --primary-blue: #157EA3;
    --primary-red: #d81920;
    --primary-green: #009B71;
}

body{
    background: #fff;
}
a { color: var(--primary-green); text-decoration: none; }
a:hover { color: var(--primary-green); text-decoration: underline; }
.main h1{
    font-weight: 100;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}
.main .content-box{
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 16px rgba(153,167,173,0.33);
    padding: 15px;
}
.main .content-box .intro{
    border-bottom: 0; font-weight: bold; margin: 0;
}
.form-container input[type="text"], .form-container input[type="password"], .form-container textarea, .form-container select{
    background: #ebebeb;
    border: 0;
    border-radius: 0;
}
.main.form-box .content-box .buttons{
    text-align: center;
}
#captcha_img {
    text-align: center;
}
#r_img_captcha + div .label-field { color: #888; font-size: 13px; }
.header { padding-top: 25px; }
.header .buttons li ul {
    top: 110%;
}
.header .buttons li ul:before {
    border-bottom: 8px solid #bbb;
}
.header .top{
    padding-bottom: 0;
}
.main .content-box .label-field, .field-row .table-cell.coll1_field_sub_group_btm,
.main .content-box .input-field, .field-row .table-cell { float: none; width: 100%; }
.main .content-box label { margin: 0; }
.page.inner .main.form-box .container .content-box .intro p, .main.form-box .container .content-box .intro p { text-transform: initial; }
.form-container input[type="submit"]{
    text-transform: capitalize;
    background-color:var(--primary-red);
    border-radius: 0;
    font-weight: bold;
    padding: 10px 40px !important;
    text-transform: uppercase;
}
.form-container input[type="submit"]:hover{
    background-color: var(--primary-blue);
}

.header .nav .buttons a{
    background-color:#ebebeb;
    color:#707070;
}
.header .nav .buttons a:hover{
    background-color:#d6d4d4 !important;
}
.header .nav .buttons a span:before{
    background-color:var(--primary-green);
}
.icon-history:before,
.icon-faq:before,
.icon-details:before{ color: #fff;}
#r_country_promotion div.input-field,
.main .content-box .label-field.text-right, .main .content-box .label-field .text-right { text-align: left!important; }

.main .table th{ background-color:var(--primary-green); }
@media (max-width: 1200px) {
    .header { padding-top: 0; }
    .header .nav .buttons li { margin-bottom: 0; }
}
@media (max-width: 800px) {
    .header .banner { display: block; }
}