body {background-color: #e1e2e1; color: #454242; line-height: 1.2; font-family: 'Roboto'; font-weight: normal;}
*{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
*, *:before, *:after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
p {margin: 0 0 10px;}
a {color: #454242; text-decoration: none;}
.container {max-width: 1240px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}
img {max-width: 100%;}
label {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.header-section {background-color: #fcfffd; border-top: solid 20px #fb0300;}
.main-logo {text-align: center; padding: 15px 0;}
.header-menu {padding: 15px 0; text-align: right; background-color: #00123f;}
.btn {display:inline-block; padding:5px 15px;background:#ccc;font-family: 'ITC Avant Garde Gothic LT', sans-serif; text-transform: uppercase; cursor: pointer; border: 0;}
.btn-red {background-color: #fb0300; color: #ffffff; font-size: 20px; margin-left: 15px;}
.btn-large {padding: 10px 20px;}
.btn-red:first-child {margin-left: 0;}
.btn-red:hover, .btn-red:focus {background-color: #00b14e;}
.middle-section {padding-top: 30px; padding-bottom: 30px;}
.large-text-box {padding: 30px; font-size: 24px; text-transform: uppercase; background-color: #fcfffd; margin-bottom: 30px; border: 1px solid #a3a6a6;}
.large-text-box span {max-width: 900px; display: inline-block;}
.cancel-text {font-weight: bold; padding: 15px 0; font-size: 15px;}
.red-disclaim-text {display: flex; align-items: start; flex-wrap: nowrap; font-weight: bold; color: #fb0300; font-size: 12px;}
.small-logo {display: inline-block; margin-right: 15px; max-width: 115px;}
.red-disclaim-text span {display: inline-block; max-width: 700px;}
.form-title {margin: 0; text-transform: uppercase; font-weight: bold; color: #fb0300; font-size: 26px; margin-bottom: 10px;}
.form-inner-section {padding-bottom: 15px;}
.form-subtitle {color: #fb0300; font-size: 20px; font-weight: bold;}
.field-row { margin-top: 15px; display: flex; align-items: flex-start; flex-wrap: wrap;}
.field-row label,.form_field label {font-size: 20px; width: 100%; margin-bottom: 5px;}
.label-sub {display: block; font-size: 12px; color: #fb0300;}
.form-input,.form-textarea,.form_field .text,.form_field .password,.form_field .phone,.form_field .email {border: 1px solid #a3a6a6; padding: 10px 15px; width: 100%;}
.form-textarea {min-height: 180px;}
.field-inner-row {
    max-width: 485px;
    width: 100%;
}
.no-flex {display: block;}
.col-three {column-count: 3; column-gap: 5px;}
.col-two {column-count: 2; column-gap: 5px;}
.form-select-contain {
    border: 1px solid #a3a6a6;
    background: #ffffff;
    position: relative;
    width: 100%;
}
.form-select-contain:before {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px;
    height: 10px;
    border-right: 3px solid #575554;
    border-bottom: 3px solid #575554;
    display: block;
    z-index: 99;
    box-sizing: border-box;
    transform: rotate(45deg);
    pointer-events: none;
}
.form-select-contain:after {
    content: "";
    position: absolute;
    right: 32px;
    width: 1px;
    top: 5px;
    bottom: 5px;
    background: #a3a6a6;
}
.form-select,.form_field .select {
    border: 0;
    padding: 10px 15px;
    width: 100%;
    appearance: none;
    background: transparent;
}
.signup-text {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.accept-text {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.accept-check {font-size: 12px; font-weight: bold; margin-bottom: 20px;}
.accept-check a {text-decoration: underline;}
.custom-check label {
    position: relative;
    display: block;
    max-width: inherit !important;
    margin-bottom: 10px;
}
.custom-check .check-radio {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: -1;
}
.custom-check .check-radio + span {
    display: inline-block;
    position: relative;
    padding-left: 40px;
}
.accept-check span {
    line-height: 1.4;
}
.custom-check .check-radio + span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #a3a6a6;
    background: #ffffff;
}
.custom-check .check-radio + span:after {
    content: "";
    position: absolute;
    left: 12px;
    top: -7px;
    width: 13px;
    height: 25px;
    border-right: 4px solid #454242;
    border-bottom: 4px solid #454242;
    border-radius: 3px;
    transform: rotate(45deg);
    opacity: 0;
}
.custom-check .check-radio:checked + span:after {
    opacity: 1;
}
.btn-contain,.form_field.submit {display:block;text-align:center}
.photo-text {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
}
.photo-text strong {
    color: #fb0300;
}

.custom-file-upload .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.custom-file-upload .inputfile + label {
    max-width: 100%;
    font-size: 20px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-transform: uppercase;
}

.no-js .inputfile + label {
    display: none;
}

.custom-file-upload .inputfile:focus + label,
.custom-file-upload .inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.custom-file-upload .inputfile + label span,
.custom-file-upload .inputfile + label strong {
    padding: 5px 15px;
    background-color: #fb0300;
    color: #ffffff;
    margin-right: 10px;
}

.custom-file-upload .inputfile + label span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.custom-file-upload .inputfile + label strong {
    height: 100%;
    display: inline-block;
}

.custom-file-upload .inputfile:focus + label strong,
.custom-file-upload .inputfile.has-focus + label strong,
.custom-file-upload .inputfile + label:hover strong {
    background-color: #00b14e;
}
.form-title .btn {
    background: transparent;
    color: #fb0300;
    padding: 0;
    font-family: 'Roboto';
    font-weight: bold;
}
.payment-form {
    max-width: 600px;
    margin: auto;
}
.payment-form .form-subtitle {
    color: inherit;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.payment-form .field-row,.payment-form .form_field {margin-top: 20px;}
.payment-form .label-sub {display: inline-block;}
.billed-text {
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
}
.billed-text img {
    max-width: 200px;
}
.payment-form .btn-contain {text-align: left;}
.payment-form .accept-check {text-align: justify;}
.navigation-column {
    display: flex;
    flex-wrap: wrap;
}
.two-col {width: 100%; padding-bottom: 25px;}
.navigation-column ul {margin: 0; padding: 0;}
.navigation-column ul li {margin-bottom: 10px; font-size: 20px; font-weight: bold; list-style: none;}
.navigation-column ul li a {text-decoration: underline;}
.signout-link {font-size: 32px; margin-top: 20px; font-weight: bold;}
.signout-link a {color: #fb0300;}
.subscribe-text {color: #fb0300; font-weight: bold; margin-bottom: 30px; font-size: 20px;}
.subscribe-text a {color: #fb0300; text-decoration: underline;}
.address-logo {
    max-width: 250px;
}
.address-col {padding-top: 10px;}
.address-col p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}
.copy-logo {
    display: inline-block;
    margin-left: 5px;
}
.profile-contain {
    padding: 20px 10px;
}
.profile-row {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    max-width: 600px;
}
.profile-col {
    width: 50%;
}
.profile-info {
    padding: 10px;
    max-width: 900px;
}
.profile-info p {
    font-size: 16px;
    font-weight: bold;
}
.mail-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #fb0300;
    color: #fff;
    border-radius:50%;
    font-size: 12px;
    font-weight: bold;
    width:21px;height:21px;overflow:hidden;
    text-align: center;
    line-height:22px;
    box-shadow: 0 0 0 2px #00123a;
}
.mail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 44px;
    height: 44px;
    padding: 0;
    margin-left: 15px;
    background: #28a745;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 22px;
}
.mail-btn .fa-envelope {font-size: 1.4em;color: #fff}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.fa {display: inline-block;font: normal normal normal 14px / 1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.fa-envelope:before {content: "\f0e0";}
.btn {/*margin-left: .25rem;*/}
.pager{display: flex;justify-content: center;margin:20px 0}
.pager a,.pager span.active_page{
  display: block;
  padding: 8px 10px;
  margin: 1px 3px;
  color: #717171;
  background-color: #f5f5f5;
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
  font-size: smaller;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
}
.pager a:hover{
  border-color: #fff;
  background-color: #fdfdfd;
  background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
}
.pager span.active_page{
  color: #f2f2f2;
  background-color: #676767;
  border-color: #505050;
  background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
  box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
}

.large-text-box1 a {text-decoration:underline}

.errors .error,.errors .good,.errors .warn {margin:0 0 8px;padding:5px 8px;color:#fff;line-height:1.5;border-radius:4px}
.errors .error {background:#a00;border:1px solid #ff5d5d}
.errors .good {background:#0f940f;border:1px solid #4dde4d}
.errors .warn {background:#32326f;border:1px solid #7b7bee}

.acceptance_marks {text-align:center}
.acceptance_marks img {margin:0 50px;max-height:75px}

footer {background:#00123f;padding:40px;text-align:center;color:#fff}
footer a {color:#aaa;display:inline-block;margin:0 6px 20px}

#photo_previews {display:inline-flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}
#photo_previews .thumbnail {flex:1;padding:5px;text-align:center}
#photo_previews .thumbnail img {max-width:200px}
.divider {margin:0 0 60px;padding:60px 0 0;border-bottom:1px solid #888}

.modal {z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none}
.modal-backdrop {z-index:9998}
.modal-dialog {margin:30px auto;max-width:600px;position:relative;top:50%;transform:translateY(-50%)}
.modal-content {border-radius:8px;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);background:#fff;position:relative}
.modal-header {border-radius:8px 8px 0 0;padding:1rem;border-bottom:1px solid #dee2e6;background:#f8f9fa}
.modal-body {padding:1rem}
.modal-footer {border-radius:0 0 8px 8px;padding:1rem;border-top:1px solid #dee2e6;background:#f8f9fa}
.modal-body {background:#fff;padding:0}
.modal-content {border:none;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.2);overflow:hidden}
.modal-header {background:linear-gradient(135deg,#007bff,#0056b3);color:#ffffff;border-bottom:none;padding:20px}
.modal-header .modal-title {font-weight:600;font-size:1.1em}
.modal-header .close {margin-right:20px;padding:0;height:40px;width:40px;line-height:40px;color:#00123f;opacity:0.8;
  text-shadow:none;font-size:1.5em;background:#fff;border-radius:30px;text-align:center}
.modal-header .close:hover {opacity:1}
.modal-header img {height:82px}
.modal-header {display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid #dee2e6;
  border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);background:#00123f}
.modal-dialog {margin:0 auto}
.modal-content {position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;
  background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0;box-shadow:0 0.25rem 0.5rem rgba(0,0,0,.5)}
.modal-title {padding:0 24px;line-height:1.5;font-size:1.25rem;font-weight:500}
.modal-body {position:relative;flex:1 1 auto;padding:0}
.modal-body p {margin:20px}
.modal-footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;
  border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px);background:#f8f9fa}
.close {float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;padding:0;
  background-color:transparent;border:0}
.close:hover {color:#000;text-decoration:none;opacity:.75}

#cookie .modal-body {padding:20px;color: #000;}
#cookie {position:fixed;bottom:0;left:0;padding:0 40px 20px;background:#fffe;max-width:500px;box-shadow:0 0 5px 1px #888}
#cookie {background:none;box-shadow:none;top:auto;height:auto}

body {background:#00123f}
main {background:#e1e2e1}

.full_width_label label {max-width:100%}

.mail-btn {display:inline-block;text-align:center;line-height:44px}
.search_33 {width:33%}
.search_50 {width:50%}
.search_75 {width:75%}
.search_80 {width:80%}
.break_it_up p {word-break:break-word}

.form-select-contain select.form-select {-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:''}

@media screen and (max-width:576px) {
 .freeze_box {overflow:hidden;height:100vh}
 .modal-dialog {margin:.5rem}
 .btn-red {margin:0 20px 20px 0}
 .modal_button {margin:0 0 0 20px}
 #chat_box .modal-dialog {top:auto;transform:none}
 #chat_box .modal {position:fixed;overflow-y:scroll}
 .centered_buttons .btn-red {margin:0 10px 20px}
 .header-menu .btn-red:first-child {margin-left:10px}
 .header-menu .btn-red {margin:10px}
 .header-menu .mail-btn {margin:5px 10px}
 .custom-file-upload .inputfile + label {text-align:center;margin:0 0 20px;font-size:20px;font-family:'ITC Avant Garde Gothic LT',sans-serif}
 .search_33,.search_50,.search_75,.search_80 {width:100%}
 .search_33_last {margin:20px 0}
}

@media screen and (min-width:768px){
    .large-text-box {padding: 30px 50px; font-size: 76px;}
    .middle-section {padding-top: 50px; padding-bottom: 50px;}
    .cancel-text {font-size: 32px;}
    .red-disclaim-text {font-size: 28px; flex-wrap: wrap;}
    .small-logo {min-width: 230px; max-width: 230px;}
    .form-title {font-size: 52px;}
    .form-inner-section {padding-bottom: 0px !important;}
    .form-subtitle {font-size: 32px; margin-left: 5px;}
    .field-row {margin-left: 10px;}
    .field-row label,.form_field label {font-size: 30px; max-width: 300px; line-height: 1;}
 .full_width_label label {max-width:100%}
    .field-row .form-title,.form_field .form-title {max-width: 400px; width: 100%; margin-top: -18px;}
    .label-sub {font-size: 18px;}
    .form-input,.form_field .text,.form_field .password,.form_field .phone,.form_field .email {max-width: 485px;}
    .form-textarea {min-height: 250px;}
    .signup-text {font-size: 22px; padding-top: 10px;}
    .accept-text {font-size: 20px; padding-top: 5px;}
    .accept-check {font-size: 18px; padding-top: 10px;}
    .payment-form .form-input,.form_field.payment-form .text,.form_field.payment-form .password,.form_field.payment-form .phone {max-width: 100%;}
    .payment-form .field-row label,.payment-form .form_field label {margin-bottom: 10px;}
    .payment-form .btn-contain .btn {font-size: 32px;}
    .two-col {width: 50%; padding-right: 20px;}
    .navigation-column ul li {font-size: 30px;}
    .signout-link {font-size: 52px;}
    .subscribe-text {font-size: 30px;}
    .address-logo {max-width: 400px;}
    .address-col p {font-size: 30px;}
    .profile-row {font-size: 30px;}
    .profile-info p {font-size: 25px; margin-bottom: 30px; padding-top: 15px;}
}
@media screen and (max-width:767px){
    .container {padding-left: 15px; padding-right: 15px;}
    .header-menu {padding: 10px 0;}
    /*.header-menu .btn-red {font-size: 10px;}*/
    .copy-logo {max-width: 140px;}
}