:root{
    --main: 210,
            50,
            40;

    --base-h: 210;
    --base-s: 50%;
    --base-l: 40%;
    --base-two-h: 208;
    --base-two-s: 71%;
    --base-two-l: 18%;
}


a:hover, .page-breadcrumb li:first-child::before, .page-breadcrumb li a:hover, .preloader__inner .logo-area .logo-name, .btn-outline--base, .badge--base, .header .main-menu li.menu_has_children:hover>a::before, .header .main-menu li a:hover,
.header .main-menu li a:focus, .header-login-btn:hover i, .contact-item .content p a:hover, .d-widget__icon i, .footer-short-list li a:hover,.header .main-menu li a.active, .header .main-menu li a:hover, .header .main-menu li a:focus,.text--base {
    color: #336699;
}

.text--base, a.text-white:hover {
    color: #336699 !important;
}

.audio-player .timeline .progress, .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,.btn--base:hover {
    background: #336699;
}

.custom--accordion .accordion-button:not(.collapsed), .custom--tab .nav-item .nav-link.active, .progress-bar, .video-btn, .video-btn::before,
.video-btn::after, .cursor, .pagination .page-item.active .page-link, .preloader__inner .loading-bar::after, .btn--base, .btn-outline--base:hover, .input-group-text, .header .main-menu li .sub-menu, .header .main-menu li .sub-menu li a::before, .header-login-btn, .hero-slider .slick-dots li.slick-active button, .view-details-btn, .schedule-card__thumb .schedule-btn, .audio-player.style--two .play-container, .date-select-form .date-select-btn, .rj-single .thumb .social-links li a, .resume-card .icon, .contact-item .ico, .d-widget:hover .d-widget__amount::after, .profile-thumb .avatar-edit label, .qr-code-copy-form input[type="submit"], .custom--file-upload::before, .social-links-list li a, .scroll-to-top, .scroll-to-top, .custom-radio label::after, .contact-item .icon {
    background-color: #336699 !important;
}

.bg--base, .header.menu-fixed .header__bottom , .footer::before,.event_audio.style--two .event_container {
    background-color: #336699 !important;
}

.custom--tab .nav-item .nav-link.active, .input-group-text, .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight, .d-widget:hover, .deposit-card:hover, .custom-radio input[type=radio]:checked~label::before {
    border-color: #336699;
}

.cursor-follower, .btn-outline--base, .badge--base, .form--control, .header-login-btn {
    border: 1px solid #336699;
}

.border--base, .form--control:focus {
    border: 1px solid #336699 !important;
}

.header .main-menu li .sub-menu, .play-container::after, .deposit-preview-card {
    border: 2px solid #336699;
}

.header.menu-fixed .header__bottom , .footer::before,.play-container::after{
    background-color: #0D2F4D !important;
}
.poll-open-btn {
    box-shadow: 5px 0 5px #33669973;
}
.event-card {
    border-color: #336699;
}
.controls .right,.equalizer-item,.schedule-card__thumb::before{
    background-image:-webkit-linear-gradient(7deg, #336699 0%,#0D2F4D 100%)
}
.rj-single .thumb::after {
    background: linear-gradient(to bottom, #33669926, #336699);
}