:root {
    /* blue */
    --main-color-1: #0095da;
    --main-color-2: #189fdd;
    --main-color-3: #5fbce8;
    --main-color-4: #bfe4f6;
    /* dark */
    --back-color-1: #231f20;
    --back-color-2: #383435;
    --back-color-3: #757273;
    --back-color-4: #c8c7c7;
    /* white */
    --light-color: #ffffff;
}

::selection {
    background-color: var(--main-color-4);
}
a:hover{
    text-decoration:none;
}
.navbar-custom, .navbar-custom .navbar-collapse, footer {
    background-color: var(--light-color);
    color: var(--back-color-1);
}
    .navbar-custom .nav > ul > li > a, .menu-user a {
        /*color: var(--light-color) !important;*/
    }
        .navbar-custom .nav > ul > li > a:hover, .menu-user a:hover{
            /*color: var(--back-color-4) !important;*/
        }

img.logo {
    filter: none !important;
}
    .navbar-custom .navbar-toggler:focus {
        background-color: var(--main-color-3);
    }

.menu .root ul {
    background-color: var(--main-color-4);
    border-color: var(--main-color-3);
    box-shadow: 5px 5px 10px var(--back-color-1);
}

.bg-light-gray {
    background-color: var(--back-color-4);
}

a,body .news a {
    color: var(--main-color-1);
}
    a:hover, a:focus {
        color: var(--main-color-2) !important;
    }   
    a:active {
        color: var(--main-color-2) !important;
    }

section#contact {
    background: var(--main-color-1);
    position:relative;
}
    section#contact:before {
        content:" ";
        background-color: var(--main-color-2);
        background-size: cover;
        background-position: center center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0.25;
    }
    section#contact h3.section-subheading {
        color: var(--main-color-4);
    }

    section#contact .btn {
        color: white;
        background-color: var(--main-color-3);
        border-color: var(--main-color-2);
        padding-left:2em;
        padding-right:2em;
    }
        section#contact .btn:hover {
            color: white;
            background-color: var(--main-color-2);
            border-color: var(--main-color-3);
        }

.news i:not(.fa), .newsDetails i:not(.fa) {
    color: var(--main-color-3) !important;
}

ul.social-buttons li a {
    color: var(--main-color-1);
    background-color: var(--light-color);
}
    ul.social-buttons li a:hover, ul.social-buttons li a:active, ul.social-buttons li a:focus {
        color: var(--main-color-3) !important;
        background-color: var(--light-color);
    }

.sponcer .item > a{
    display:block;
}
.sponcer .item > a > img {
    /*border: none !important;*/
    background-color: var(--light-color);
}


a.btn.btn-success {
    color: #fff !important;
    background-color: var(--main-color-1);
    border-color: var(--main-color-2);
}
    a.btn.btn-success:hover, a.btn.btn-success:focus, a.btn.btn-success:active {
        color: #fff !important;
        background-color: var(--main-color-3) !important;
        border-color: var(--main-color-2) !important;
    }
    a.btn.btn-success:focus {
        box-shadow: 0 0 0 .2rem var(--main-color-4);
    }


.card {
    border-color: var(--main-color-3);
}
.card > .card-header {
    background-color: var(--main-color-1);
    color: var(--light-color);
}

.news .owl-stage{
    padding-bottom:8px;
}
.news .item.news{
    padding:6px;
}
.hover-zoom {
    animation: all 0.3s;
}
.hover-zoom:hover {
    transform: scale(1.025);
}

.block .middle div {
    background-color: var(--main-color-1);
}

.menu .root li li {
    border-bottom: solid 1px var(--main-color-3);
}

.menu .root li {
    padding: .5em;
}