body {
    color: black;
    font-size: 15px
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.btn-primary,
.btn-primary.disabled, .btn-primary:disabled,
.footer,
.legal {
    background-color: #646E52
}

.btn-primary,
.btn-primary.disabled, .btn-primary:disabled {
    border-color: #646E52
}

.footer {
    border-bottom-color: #646E52;
    color: white
}

.details-information .vat-info-text a,
.nav-item.active .nav-link,
.fixed-header-link {
    color: #646E52 !important
}

.footer .vat-info-text,
.footer .vat-info-text a {
    color: #DDE1D6
}

.legal {
    color: #DDE1D6;
    text-align: center;
    font-size: 13px
}

.footer-box-title,
.footer a {
    color: white
}

.footer-box-title {
    text-transform: none;
    font-weight: 600
}

.manufacturer-slider {
    background-color: #DDE1D6;
    border-bottom-color: #DDDDDA;
    border-top-color: #DDDDDA
}

.header .navbar .nav-link {
    color: #444;
    font-weight: 600
}

.header .navbar .nav-item.active > .nav-link {
    color: black
}

.btn-primary:hover {
    background-color: black;
    border-color: black
}

#header {
    background-color: #F5F5F3
}

#jumptotop {
    color: #494949
}

#jumptotop.show {
    opacity: 1
}

#mainnav .container {
    padding-left: 10px
}

.navbar-light .navbar-toggler {
    border-color: grey
}

.newsletter-form button {
    background: black;
    border-color: black;
    color: white
}

@media (min-width: 992px) {
    .header .navbar .nav-item .dropdown-item:hover,
    .header .navbar .nav-item .dropdown-item.active {
        background-color: #646E52
    }
}

.modal-body, .modal-header {
    color: black
}

.details .tobasket-function {
    margin-bottom: 10px;
    margin-top: 10px
}

#manufacturerSlider,
.flexslider {
    margin-bottom: 25px
}

.cl-start .boxwrapper,
#boxwrapper_bargainItems .infogrid-view {
    margin: 0
}

.footer .modal-body,
.footer .modal-header {
    text-align: left
}

span.whatsapp {
    cursor: pointer;
    position: fixed;
    z-index: 99;
    right: 25px;
    bottom: 45%;
    height: 50px;
    width: 50px;
    background: url(svg/whatsapp.svg) no-repeat
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    span.whatsapp {
        bottom: 20%;
        right: 17px
    }
}
.tab-content {
    word-break: break-word
}

@media (max-width: 768px) {

    #mainnav {
        position: relative;
    }
}