:root {
    --bs-secondary-rgb: 108, 117, 125;
}
.nav {
    --bs-nav-link-font-size: 16px;
    --bs-link-hover-color: #ffff;
}
.mainbody {
    flex: 1;
}
.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
    .jtk_topheader {
   
    background-color: #464646;
}
.backgroundimg {
    background-image: url(../images/Grontsag-trea-4500x3000-auth.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.top-row {
    display: block !important;
    height: 4.1rem !important;
   
}
.top-row a, .top-row .btn-link{   
  margin-left: 0rem !important;
}

.bg-cdark {
    background-color: #464646 !important;
    border-bottom: var(--bs-card-border-width) solid rgb(122 121 121 / 18%) !important;
}

.jtk_topheader .nav-link {
    color: #ffff;
}

.jtk_topheader .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: none;
    font-weight: bold;
}

.jtk_topheader .nav-link:focus, .nav-link:hover {
    color: #ffff;
    font-weight: bold;
}
.jtk_footer {
    background-color: #464646;
}
.btn-outline-dark:focus, .btn-outline-dark:focus-visible {
    color:#ffff !important;
}


/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
   
}


/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
   
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    
   
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
   
    
}


/*sm applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
   
   
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    

   
}