*, *:before, *:after { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: "Play";
    src: url("../../assets/fonts/Play/v1/Play-Regular.ttf") format("ttf"),
    url("../../assets/fonts/Play/v1/Play-Regular.woff") format("woff"),
    url("../../assets/fonts/Play/v1/Play-Regular.woff2") format("woff2"),
    url("../../assets/fonts/Play/v1/Play-Regular.otf") format("otf"),
    url("../../assets/fonts/Play/v1/Play-Regular.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Aldrich";
    src: url("../../assets/fonts/Aldrich/v1/Aldrich.ttf") format("ttf"),
    url("../../assets/fonts/Aldrich/v1/Aldrich.woff") format("woff"),
    url("../../assets/fonts/Aldrich/v1/Aldrich.woff2") format("woff2"),
    url("../../assets/fonts/Aldrich/v1/Aldrich.otf") format("otf"),
    url("../../assets/fonts/Aldrich/v1/Aldrich.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Frutiger";
    src: url("../../assets/fonts/FrutigerLTPro/v1/FrutigerLTPro-Light.ttf") format("ttf"),
    url("../../assets/fonts/FrutigerLTPro/v1/FrutigerLTPro-Light.woff") format("woff"),
    url("../../assets/fonts/FrutigerLTPro/v1/FrutigerLTPro-Light.woff2") format("woff2"),
    url("../../assets/fonts/FrutigerLTPro/v1/FrutigerLTPro-Light.otf") format("otf"),
    url("../../assets/fonts/FrutigerLTPro/v1/FrutigerLTPro-Light.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Frutiger";
    src: url("../../assets/fonts/FrutigerLTPro/v1/frutiger-lt-std-ultra-black.ttf") format("ttf"),
    url("../../assets/fonts/FrutigerLTPro/v1/frutiger-lt-std-ultra-black.woff") format("woff"),
    url("../../assets/fonts/FrutigerLTPro/v1/frutiger-lt-std-ultra-black.woff2") format("woff2"),
    url("../../assets/fonts/FrutigerLTPro/v1/frutiger-lt-std-ultra-black.otf") format("otf"),
    url("../../assets/fonts/FrutigerLTPro/v1/frutiger-lt-std-ultra-black.eot") format("eot");
    font-weight: 900;
}

:root {
    --primary-blue: #002eb6;
    --primary-orange: #FF6400;
    --primary-green: #406214;
}

body { background: var(--primary-blue); color: white; font-family: 'Play', Arial, sans-serif; font-size: 15px; font-weight: 400; }
a { color: #EFEFEF; text-decoration: underline; }
a:hover { text-decoration: none; }

.header { padding: 0; }
.page .header { padding: 50px 0; }
.header .nav a { color: white; }
.header .buttons a { background: white; color: var(--primary-orange); }
.header .buttons li ul { top: 113%; }

.main .container { background: rgba(0,0,0,0.75); margin: 50px auto; max-width: 750px; padding: 50px; }
.main h1 { color: white; font-size: 36px; font-weight: normal; margin: 0 0 30px 0; text-align: center; text-transform: none; }
.main .content-box { background: none; border: 0; padding: 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 { color: #EFEFEF; }
#r_password a { color: white; }
.form-container input[type="text"], 
.form-container input[type="password"], 
.form-container textarea,
.form-container select { background: white!important; border: 2px solid #eee; border-radius: 0; font-family: "Play", Arial, sans-serif; font-size: 16px; padding: 8px; }
.main.form-box .content-box input[type="submit"] { background: var(--primary-orange); border: none; border-radius: 10px; color: #EFEFEF; cursor: pointer; font-family: "Play", Arial, sans-serif; font-size: 28px; margin: 0 10px; padding: 15px 50px; text-transform: uppercase; transition: background-color 0.3s; }
.main.form-box .content-box input[type="submit"]:hover { background: var(--primary-green); }
.main .table th { background: #EFEFEF!important; }
.main .table th a,
.main .table td a { color: black; }

.faq-box .panel-title > a { color: white; }
.faq-box .panel-body { margin: 0 0 30px 0; }

@media (max-width: 800px) {
    .header .banner { display: block; }
    .main .container { margin: 0 15px; width: calc(100% - 30px); }
}
@media (max-width: 480px) {
    .main .container { padding: 20px; }
}