@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans+Condensed:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root{
--fr-color-site : 0 149 212;
--fr-color-site-dark : 0 105 149;
--fr-color-site-acc : 252 189 0;
--fr-color-site-acc-dark : 152 114 0;
--fr-color-site-dark : 0 61 124;
--fr-color-font : 0 0 0;

            --fr-font1: Montserrat;
            --fr-font2: Open Sans Condensed;
    
}
body{
font-family:var(--fr-font1), sans-serif;
color:rgb(var(--fr-color-font));
background-color: #ffffff;
}
.bg-site-dark{
backgraound-color:rgb(var(--fr-color-site-dark));
}
            .font1 {
        font-family:var(--fr-font1), sans-serif;
        }
            .font2 {
        font-family:var(--fr-font2), sans-serif;
        }
    .font1{
font-family:var(--fr-font1), sans-serif;
}
.font2{
font-family:var(--fr-font2), sans-serif;
}
.opacity-5{
--fr-opacity: 5% !important;
}
.opacity-10{
    --fr-opacity: 10% !important;
}
.opacity-20{
    --fr-opacity: 20% !important;
}
.opacity-30{
    --fr-opacity: 30% !important;
}
.opacity-40{
    --fr-opacity: 40% !important;
}
.opacity-50{
    --fr-opacity: 50% !important;
}
.opacity-60{
    --fr-opacity: 60% !important;
}
.opacity-70{
    --fr-opacity: 70% !important;
}
.opacity-80{
    --fr-opacity: 80% !important;
}
.opacity-90{
    --fr-opacity: 90% !important;
}
.opacity-100{
    --fr-opacity: 100% !important;
}
.bg-site{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-dark{
background-color:rgb(var(--fr-color-site-dark)) !important;
}

.bg-site-5{
background-color:rgb(var(--fr-color-site) /5%) !important;
}
.bg-site-10{
background-color:rgb(var(--fr-color-site) /10%) !important;
}
.bg-site-20{
background-color:rgb(var(--fr-color-site) /20%) !important;
}
.bg-site-30{
background-color:rgb(var(--fr-color-site) /30%) !important;
}
.bg-site-40{
background-color:rgb(var(--fr-color-site) /40%) !important;
}
.bg-site-50{
background-color:rgb(var(--fr-color-site) /50%) !important;
}
.bg-site-60{
background-color:rgb(var(--fr-color-site) /60%) !important;
}
.bg-site-70{
background-color:rgb(var(--fr-color-site) /70%) !important;
}
.bg-site-80{
background-color:rgb(var(--fr-color-site) /80%) !important;
}
.bg-site-90{
background-color:rgb(var(--fr-color-site) /90%) !important;
}
.bg-site-dark-10{
background-color:rgb(var(--fr-color-site-dark) /10%) !important;
}
.bg-site-dark-20{
background-color:rgb(var(--fr-color-site-dark) /20%) !important;
}
.bg-site-dark-30{
background-color:rgb(var(--fr-color-site-dark) /30%) !important;
}
.bg-site-dark-40{
background-color:rgb(var(--fr-color-site-dark) /40%) !important;
}
.bg-site-dark-50{
background-color:rgb(var(--fr-color-site-dark) /50%) !important;
}
.bg-site-dark-60{
background-color:rgb(var(--fr-color-site-dark) /60%) !important;
}
.bg-site-dark-80{
background-color:rgb(var(--fr-color-site-dark) /80%) !important;
}
.bg-site-acc {
background-color: rgb(var(--fr-color-site-acc)) !important;
}
.bg-site-acc-10{
background-color: rgb(var(--fr-color-site-acc) /10%) !important;
}
.bg-site-acc-20{
background-color: rgb(var(--fr-color-site-acc) /20%) !important;
}
.bg-site-acc-30{
background-color: rgb(var(--fr-color-site-acc) /30%) !important;
}
.bg-site-acc-40{
background-color: rgb(var(--fr-color-site-acc) /40%) !important;
}
.bg-site-acc-50{
background-color: rgb(var(--fr-color-site-acc) /50%) !important;
}
.bg-site-acc-60{
background-color: rgb(var(--fr-color-site-acc) /60%) !important;
}
.bg-site-acc-70{
background-color: rgb(var(--fr-color-site-acc) /70%) !important;
}
.bg-site-acc-80{
background-color: rgb(var(--fr-color-site-acc) /80%) !important;
}
.bg-site-acc-90{
background-color: rgb(var(--fr-color-site-acc) /90%) !important;
}
.bg-site-acc-light {
background-color: rgb(var(--fr-color-site-acc-light));
}
.bg-site-light {
background-color: rgb(var(--fr-color-site-light));
}
.border-site {
border-color: rgb(var(--fr-color-site)) !important;
}
.border-acc{
border-color: rgb(var(--fr-color-site-acc)) !important;
}
.text-site{
color: rgb(var(--fr-color-site));
}
.text-site-light{
color: rgb(var(--fr-color-site) /50%);
}
.text-site-75{
color: rgb(var(--fr-color-site) /75%);
}
.text-site-dark{
color: rgb(var(--fr-color-site-dark));
}
.text-site-dark-50{
color: rgb(var(--fr-color-site-dark) /50%);
}
.text-site-acc {
color: rgb(var(--fr-color-site-acc));
}
.text-site-acc-light {
color: rgb(var(--fr-color-site-acc-light));
}
.bg-gradient-dark{
background-image:linear-gradient(180deg, rgb(var(--fr-color-site-dark)/100%), rgb(var(--fr-color-site-dark)/0%))
}
.bg-gradient-white{
background-image:linear-gradient(180deg, rgb(255 255 255 /40%),  rgb(255 255 255/0%))
}
.bg-gradient-white-120{
background-image:linear-gradient(120deg, rgb(255 255 255 /40%),  rgb(255 255 255/0%))
}
.btn-site-acc {
--bs-btn-color: #fff;
--bs-btn-bg: rgb(var(--fr-color-site-acc));
--bs-btn-border-color: rgb(var(--fr-color-site-acc-dark));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site-acc-dark));
--bs-btn-hover-border-color: rgb(var(--fr-color-site-acc-dark));
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site-acc-dark));
--bs-btn-active-border-color: rgb(var(--fr-color-site-acc-dark));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-acc-dark));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-acc-dark));
}
.btn-site {
--bs-btn-color: #fff;
--bs-btn-bg: rgb(var(--fr-color-site));
--bs-btn-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site-dark));
--bs-btn-hover-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site-dark));
--bs-btn-active-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-dark));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-dark));
}
.btn-site-light {
--bs-btn-color: #fff;
--bs-btn-bg: rgb(var(--fr-color-site-light));
--bs-btn-border-color: rgb(var(--fr-color-site));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site-dark));
--bs-btn-hover-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site-dark));
--bs-btn-active-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-dark));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-dark));
}
.lh-normal{
line-height:normal !important;
}
.vertical-center {
min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
min-height: 100vh; /* These two lines are counted as one :-)       */

display: flex;
align-items: center;
}
.spooler{
display:none;
}
.preview{
display:none;
z-index:10000 !important;
}
.ft-12 {
font-size: 12px;
}
.ft-14 {
font-size: 14px;
}
.ft-16 {
font-size: 16px;
}
.ft-18 {
font-size: 18px;
}
.ft-19 {
font-size: 19px;
}
.ft-24 {
font-size: 24px;
}
.ft-28 {
font-size: 28px;
}
.ft-32 {
font-size: 32px;
}
.ft-36 {
font-size: 36px;
}
.ft-40 {
font-size: 40px;
}
.ft-48 {
font-size: 48px;
}
.ft-52 {
font-size: 52px;
}

.ft-72 {
font-size: 72px;
}
@media (max-width: 768px){
.ft-sm-12{
font-size: 12px !important;
}
.ft-sm-14{
font-size: 14px !important;
}
.ft-sm-16{
font-size: 16px !important;
}
.ft-sm-18{
font-size: 18px !important;
}
.ft-sm-20{
font-size: 20px !important;
}
.ft-sm-24{
font-size: 24px !important;
}
.ft-sm-28{
font-size: 28px !important;
}
.ft-sm-32{
font-size: 32px !important;
}
.ft-sm-36{
font-size: 36px !important;
}
.ft-sm-48{
font-size: 48px !important;
}
.ft-sm-52{
font-size: 52px !important;
}
.ft-sm-58{
font-size: 58px !important;
}
}
.fw-900{
font-weight: 900;
}
.ls-65{
letter-spacing: -.65px;
}
.ls-1{
letter-spacing: 0.1px;
}
.lh-100{
line-height:100%;
}
img {
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;

/* Safari seems to support, but seems deprecated and does the same thing as the others. */
image-rendering: -webkit-optimize-contrast;
}
.form-select option:first-child{color:grey; display: none;}
.form-select option {color:black;}

.placeholder {
color: rgb(var(--fr-color-site)) !important;
font-size:14px;
opacity: 1; /* Firefox */
}
::placeholder {
color: rgb(var(--fr-color-site)) !important;
font-size:14px;
opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
color: rgb(var(--fr-color-site)) !important;
font-size:14px;
}
h1, h2, h3 {
letter-spacing:-0.1rem;
}
header {
/*padding-top: 120px;*/
min-height:690px;
}
header .title {
width:100%;
}
nav, nav .collapse {
height: 70px;
}
.bg-hiro {
position: absolute;
width: 100%;
height:100%;
top: 0px;
z-index: -1;
opacity: .35;
}
.logo {
width: 150px;
}
.gradient-white {
width: 100%;
height: 43%;
position: absolute;
bottom: 0px;
background-image: linear-gradient(180deg, transparent, rgb(255 255 255));
}
.gradient-yellow{
width: 100%;
height: 43%;
position: absolute;
top: 0px;
background-image: linear-gradient(0deg, transparent, rgb(var(--fr-color-site-acc)));
mix-blend-mode: multiply;
}
.header-carousel-img{
height:119px;
}
.circle {
width: 48px;
height: 48px;
border: solid 3px rgb(var(--fr-color-site));
padding-top: 4px;
box-shadow: 0px 4px 7px rgb(0 0 0 / 40%);
}
.check {
display: inline-block;
transform: rotate(45deg);
height: 25px;
width: 19px;
border-bottom: 6px solid rgb(var(--fr-color-site));
border-right: 6px solid rgb(var(--fr-color-site));
}
.carousel-control-next, .carousel-control-prev {
width: auto;
}
#ggavis{
position:absolute;
top:2rem;
right:2rem;
width: fit-content;
}
@media (min-width:1024px){
.border-lg-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
}
@media (max-width:440px){
header {
padding-top: 2rem;
}
header .title {
width:100%;
}
}
@media (max-width: 767px) {
.carousel-inner .carousel-item > div {
display: none;
}
.carousel-inner .carousel-item > div:first-child {
display: block;
min-height: 80px;
width: 100%;
}
#ggavis {
position: relative;
margin-bottom: 1rem;
top: 4px;
left: 1rem;
}
#ggavis>img{
width:40px;
}
}
.modal-backdrop {
--bs-backdrop-bg: rgb(var(--fr-color-site)) !important;
--bs-backdrop-opacity: 0.6;
background-color: rgb(var(--fr-color-site));
}
.form-control, .form-select {
background-color: #f7f7f7;
border: var(--bs-border-width) solid rgb(var(--fr-color-site) / 50%);
}
.form-check-input:checked {
background-color: rgb(var(--fr-color-site)) !important;
border-color: rgb(var(--fr-color-site)) !important;
}
.form-check-input {
border-color: rgb(var(--fr-color-site) /40%) !important;
}
input[type="date" i] {
padding-inline-start: 1px;
cursor: default;
padding: .375rem .75rem;
/*color:rgb(var(--fr-color-site)) !important;*/
font-size:14px;
}
label{
color:rgb(var(--fr-color-site)) !important;
}
.carousel-indicators [data-bs-target] {
background-color: rgb(var(--fr-color-site-acc));
}
.carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
}
.accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}