@font-face {
	font-family: 'blacker';
	src: url(../css/fonts/blacker/blacker-light.otf);
}


#header .header-nav-main nav>ul>li>a.active {
    background-color: transparent !important;
    color: #312f2f !important;
}


#header .header-nav-main nav>ul>li>a {
   text-transform: none !important;
   margin-top: 1px;
   margin-bottom: 1px;
   color: #312f2f !important;
   font-size: 16px;
   font-weight: 300 !important;
}


#header .header-btn-collapse-nav {
    background: #ccc;
    color: #434343;
}

#header.header-transparent .header-nav-main nav {
        padding: 0 7px !important;
        background-color: #fff !important;
    }
}

#footer {
    background: #ededed;
}

h5 {
    text-transform: none !important;
    font-size: 1.5em;
}

h3 {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: none !important;
}

.list.list-icons li {
    position: relative;
    padding-left: 0px;
}

a:hover {
    text-decoration: none;
    color: #1e1e1e !important;
}

.bg-dark {
    background-color: #333;
}

.bg-grey {
    background-color: #e5e5e5;
}

.bg-dark-grey {
    background-color: #a5a5a5;
}

.social-icons li:hover a {
    background: #e5e5e5;
    color: #333 !important;
}

#footer .footer-copyright {
    background-color: #e8e8e8 !important;
}

.btn-outline.btn-dark:hover, .btn-outline.btn-dark.hover {
    color: #fff !important;
    background-color: #454545;
    border-color: #212529;
}

.btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: #efefef !important;
    border-color: #212529;
}

.btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover {
    color: #fff !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:focus:not(.bg-transparent), .btn-primary.focus:not(.bg-transparent) {
    background-color: var(--primary-200);
    color: #333 !important;
}

.call-to-action .call-to-action-content {
    text-align: left;
}

.pe-10 {
    padding-right: 10rem !important;
}

.pe-7 {
    padding-right: 7rem !important;
}