/*! CSS Used from: https://datumwholesale.com/wp-includes/css/dist/block-library/style.min.css?ver=40af7a6b9b340afb2d30ad8fa05061da ; media=all */
@media all {
    ul {
        box-sizing: border-box;
    }
}

/*! CSS Used from: https://datumwholesale.com/wp-content/themes/monolit/css/plugins.css ; media=all */
@media all {

    div,
    span,
    a,
    img,
    ul,
    li {
        border: none;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
        text-decoration: none;
        margin: 0;
        padding: 0;
    }

    * {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    header,
    nav {
        display: block;
    }

    ul {
        padding-left: 25px;
    }

    :focus {
        outline: 0;
    }

    img {
        border: 0;
        -ms-interpolation-mode: bicubic;
        vertical-align: middle;
    }

    a {
        text-decoration: none;
        position: relative;
        color: #000;
    }
}

/*! CSS Used from: https://datumwholesale.com/wp-content/themes/monolit/style.css ; media=all */
@media all {
    a {
        color: #337ab7;
    }

    a:hover,
    a:focus {
        color: #23527c;
        text-decoration: underline;
    }

    li {
        line-height: 1.5;
    }

    header.monolit-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 20;
        height: 80px;
        width: 100%;
        background: #000;
        -webkit-transform: translate3d(0, 0, 0);
    }

    header.monolit-header:before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 50px;
        height: 1px;
        left: 15px;
        background: rgba(255, 255, 255, 0.21);
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        transition: all 500ms linear;
    }

    .header-inner {
        float: left;
        padding-left: 80px;
    }

    .logo-holder {
        float: left;
        position: relative;
        width: 90px;
        z-index: 21;
        top: 20px;
        max-width: 200px;
    }

    .logo-holder img {
        width: 100%;
        height: auto;
    }

    .nav-holder {
        float: right;
        position: relative;
        top: 22px;
        left: 50px;
        transition: all 0.3s ease-in-out;
        transform-origin: top;
    }

    nav {
        position: relative;
        float: left;
        width: 100%;
    }

    nav ul.monolit_main-nav {
        padding-left: 0px;
        list-style: none;
    }

    nav li {
        float: left;
        position: relative;
    }

    nav li ul {
        margin: 30px 0 0 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        min-width: 190px;
        padding-top: 58px;
        padding-bottom: 20px;
        left: 0;
        z-index: 0;
        background: rgba(0, 0, 0, 0.91);
        padding-left: 0px;
        transition: all .2s ease-in-out;
        list-style: none;
    }

    nav li ul:before {
        content: '';
        position: absolute;
        bottom: 12px;
        left: 10px;
        right: 10px;
        background: rgba(255, 255, 255, 0.21);
        height: 1px;
    }

    nav li:hover>ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    nav li ul li {
        float: none;
        display: block;
        border: 0;
    }

    nav li a {
        float: left;
        padding: 10px 15px;
        line-height: 1;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-weight: 600;
        position: relative;
        z-index: 2;
        -webkit-transition: all 100ms linear;
        -moz-transition: all 100ms linear;
        -o-transition: all 100ms linear;
        -ms-transition: all 100ms linear;
        transition: all 100ms linear;
        text-align: center;
        text-decoration: none;
    }

    nav li ul a {
        width: 100%;
        text-align: left;
        padding: 9px 12px;
        font-weight: 300;
    }

    nav li a:before {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 15px;
        width: 0;
        height: 1px;
        background: rgba(255, 255, 255, 0.41);
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
    }

    .nav-holder nav li a.act-link:before {
        width: 25px;
    }

    nav li ul a:before {
        display: none;
    }

    nav li a:focus,
    nav li a:hover {
        color: rgba(255, 255, 255, 0.61);
        text-decoration: none;
    }

    .nav-button-holder {
        display: none;
    }

    @media only screen and (max-width: 1236px) {
        header.monolit-header {
            width: 100%;
        }
    }

    @media only screen and (max-width: 1036px) {
        header.monolit-header {
            width: 100%;
        }

        .nav-button-holder {
            position: absolute;
            right: 80px;
            top: 10px;
            display: block;
        }

        .nav-button {
            float: right;
            width: 40px;
            height: 40px;
            border: 1px solid rgba(255, 255, 255, 0.21);
            padding: 13px 6px 6px 6px;
            position: relative;
            margin-top: 9px;
            cursor: pointer;
        }

        .nav-button span {
            float: left;
            width: 100%;
            height: 2px;
            background: #fff;
            margin-bottom: 4px;
            position: relative;
        }

        .header-inner {
            float: left;
            padding-left: 30px;
        }

        nav ul li ul:before,
        nav li a.act-link:before {
            display: none;
        }

        .nav-button-holder {
            display: block;
        }

        .nav-holder {
            position: absolute;
            top: 60px;
            left: 0;
            width: 100%;
            background: #000;
            padding: 30px 0 30px 30px;
            display: block;
            height: 300px;
            overflow: auto;
            transform: scaleY(0);
            opacity: 0;
            visibility: hidden;
            transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, visibility 0s linear 0.3s;
        }

        .nav-holder.show {
            transform: scaleY(1);
            opacity: 1;
            visibility: visible;
            transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
        }

        nav ul li,
        nav ul li ul li {
            float: left;
            width: 100%;
            text-align: left;
            left: 0;
            opacity: 1;
            right: 0;
            padding: 8px 0px;
        }

        nav li ul {
            margin: 0;
            padding-left: 30px;
            padding-top: 20px;
            padding-bottom: 40px;
            opacity: 1;
            visibility: hidden;
            position: relative;
            width: 100%;
            display: none;
            top: 0;
            left: 0;
            z-index: 1;
        }

        nav li a,
        nav li ul li a {
            padding: 0;
            width: auto;
        }

        nav li ul li:before {
            content: '';
            position: absolute;
            top: 50%;
            left: -4px;
            width: 10px;
            height: 1px;
            background: rgba(255, 255, 255, 0.51);
        }

        nav li ul li a {
            color: rgba(255, 255, 255, 0.81);
            padding: 3px 15px;
        }

        nav li:hover>ul {
            display: block;
            left: 0;
        }

        nav li a.act-link {
            opacity: 0.5;
        }
    }
}

/*! CSS Used from: Embedded */
@media only screen and (min-device-width:1037px) and (max-device-width:1100px) {
    .header-inner {
        padding-left: 30px !important;
    }

    nav li a {
        font-size: 13px;
    }
}

@media only screen and (min-device-width:1236px) and (max-device-width:1326px) {
    .header-inner {
        padding-left: 30px !important;
    }

    nav li a {
        font-size: 13px !important;
    }
}

header.monolit-header {
    background: url('https://a1a.180.myftpupload.com/wp-content/uploads/2018/03/footer-bg.jpg');
    background-position: bottom;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
    width: 100%;
}

nav li ul {
    min-width: 65px;
}

nav li a:focus,
nav li a:hover {
    color: #1dafe7;
    text-decoration: none;
}

nav li a {
    font-size: 14px;
    padding: 10px 7px;
}

.logo-holder {
    top: 10px;
}

@media only screen and (max-width:1036px) {
    header.monolit-header {
        background: #1b1b1b !important;
        width: 100%;
    }

    nav li a:focus,
    nav li a:hover {
        color: #1dafe7;
        text-decoration: none;
    }

    header.monolit-header {
        background: #1b1b1b !important;
        width: 100%;
    }

    nav li a {
        font-size: 13px;
        padding: 10px 5px;
    }
}

@media only screen and (max-width:768px) {
    .header-inner {
        padding-left: 30px !important;
    }

    nav li a {
        font-size: 12px;
        padding: 10px 5px;
    }

    header.monolit-header {
        background: #1b1b1b !important;
    }

    nav li a:focus,
    nav li a:hover {
        color: #1dafe7;
        text-decoration: none;
    }

    header.monolit-header {
        background: #1b1b1b !important;
        width: 100%;
    }

    nav li a {
        font-size: 12px;
        padding: 10px 5px;
    }
}

@media only screen and (max-width:640px) {

    nav li a:focus,
    nav li a:hover {
        color: #1dafe7;
        text-decoration: none;
    }

    nav li a.act-link {
        opacity: 1;
        color: #1dafe7;
    }

    header.monolit-header {
        background: #1b1b1b !important;
    }

    .nav-button-holder {
        right: 40px;
    }
}

/*! CSS Used from: Embedded */
nav li a {
    font-family: Oswald;
    font-style: normal;
}

nav li a {
    font-family: Oswald;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
}

/*! CSS Used fontfaces */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}