@font-face {
    font-family: "Bauhausctt";
    src: url("https://fontsforyou.com/fonts/b/Bauhausctt.ttf");
}

body {
    font-family: "Bauhausctt";
    background-color: grey;
}

main {
    display: block;
    position: relative;
    margin: 0 auto;
    min-width: 450px;
}

.w-14 {
    width: 14% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-20 {
    width: 20% !important;
}

.w-23 {
    width: 23% !important;
}

.w-27 {
    width: 27% !important;
}

.w-30 {
    width: 30% !important;
}

.w-75 {
    width: 75% !important;
}

.w-fc {
    width: fit-content;
}

.cb {
    display: block;
    position: relative;
    aspect-ratio: 16/9;
}

.cb-1 {
    background-color: white;
    background-image: url('/design/regiontk_1/images/cb1-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-1-row-1 {
    height: 16%;
}

.navbar {
    font-size: 1.3vw;
    text-align: center;
}

.navbar .col-2 {
    /* width: auto; */
}

.navbar-toggler {
    padding: unset;
    /* font-size: unset; */
}

.navbar-collapse {
    padding-top: 7%;
}

.iconbar {
    width: auto;
}

.cb-1-row-2 {
    height: 84%;
}

.cb-1-row-2 .col-left .p1 {
    font-size: 2.5vw;
    text-align: center;
}

.cb-1-row-2 .col-left .p2 {
    font-size: 1.3vw;
    text-align: center;
}

.cb-1-row-2 .col-left .p {
    padding-top: 1vw;
}

.button-1 {
    background-color: #366995;
    border-radius: 50px;
    width: 75%;
    text-align: center;
    height: 5vw;
    text-decoration: none;
    font-size: 2.0vw;
}

.button-1:hover {
    text-decoration: none;
    color: #a9aaae;
}

.cb-1-row-2 .col-right {
    font-size: 3vw;
}

.cb-1-row-2 .col-right div {
    width: 80%;
    text-align: center;
    padding-left: 50px;
}

.cb-2 {
    color: #396997;
    /* background-image: url('/design/regiontk_1/images/2b.png'); */
    /* background-repeat: no-repeat;
    background-size: cover; */
}

.cb-2-row-1 {
    font-size: 3vw;
    text-align: center;
    padding-top: 3vw;
}

.cb-2-row-2 {
    padding-top: 3vw;
}

.cb-2-row-3 {
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.cb-2-row-2,
.cb-2-row-3 {
    width: 85%;
    margin: 0 auto;
    font-size: 2.5vw;
    text-align: center;
}

.light-font {
    color: #a9aaae;
}

.dark-font {
    color: #606060;
}

.cb-3 {
    color: #396997;
    background-color: #a6a8ad;
    /* background-image: url('/design/regiontk_1/images/cb3-bg.png'); */
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-3-row-1 {
    font-size: 3vw;
    text-align: center;
    padding-top: 3vw;
}

.cb-3-row-2,
.cb-3-row-3 {
    background-image: url('/design/regiontk_1/images/3b-block-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 2vw;
    text-align: center;
    padding-top: 3vw;
    /* background-color: white; */
    margin: auto;
    width: 68%;
    padding-bottom: 2vw;
}

.cb-3-row-2 .row-1,
.cb-3-row-2 .row-2,
.cb-3-row-3 .row-1,
.cb-3-row-3 .row-2 {
    border-bottom: 0.1em solid;
}

.cb-3 .col-bdr-r {
    border-right: 0.1em solid;
}

.cb-3 .col-bdr-l {
    border-left: 0.05em solid gray;
}

.cb-3-row-2 .row-2,
.cb-3-row-2 .row-3,
.cb-3-row-3 .row-2 {
    font-size: 2.3vw;
}

.cb-3-row-3 {
    margin-top: 1vw;
}

.cb-3-row-3 .tr {
    /* width: 70%;
    margin: 0 auto; */
}

.cb-4 {
    color: #396997;
    background-image: url('/design/regiontk_1/images/4b-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-4-row-1 {
    font-size: 3vw;
    text-align: center;
    padding-top: 2.7vw;
}

.cb-4-row-2 {
    width: 80%;
    margin: 0 auto;
}

.cb-4-row-2 .row .col {
    font-size: 1.3vw;
    background-image: url('/design/regiontk_1/images/4b-cell-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 1vw;
    padding: 0;
}

.cb-4-row-2 .row .col .title {
    padding-top: 1vw;
    padding-left: 7vw;
    padding-right: 1vw;
    margin-bottom: 0.5rem;
    height: 5vw;
}

.cb-4-row-2 .row .col .descr {
    padding: 1vw 1vw 0 1vw;
    line-height: normal;
}

.cb-5 {
    color: #396997;
    background-image: url('/design/regiontk_1/images/5b-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-5-cell {
    background-image: url('/design/regiontk_1/images/5b-cell-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 81%;
    height: 99%;
    margin: auto auto;
}

.cb-5-cell .row-title {
    padding-top: 2vw;
    padding-left: 20vw;
    font-size: 1.9vw;
}

.cb-5-cell .row-content {
    width: 90%;
    font-size: 1.6vw;
    margin: 0 auto;
    padding-top: 1vw;
}

.cb-5-cell .row-content .col-date {
    text-align: center;
    padding-top: 1.2vw;
}

.cb-5-cell .row-content .col-text {
    line-height: 1.1;
}

.cb-5-cell .row-line {
    background-image: url('/design/regiontk_1/images/5b-line.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 72%;
    height: 0.5vw;
    margin: 0 auto;
    margin-top: 1.7vw;
}

.cb-6 {
    /* color: #396997; */
    background-image: url('/design/regiontk_1/images/6b-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-6 .col-btn-1 {
    background-image: url('/design/regiontk_1/images/6b-button-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 10vw 5vw 10vw 10vw;
}

.cb-6 .col-btn-2 {
    background-image: url('/design/regiontk_1/images/6b-button-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 10vw 10vw 10vw 5vw;
}

.cb-6 .col-btn-text {
    margin: auto;
    padding-top: 15vw;
    font-size: 1.9vw;
    text-align: center;
    width: 50%;
}

.cb-7 {
    background-image: url('/design/regiontk_1/images/7b-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-7 .row-1 {
    height: 81%;
}

.cb-7 .row-1 .text-block {
    width: 50%;
    height: 80%;
    margin-left: 10vw;
    margin-top: 4.4vw;
    background-image: url('/design/regiontk_1/images/7b-textblock.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cb-7 .row-1 .text-block .text-row-1 {
    font-size: 1.6vw;
    margin-left: 0.7vw;
    margin-top: 0.7vw;
}

.cb-7 .row-1 .text-block .text-row-2 {
    font-size: 1.6vw;
    margin-left: 0.7vw;
    margin-top: 0.7vw;
}

.cb-7 .row-1 .text-block .text-row-3 {
    font-size: 2vw;
    margin-left: 0.7vw;
}

.cb-7 .row-1 .text-block .text-row-4 {
    font-size: 1.6vw;
    margin-left: 0.7vw;
    margin-top: 1.5vw;
}

.cb-7 .row-1 .text-block .text-row-5 {
    font-size: 2vw;
    margin-left: 0.7vw;
}

.cb-7 .row-1 .text-block .text-row-6 {
    font-size: 1.6vw;
    margin-left: 0.7vw;
    margin-top: 1.5vw;
}

.cb-7 .row-1 .text-block .text-row-7 {
    font-size: 2vw;
    margin-left: 0.7vw;
}

.cb-7 .row-1 .text-block .text-row-8 {
    font-size: 1.6vw;
    margin-left: 0.7vw;
    margin-top: 1.5vw;
}

.cb-7 .row-1 .text-block .btn-row .text-block-btn {
    width: 9%;
    display: inline-block;
    margin: 0 1vw 0 1vw;
}

.cb-7 .row-2 {
    height: 19%;
    background-color: white;
    margin: 0;
}

.cb-7 .row-2-row {
    width: 80%;
}

.cb-7 .row-2 .col-text {
    color: #396997;
    font-size: 2.5vw;
    text-align: center;
}

.cb-7 .row-2 .col-btn .btn {
    background-image: url('/design/regiontk_1/images/7b-btn.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    width: 70%;
    height: 70%;
    font-size: 2vw;
}

.go-to-top {
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    text-decoration: none;
    display: inline-block;
    font-size: 2vw;
    text-align: center;
    z-index: 100;
    border: 0.1em solid #606060;
    border-radius: 1vw;
}

.go-to-top:hover {
    text-decoration: none;
    color: #606060;
    border: 0.1em solid #606060;
    border-radius: 1vw;
}

@media (max-width: 992px) {
    .navbar-collapse {
        background: white;
    }

    .navbar .col-2 {
        width: auto !important;
        font-size: 3vw;
    }
}