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

@font-face {
    font-family: 'Circular';
    src: url(../../assets/fonts/Circular/v1/CircularStd-Book.eot);
    src: url(../../assets/fonts/Circular/v1/CircularStd-Book.eot?#iefix) format('embedded-opentype'),
         url(../../assets/fonts/Circular/v1/CircularStd-Book.svg#CircularStd-Book) format('svg'),
         url(../../assets/fonts/Circular/v1/CircularStd-Book.ttf) format('truetype'),
         url(../../assets/fonts/Circular/v1/CircularStd-Book.woff) format('woff'),
         url(../../assets/fonts/Circular/v1/CircularStd-Book.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Circular';
    src: url(../../assets/fonts/Circular/v1/circular-medium.eot);
    src: url(../../assets/fonts/Circular/v1/circular-medium.eot?#iefix) format('embedded-opentype'),
         url(../../assets/fonts/Circular/v1/circular-medium.svg#circular-medium) format('svg'),
         url(../../assets/fonts/Circular/v1/circular-medium.ttf) format('truetype'),
         url(../../assets/fonts/Circular/v1/circular-medium.woff) format('woff'),
         url(../../assets/fonts/Circular/v1/circular-medium.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
}

:root {
    --primary-blue: #329CD7;
    --primary-purple: #FF34FF;
    --primary-green: #009A9D;
    --primary-grey: #F0F0F0;
    --secondary-grey: #585D61;
    --tertiary-grey: #AAA9AB;
}

body { background: #00182B; color: white; font-family: 'Circular', Arial, sans-serif; font-size: 15px; font-weight: 400; }
a { color: var(--primary-green); text-decoration: none; transition: color 0.3s; }
a:hover { text-decoration: underline; }

.container { margin: 0 auto; padding: 0; width: 100%; }

.header { margin: 0 auto; max-width: 1280px; }
.header .nav a { color: white; }
.header .buttons li ul { top: 110%; }
.header .buttons a { background: black; transition: background-color 0.3s; }
.header .buttons a span:before { background: var(--primary-green); color: white; }
.header .buttons a:hover { background: var(--primary-green)!important; }
.header .banner img { max-height: 400px; }

.main { margin: 0 auto; max-width: 1280px; padding-top: 40px; }
.main h1 { color: white; margin: 0 auto 30px auto; max-width: 640px; text-align: center; }
/* .page .main h1 { max-width: 100%; } */
.page.home .main h1 { max-width: 100%; }
.page .main h1 { text-align: left; }
.main h2 { margin: 0; }
.page.inner .main.form-box .container .content-box .intro p, .main.form-box .container .content-box .intro p { color: white; font-size: 14px; text-align: left; text-transform: none; }
.page.inner .main.form-box .container { max-width: 1280px; width: 100%; }

.main .content-box { background: #013C4E; border: 1px solid rgba(255,255,255,0.4); border-radius: 5px; color: white; margin: 0 auto; max-width: 640px; padding: 30px; }
/* .page.inner .main .content-box { max-width: 100%; } */
.page.home .main .content-box { max-width: 100%; } 
.main .content-box .intro { border-bottom: 0; margin-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 { width: 100%; }
.form-container label { color: white; margin: 0; }
.form-container input[type="text"], .form-container input[type="password"], .form-container textarea { border-radius: 0; }
.main.form-box .content-box .buttons { padding-left: 0; text-align: center; }
#button_subscribe { background: white; border-radius: 30px; color: black; font-size: 18px; font-weight: bold; padding: 15px; min-width: 140px; }

.main .table,
.main .table tr { border-color: #222!important; }
.main .table td { background: black!important; color: white!important; }
.main .table th { background: var(--primary-green)!important; border-color: #222!important; }
.dt-scroll-body { overflow-x: hidden!important; }

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-right: 1.5em;
    display: inline-block;
    box-sizing: border-box;
    content: "";
    border-top: 5px solid transparent;
    border-left: 10px solid rgb(255 255 255 / 100%);
    border-bottom: 5px solid transparent;
    border-right: 0px solid transparent;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-top: 10px solid rgb(255 255 255 / 100%);
    border-left: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 5px solid transparent;
}

.form-container .form-field span.red_b { background: darkred; }
.faq-box .panel-title > a { color: white; }

.main .content-box label { text-align: left; }

@media (max-width: 1200px) {
    .header { text-align: left; }
    .header .top { padding-bottom: 0; }
    .header .logo img { max-width: 140px; }
    .header .nav .buttons li li { margin: 0; }
}
@media (max-width: 800px) {
    body { background-size: 150%; background-position: center 20%; }
    .header .banner { display: block; 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 { padding-left: 15px; padding-right: 15px; width: 100%; }
    .page.inner .main.form-box .container .content-box .intro p, .main.form-box .container .content-box .intro p { padding-left: 15px; padding-right: 15px; text-align: center; text-transform: uppercase; }
    .main .content-box label { margin: 0; padding: 10px 0; }
    .main .content-box label + a { margin: 0 0 10px 0; }
    .main h1 { font-size: 20px; line-height: 1.25; text-align: center; text-transform: uppercase; }
    .main.form-box .content-box .buttons { padding-left: 0; text-align: center; }
    .page .main h1,
    .page .main h3 { padding-left: 15px; padding-right: 15px; }
    .main .content-box { margin-left: 15px; margin-right: 15px; }
}