@font-face {
    font-family: "Neuzeit Black";
    src: url("../Fonts/fonts/Neuzeit-Black.ttf");
}

@font-face {
    font-family: "Neuzeit Gro Regular";
    src: url("../Fonts/fonts/NeuzeitGro-Reg.ttf");
}

@font-face {
    font-family: "Neuzeit Gro Bold";
    src: url("../Fonts/fonts/NeuzeitGroteskBold.ttf");
}

@font-face {
    font-family: "Neuzeit Medium";
    src: url("../Fonts/fonts/Oswald-Medium.ttf");
}

@font-face {
    font-family: "Neuzeit Bold";
    src: url("../Fonts/fonts/Neuzeit-Bold.otf");
}

body {
    background-color: #F7F7F8;
}





/* Header */
header#beatsheader {
    height: unset;
    border-bottom: none
}

    header#beatsheader .topbar {
        background-color: #EF2028;
    }

    header#beatsheader .navigation {
        background-color: #222021;
    }

        header#beatsheader .navigation .navbar-nav li {
            padding: 0 10px;
        }

            header#beatsheader .navigation .navbar-nav li a {
                font-family: "Neuzeit Medium";
                text-transform: uppercase;
            }



.benefits{}
.benefits-list {
    list-style: none;
    padding: 25px 0;
    margin-top:40px
}

    ul.benefits-list li {
        display: inline-block;
        padding: 0 60px;
        text-align: center;
    }
    .uk-container-expand {
        max-width: none;
    }
.benefits-ico {
    font-size: 40px;
    color: #ef2028;
    background-color: black;
    width: 96px;
    height: 96px;
    display: grid;
    border-radius: 50%;
    align-items: center;
    justify-items: center;
}

.n-black {
    font-family: "Neuzeit Black";
}

.n-bold {
    font-family: "Neuzeit Bold";
}

.ng-bold {
    font-family: "Neuzeit Gro Bold";
}

.ng-regular {
    font-family: "Neuzeit Gro Regular";
}

.font-medium {
    font-family: "Neuzeit Medium";
}


div#offcanvas-overlay {
    top: 67px;
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

div.uk-offcanvas-bar {
    width: 100% !important;
    left: -100%;
    background-color: #fff;
}

nav {
    display: block;
}
    /* responsive menu */
    nav#res-menu ul li {
        border-bottom: 1px solid #EEE;
        text-transform: uppercase;
    }

        nav#res-menu ul li a {
            line-height: 38px;
        }

            nav#res-menu ul li a h5 {
                font-size: 14px;
            }







@media (min-width: 1200px) {
    .uk-grid {
        margin-left: -40px;
    }
}

@media (min-width: 960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}