@charset "utf-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}address,cite,q,var{font-style:italic}html{scroll-behavior:smooth;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{line-height:1}a{text-decoration-skip-ink:auto}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}q{display:inline}q:after,q:before{content:'"';font-style:normal}input[type=button],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=text],textarea{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:2px}big{font-size:120%}small,sub,sup{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,s,strike{text-decoration:line-through}dt{font-weight:700}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-tap-highlight-color:transparent}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important}

@-webkit-keyframes fadeOut {
    0%{right:0}
    100%{right:100%}
}
@keyframes fadeOut {
    0%{right:0}
    100%{right:100%}
}
html,body {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
body {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}
#body {
    background: #fff;
}
#body.playing {
    background: #002c58;
}
#introVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #002c58;
}
#introVideo.ended {
    animation: fadeOut .5s;
    right: 100%;
}
#copyright {
    opacity: .25;
    filter: blur(0.00005em);
    color: #424b5a;
    font-size: 10px;
    position: absolute;
    bottom: Calc(4px - 1em);
    right: 4px;
    white-space: nowrap;
    transform-origin: top right;
    transform: rotate(90deg);
    z-index: 9;
    font-family: sans-serif;
}
section {
    padding: 8%;
    background: #fff;
    color: #424b5a;
    font-size: 1.125rem;
    font-family: "AkkuratPro-light", Arial, Helvetica, sans-serif;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
    letter-spacing: normal;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.remove {
    -webkit-transition: all .5s;
    transition: all .5s;
    right: 100%;
    left: -100%;
}
h2 {
    text-wrap: balance;
    margin-top: 0;
    margin-bottom: 1.6875rem;
    font-size: 2.125rem;
    letter-spacing: -0.03125rem;
    font-family: "AkkuratPro-bold", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #002c58;
    line-height: 2.125rem;
}
h3 {
    font-size: 1.375rem;
    line-height: 1.75rem;
    letter-spacing: -0.0325rem;
    margin-bottom: 1.25rem;
    font-family: "AkkuratPro-bold", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #002c58;
}
p {
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
}
strong {
    font-weight: 700;
    color: #00afd2;
}
button, input[type=submit], a#geolocationButton, a.button {
    min-width: 11.875rem;
    color: #ffffff;
    border: none;
    border-radius: 0;
    border-bottom-right-radius: 1.25rem;
    font-family: "AkkuratPro-bold", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    white-space: normal;
    background-color: #00afd2;
    border-bottom-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 1.25rem;
    font-size: 0.875rem;
    padding: 1.125rem 4.375rem;
    margin: 1.6875rem 0 1.6875rem auto;
}
a#geolocationButton, a.button {
    display: inline-block;
    text-decoration: none;
    padding: 1.125rem 1.75rem;
    text-align: center;
    line-height: 1.25em;
}
#welcome {
    z-index: 8;
}
#formList {
    z-index: 7;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#formList.up {
    bottom: 100%;
    top: -100%;
}
.formsList li {
    background-color: #00afd2;
    color: #fff;
    border-bottom-right-radius: 1.875rem;
    display: block;
    padding: 0;
    margin: 0 0 2%;
}
.formsList li:hover {
    background-color: #002c58;
}
.formsList li a {
    display: block;
    padding: 3% 4%;
    text-decoration: none;
    color: inherit;
}
.formsList li:hover a {
    text-decoration: underline;
}
.formsList li span {
    display: inline-block;
}
.form {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: -100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.form.up {
    top: 0;
    bottom: 0;
    overflow: auto;
}
table.formHeader {
    border-top: 2px solid #424b5a;
    border-left: 2px solid #424b5a;
    font-size: 1.125rem;
    font-family: "AkkuratPro-light", Arial, Helvetica, sans-serif;
    color: #424b5a;
    text-align: center;
}
table.formHeader td {
    border-right: 2px solid #424b5a;
    border-bottom: 2px solid #424b5a;
    padding: 4px 8px;
    line-height: 1.25em;
    text-align: center;
    vertical-align: middle;
}
table.formHeader img {
    max-width: 100%;
    height: auto;
}
form {
    border-top: 3px solid #03bee4;
    background: #f4f6f7;
    margin: 8% 0 0;
    padding: 4% 4% 8%;
    width: 100%;
}
form, input, label, textarea, select {
    font-size: 1.125rem;
    font-family: "AkkuratPro-light", Arial, Helvetica, sans-serif;
    color: #424b5a;
}
input, textarea, select {
    border: 1px solid #c2d1d9;
    border-radius: 0.0625rem;
    font-size: 1rem;
    font-weight: 300;
    padding: .75rem .5rem;
    height: auto;
    line-height: inherit;
    color: #002c58;
}
.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.flex-row label {
    white-space: nowrap;
    font-size: .75rem;
    width: 100px;
}
.flex-row > :last-child {
    margin-left: 4%;
    width: Calc(96% - 100px);
}
.row {
    display: block;
    margin: 4% 0 0;
}
.row > * {
    width: 100%;
}
.row label {
    display: block;
    font-size: .8rem;
}
.row::after {
    content: "";
    display: table;
    clear: both;
}
.one_half {
    float: left;
    width: 46%;
}
.one_half+.one_half {
    margin-left: 8%;
}
.one_half label {
    color: #002c58;
}
input[type=checkbox] {
    border: 1px solid #c2d1d9;
    background: #fff;
    appearance: none;
    border-radius: 0.0625rem;
    font-size: 1.125rem;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 300;
    padding: 0;
    line-height: inherit;
    color: #002c58;
    vertical-align: bottom;
    -webkit-transition: all .5s;
    transition: all .5s;
}
input[type=checkbox]:checked {
    background: rgb(3,190,228);
    background: radial-gradient(circle, rgba(3,190,228,1) 0%, rgba(3,190,228,1) 64%, rgba(255,255,255,1) 64%);
}
.separador {
    display: block;
    width: 108.695652%;
    margin: 8% -4.347826% 0;
    background: #fff;
    height: 0;
    padding-top: 8%;
    border-bottom: 3px solid #03bee4;
}

@media screen and (min-width: 768px) {
    #introVideo {
        object-fit: contain;
    }
}