/*-- Use For Custom Styling --*/

@font-face {
    font-family: 'Josefin Sans';
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Josefin Sans;
}

.tp-caption {
    font-family: Josefin Sans;
}

.logo-i {
    display: none
}


.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    font-family: Josefin Sans;
}

.navbar-light .navbar-nav .nav-link {
    font-family: Josefin Sans;
    font-size: 20px;
}

.tparrows {
    display: none;
}

.navbar {
    background-color: transparent !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #16418f !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: #16418f !important;
    border-bottom: solid 3px #16418f;
    transition: .8s ease;
}

.sidemenu_btn span {
    background: #16418f !important;
}


.navbar {
    background-color: transparent !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #16418f !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: #16418f !important;
    border-bottom: solid 3px #16418f;
    transition: .8s ease;
}

.sidemenu_btn span {
    background: #16418f !important;
}


.bgclass .logo-i {
    display: block;
}

.bgclass .logo-n {
    display: none;
}

.bgclass.navbar {
    background-color: #16418f !important;
}

.bgclass.navbar-light .navbar-nav .nav-link {
    color: white !important;
}

.bgclass.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: white !important;
    border-bottom: solid 3px white;
    transition: .8s ease;
}

.bgclass.sidemenu_btn span {
    background: white !important;
    color: white;
}

#kompetenz {
    background-color: #00;
    padding-top: 120px;
    padding-bottom: 120px;
}

#about {
    padding-bottom: 120px;
}

.cms-ready .navbar {
    padding-top: 50px;
}

.sidemenu_btn span {
    background: white !important;
}


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
    color: white !important;
    border-bottom: 3px solid white;
    transition: all 0.8s ease 0s;
}

body {
    background-color: black;
    color: white;
}

p, h1, h2, h3, h4 {
    color: white;
}

p {
    line-height: 2;
}

.contact-section {
    background: rgb(80, 80, 80);
}

.contact-section .media-body h5 {
    color: white;
}

.contact-section .media-body p {
    color: white;
}

.btn.btn-light-blue {
    color: white;
    background: transparent;
    border-color: white;
}

.blog-section {
    background: rgb(80, 80, 80);
}

.contact-section {
    background: rgb(80, 80, 80);
}

footer {
    background: black;
}

.blog-section {
    background: rgb(80, 80, 80);
}


.navbar-light .navbar-nav .nav-link {
    color: rgb(222, 222, 222) !important;
}

.sidemenu_btn span {
    color: white;
}

.counter-section {
    background: black;
}

.footer-social-icons ul li a {
    color: white;
}

.footer-social-icons ul li a:hover {
    background-color: rgb(22, 65, 143);
}


.quote-section {
    background-image: url(/static/b2.jpg);
    background-position: center center;
    color: white;
    padding: 230px 0;
}

.quote-section h3 {
    color: white;
    text-shadow: 2px 2px 2px #000000;
    padding-top: 13px;
}


.learn-more-section {
    padding: 120px 0;
    background-size: cover;
    background-image: url(/static/banner-q-2.jpg);
}

.learn-more-section h2 {
    text-shadow: 2px 2px 2px #000000;
}

.sidemenu_btn span {
    background: white;
}

@media (max-width: 500px) {
    .slider {
        height: 250px;
    }

    .logo-slider {
        display: none;
    }
}

#qqc {
    background: #16418f !important;
}

#qqc btn:hover {
    border-color: rgb(80, 80, 80);
}

#qqc .btn.btn-hvr-light-blue .btn-hvr-effect {
    background: rgb(80, 80, 80);
    border-color: rgb(80, 80, 80);
}