@import url('https://fonts.googleapis.com/css2?family=Inter: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: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 61 124;
--fr-color-site-dark : 0 43 87;
--fr-color-site-acc : 251 176 59;
--fr-color-site-acc-dark : 151 106 36;
--fr-color-font : 0 0 0;

--fr-font1: Inter;
--fr-font2: Open Sans;
--fr-font3: Open Sans Condensed;

}
body{
font-family:var(--fr-font1), sans-serif;
color:rgb(var(--fr-color-font));
background-color: #ffffff;
}
.font1 {
    font-family:var(--fr-font1), sans-serif;
}
.font2 {
    font-family:var(--fr-font2), sans-serif;
}
.font3 {
    font-family:var(--fr-font3), 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;
}
}
.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;
}
::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;
}
header .title {
width:75%;
}
nav, nav .collapse {
height: 70px;
}
.bg-hiro {
position: absolute;
width: 100%;
height:100%;
top: 0px;
z-index: -1;
opacity: .3;
}
.logo {
width: 30%;
text-align: end;
}
.gradient-white {
width: 100%;
height: 43%;
position: absolute;
bottom: 0px;
background-image: linear-gradient(180deg, transparent, rgb(255 255 255));
}
.header-carousel-img{
height:119px;
}
.button-zone::before {
content: '';
position: absolute;
left: 0;
height: 50%;
width: 100%;
border-bottom: solid 1px rgb(var(--fr-color-site));
}
.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:0;
right:0;
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;
display: block-inline;
}
#ggavis>img{
width:40px;
}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next {
transform: translateX(25%);
}

.carousel-inner .carousel-item-start.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-25%);
}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
transform: translateX(0);
}

footer::before{
content:'';
width:100%;
height:100%;
top:0;
left:0;
position: absolute;
background-color: rgb(0 0 0 /30%);
}