/**
#FFFFFF
#253D8C
#BA3721
#253C48
#0E212C
#384AD3
#C7D3D5
#959EE5
#000000
 */

/*.text-primary {*/
/*    color: rgb(37, 60, 72) !important;*/
/*}*/

:root {
    --active: #BA3721;
    --tdt: #91B508;
}


/*.bg-light {*/
/*    background-color: rgb(214, 232, 241) !important;*/
/*}*/

.bg-rukon {
    background-color: #253C48FF !important;
}

nav {
    position: fixed;
    width: 100%;
    opacity: 100;
    z-index: 1;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--active);
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: var(--light);
    font-weight: 500;
    outline: none;
}

.bold {
    font-weight: bold;
}

hr {
    border-top: 3px #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    height: 5px;
}

.bg-tdt {
    background-color: #91B508 !important;
}

.btn-tdt {
    color: #FFFFFF;
    background-color: var(--tdt);
    border-color: var(--tdt);
}

.text-tdt-light {
    color: #F2F8FE !important;
}

.tdt {
    color: var(--tdt);
}

.btn-quare, .btn-sm-square, .btn-lg-square {
    padding: 8px !important;
}

.image-title {
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.70);
}

.form-control:focus {
    border-color: var(--tdt) !important;
    box-shadow: 0 0 0 .25rem rgba(145,181,8,0.25);
}

.tdt-card {
    padding: 2em 3em;
    background: var(--tdt);
    color: white;
}
a {
    color: var(--tdt);
}

.bg-light-tdt {
    background: var(--tdt);
    color: white;
}

.image-btn {
    background: none;
    border: none;
}

.image-btn.img:hover {
    border-color: var(--tdt) !important;
    box-shadow: 0 0 0 .25rem rgba(145,181,8,0.25);
}