@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --bs-font-sans-serif: "Barlow Semi Condensed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-size: 1rem;
    --bs-navbar-toggler-font-size: 1rem;
    --bs-nav-link-font-size: 1.125rem;
}

b, strong, th {
    font-weight: 600;
}
    
footer {
    padding: 20px 0 120px;
}

section {
    padding:100px 0;
}

.btn-lg {
    padding: 0.75em 1em;
    font-size:1.5rem;
}

.w-600 {
    width:100%;
    max-width:600px;
}

.grecaptcha-badge {
    right: -1000px !important;
}

a.navbar-brand {
    width: 175px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 43px;
}

a.navbar-brand img {
    position: relative;
    right: 0;
    display: block;
    margin-left: -54px;
    height: 53px;
    width: auto;
    margin-top: -5px;
}

header .navbar-nav .nav-link {text-transform:uppercase;}
header .navbar-nav .nav-link.active {font-weight:bold; color:#dc3545;}

.hero {background:url(/images/gray-background.webp) no-repeat center right; padding:150px 0;}

.home img {border-radius:22px; overflow:hidden;}

.carousel-indicators {
    position: static;
    margin: 0 auto 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.carousel-indicators button.thumbnail {
    width: auto;
    height:auto;
    white-space: nowrap;
    background: rgba(220,53,69,0);
    padding: 10px 15px;
    border-radius: 5px;
    text-indent: 0;
    border:0.09em solid rgba(0,0,0,0.5);
    position:relative;
    transition:0.2s all ease-in-out;
    margin:3px;
    display:block;
}

.carousel-indicators button.thumbnail.active {
  color:#fff;
  border-color:rgba(220,53,69,1);
    background: rgba(220,53,69,1);
}

.carousel-indicators button.thumbnail:not(.active):hover {
  opacity: 1;
  border-color:rgba(220,53,69,1);
  color:rgba(220,53,69,1);
}

@media(min-width:1920px) {
    .hero {background-size:cover;}
}

@media(max-width:992px) {
    .carousel-indicators {justify-content:center;}
}

@media(max-width:600px) {
    section {padding:40px 20px;}
    .hero {background:url(/images/bg-mobile.webp) no-repeat center top; background-size:cover;}
    footer {padding-bottom:150px;}
}