:root {
    --ga-main-bg-color: #2a2a2a;
    --ga-second-bg-color: #01a7c4;
    --ga-main-text-color: #01a7c4;
    --ga-second-text-color: #838383;
}

.ga-main-bg-color {background-color: var(--ga-main-bg-color);}
.ga-second-bg-color {background-color: var(--ga-main-text-color);}
.ga-main-text-color {color: var(--ga-main-text-color);}
.ga-second-text-color {color: var(--ga-second-text-color);}

.br-0 {border-radius: 0px!important;}

a {
    text-decoration: none!important;
}

.info-header{
    color: #fff;
    background: linear-gradient(to bottom, var(--ga-main-bg-color) 50%, white 50%);
}

.mt-header-fixed {margin-top: 88px;}

.underline-none {text-decoration: none!important;}

header {
    background-color: var(--ga-main-bg-color);
}

header nav .nav-item .nav-link{
    padding: 1.5rem!important;
    color: #fff;
    font-weight: 600;
}

footer {
    background-color: var(--ga-main-bg-color);
    color: #eeeeee;
    font-size: 0.9rem;
}

footer .copyright {
    border-top: 1px solid var(--ga-second-text-color);
    max-width: 70%;
    color: var(--ga-second-text-color);
}

footer h3 {
    font-size: 1.0rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, var(--ga-main-text-color) 60%, var(--ga-main-bg-color) 60%);
    border-image-slice: 1;
    padding-bottom: 5px;
}


#carousel .owl-carousel .item .card {
    border-radius: 0px;
}

#carousel .owl-carousel .item .card .card-title{
    color: var(--ga-main-text-color);
}

#carousel .owl-carousel .item .card img {
    max-width: 150px;
    max-height: 150px;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 15px 5px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

#slider {
    margin-bottom: -10%;
    background: linear-gradient(to bottom, var(--ga-main-bg-color) 90%, white 80%);
}

#owl-carousel-home.owl-carousel .owl-nav {
    width: 90%;
    margin-left: 5%;
    top: 40%;
    position: absolute;
    margin-top: 0;
    text-align: center;
}

#owl-carousel-home.owl-carousel .owl-nav .owl-prev {
    left: 33px;
}

#owl-carousel-home.owl-carousel .owl-nav .owl-next {
    right: 33px;
}

#owl-carousel-home.owl-carousel .owl-nav .owl-prev, #owl-carousel-home.owl-carousel .owl-nav .owl-next {
    width: 45px;
    height: 60px;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    position: absolute;
}

.m-n-50{
    margin: 0 -50px;
}

@media only screen and (max-width: 576px) {
    .m-n-50{
        margin: 0 0!important;
    }
}

.custom-sidebar .list-group .list-group-item a {
    color: var(--ga-second-text-color);
}

.custom-sidebar .list-group .list-group-item a.active {
    color: var(--ga-second-bg-color)!important;
    background-color: #fff!important;
    font-weight: 600!important;
}

.custom-sidebar .list-group .list-group-item.active {
    background-color: var(--ga-second-bg-color);
    color: #fff;
    border-color: var(--ga-second-bg-color);
}

.vertical-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff!important;
}

.navbar-nav .dropdown-menu li {
    border-bottom: 1px solid #eee;
}

footer a {
    text-decoration: none!important;
    color: #eeeeee;
}

.btn.ga-second-bg-color:hover {
    background-color: var(--ga-second-bg-color)!important;
}