/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}

* {
    box-sizing: border-box;
    margin: 0;
}
/* Typography */
h1, h2, h3, h4, h5 {
    margin-top: 0;
    margin-bottom: .5em;
    display: block;
    width: 100%;
}
a:visited {
    color: #0d618e;
}
p {
    margin-bottom: 1em;
}
.text.center, div.center, td.center {
    text-align: center;
}
.text.muted {
    filter: opacity(75%);
}
.text.small {
    font-size: 80%;
}
.text.large {
    font-size: 120%;
}
.text.bold {
    font-weight: bold;
}
.text.white {
    color: #FFF;
}
.text.blue {
    color: #1e3cc1;
}
.text.light-blue {
    color: #48c3ff;
}
.text.green {
    color: #2a8835;
}
.text.red {
    color: #9c1313;
}
.text.orange {
    color: #ce5f0c;
}
.text.lighter {
    font-weight: lighter;
}
.text.bold {
    font-weight: bold;
}

/* Fonts */
body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.archivo {
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Shadows */
.shadowed {
    box-shadow: rgba(0, 0, 0, 0.4) 0 5px 15px 0;
}

/* Containers */
div.maxw-container {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 1400px) 1fr;
}
div.maxw-content {
    grid-column: 2/3;
    padding-left: 1em;
    padding-right: 1em;
}
div.padded-container {
    padding: 1em;
}
div.padding-top {
    padding-top: 20px;
}
div.padding-bottom {
    padding-bottom: 20px;
}
@media (min-width: 1024px) {
    div.padding-top {
        padding-top: 30px;
    }
    div.padding-bottom {
        padding-bottom: 30px;
    }
}
div.panel {
    background-color: #EEE;
    border: 1px solid #CCC;
    padding: 8px;
    margin-bottom: 1em;
}
div.panel .image {
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
div.panel .content {
    padding: 1em;
}
div.panel.light-blue {
    border: 1px solid transparent;
    background-color: #1969af;
    color: #FFF;
}
div.panel.success {
    border: 1px solid transparent;
    background-color: #108921;
    color: #FFF;
}
div.panel.error {
    border: 1px solid transparent;
    background-color: #741818;
    color: #FFF;
}
div.panel.info {
    border: 1px solid transparent;
    background-color: #fee9b3;
    color: #644802;
}
div.panel.dark {
    background-color: #333;
    border: 1px solid #555;
    color: #FFF;
}
div.panel.white {
    background-color: #FFF;
}
div.panel.light-gray {
    background-color: #F6F6F6;
}

div.panel h3.blue {
    background-color: #0f1e60;
    color: #FFF;
    padding: 4px;
}
/* Video embed */
div.video-embed-container {
    aspect-ratio: 16/9;
}
div.video-embed-container iframe {
    width: 100%;
    height: 100%;
}

/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
}
table td {
    padding: 8px;
}
table td.title {
    font-weight: bold;
}
table.lined td {
    border-top: 1px solid #CCC;
}
table.lined tr:last-child td {
    border-bottom: 1px solid #CCC;
}

/* Text Input */
input:not([type=submit]):not([type=file]):not([type=checkbox]), textarea {
    padding: 4px;
    width: 100%;
    border: 1px solid #BBB;
    transition: box-shadow .2s ease-out;
    color: #333;
}
input:not([type=submit]):not([type=file]):not([type=checkbox]):focus, textarea:focus {
    box-shadow: 0 0 4px rgb(30, 60, 193);
    background-color: #FFF;
    outline: none;
}
/* Select */
select {
    background-color: #FFF;
    padding: 4px;
    width: 100%;
    border: 1px solid #BBB;
}

/* Links */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.blue {
    color: #1e3cc1;
}
a.light-blue {
    color: #48c3ff;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 8px 10px;
    transition: all .2s ease-out;
    text-decoration: none;
    text-align: center;
    margin-bottom: 1em;
    text-transform: uppercase;
}
.btn:focus {
    outline: none;
}
.btn:active {
    filter: brightness(75%);
    outline: none;
}
.btn:hover {
    text-decoration: none;
    filter: brightness(125%);
    cursor: pointer;
}
.btn:disabled {
    pointer-events: none;
    user-select: none;
    filter: opacity(40%);
}
.btn.rounded {
    border-radius: 3px;
}
.btn.pill {
    border-radius: 40px;
}
.btn.block {
    display: block;
    width: 100%;
}
.btn.lg {
    font-size: 24px;
    padding: 10px 20px;
}
.btn.md {
    font-size: 18px;
    padding: 5px 14px;
}
.btn.sm {
    font-size: 13px;
    padding: 4px 8px;
}
.btn.xs {
    font-size: 12px;
    padding: 2px 4px;
}
.btn.white {
    color: #333;
    background-color: #FFF;
    border: 1px solid #BBB;
}
.btn.green {
    border: 1px solid #37884a;
    background-color: #37884a;
    color: #FFF;
}
.btn.blue {
    border: 1px solid #1e3cc1;
    background-color: #1e3cc1;
    color: #FFF;
}
.btn.light-blue {
    border: 1px solid #0e638d;
    background-color: #0e638d;
    color: #FFF;
}
.btn.orange {
    border: 1px solid #f38202;
    background-color: #f38202;
    color: #FFF;
}
.btn.red{
    border: 1px solid #9c1313;
    background-color: #9c1313;
    color: #FFF;
}

#processing-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,.6);
    user-select: none;
}
#processing-overlay-container {
    width: 100%;
    height: 100vh;
    display: grid;
    align-items: center;
    justify-items: center;
}
#processing-overlay-content {
    color: #FFF;
    text-align: center;
}
#processing-overlay-content .message {
    font-size: 32px;
    text-shadow: 0 5px 10px rgba(0,0,0,.5);
}
.loading-spinner-container {
    display: none;
    text-align: center;
    padding-top: 2em;
}
i.spin {
    font-size: 72px;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media(min-width: 1024px) {
    #processing-overlay-content .message {
        font-size: 48px;
    }
}