@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", Geneva, Verdana, sans-serif !important;
    font-weight: 700 !important;
}

body,
p {
    font-family: "Roboto", Geneva, Verdana, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
}

div.active.slide-item.item {
    border: none !important;
}

@media screen and (min-width: 768px) {

    body:not(.home) #s-nav+#product-header,
    body:not(.home) #System_PreContent+*,
    body #s-nav+* {
        margin-top: 158px !important;
    }
}

#s-menu {
    justify-content: flex-end !important;
}

.hero-image-wrapper {
    margin-top: 20px !important;
}

.pheader,
.pheader h1 {
    display: none !important;
}

.pfooter,
.pfooter p {
    text-align: left;
    border-radius: 0px;
    background-color: #e3e3e3;
    padding: 8px;
    width: 100%;
}

.npheader {
    width: 90%;
    background-color: #303033;
    padding: 10px 25px;
    border-radius: 0px;
}

.npheader2 {
    position: relative;
    width: 65%;
    background-color: #303033;
    padding: 10px 25px;
    border-radius: 0px;
}

.npbody {
    width: 90%;
    background-color: #fff;
    padding: 10px 25px;
    border-radius: 0px;
}

.npbody2 {
    position: relative;
    width: 65%;
    background-color: #fff;
    padding: 10px 25px;
    border-radius: 0px;
}

.npheader p,
.npheader2 p {
    font-size: 2.25rem;
    font-weight: 500 !important;
    color: #fff;
}

.npbody2 p,
.npbody p {
    font-size: 1.5rem;
    color: #333;
}

@media (max-width: 1050px) {

    .pcontent .carousel-inner,
    .npheader2,
    .npbody2 {
        width: 100% !important;
    }
}

.pfooter,
.pfooter2 {
    border-style: solid;
    border-color: #ffffff #15397f #15397f #15397f;
}

.pfooter2,
.pfooter2 p {
    text-align: left;
    border-radius: 0px;
    background-color: #e3e3e3;
    padding: 8px;
    width: calc(100% - 418px);
}

.pcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pcontent .carousel-inner {
    width: 65%;
}

.ddp #container__content {
    margin-top: 35px;
}

.carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators.bars li {
    background-color: #289ffa !important;
    border-color: #289ffa !important;
}

body:not(.home) {
    .carousel-indicators {
        left: 50% !important;
        bottom: 0px !important;
    }
}

/*
.product.p-386.group-61.hide-media.hide-printing.hide-size .carousel-indicators.bars li {
	width: 30px !important;
}
*/

@media (max-width: 650px) {
    .carousel-indicators {
        bottom: 195px;
    }
}

.ban-logo {
    position: absolute;
    top: 21%;
    left: 7%;
    border: 3px solid white;
    background-color: rgba(52, 122, 183, 0.85);
}

.ban-logo h1 {
    color: #ffffff;
    font-size: 4vw;
    text-align: center;
    padding: 50px;
}

.ban-cem-logo img {
    position: absolute;
    top: 22%;
    left: 3%;
    max-width: 24%;
}

@media (max-width: 800px) {

    .ban-logo,
    .ban-logo h1 {
        max-width: 40%;
        padding: 1px 4px 4px 4px;
    }
}

.landing-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 75px;
    background-image: linear-gradient(to bottom, #15397f, #000);
    border-radius: 0px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 25px;
}

.landing-header h3 {
    color: #ffffff;
    font-size: 1.75vw;
    text-align: center;
    padding: 10px;
}

@media (max-width: 800px) {
    .landing-header {
        width: 90%;
        padding: 1px 4px 4px 4px;
    }

    .landing-header h3 {
        font-size: 4.75vw;
    }
}

.brand-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 35px 25px;
}

.brand-type {
    width: 25%;
    margin: 0px 25px;
    display: flex;
    justify-content: center;
}

@media (max-width: 800px) {
    .brand-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        padding: 35px 25px;
    }
}

@media (max-width: 800px) {
    .brand-type {
        width: 95%;
    }
}

@media (min-width: 768px) {
    .col-sm-3 {
        width: 20% !important;
    }
}

.featured .featured-product-wrapper {
    padding: 0px 10px !important;
}

.field.form-group.purchaseOrder {
    padding-left: 20px !important;
}

.field.form-group.purchaseOrder #purchaseOrder {
    width: 98.5% !important;
}

#billingMethod.form-control {
    width: 104% !important;
}

.field.separator.form-group.promotionCode {
    display: none !important;
}

#order-shipbill,
#order-shipbill #order,
#order-confirm #order,
.field.form-group.fields-billing,
{
padding-left: 10px !important;
}

#order-shipbill h1 {
    position: relative !important;
    left: -12px !important;
}

#inf-billing.form {
    position: relative !important;
    left: -22px !important;
}

.btn.btn-warning.upload.btn-block {
    visibility: hidden !important;
    position: relative !important;
    margin-top: -20px !important;
    margin-left: -31px !important;
}

body:not(.home) .row.featured {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center;
}

@media screen and (max-width: 778px) {
    body:not(.home) .row.featured {
        flex-direction: column !important;
    }
}

.product.p-182 .form-group.field-quantity {
    display: none !important;
}

.field.form-group.field-job-title-wrapper,
.field.form-group.field-company-wrapper,
.field.form-group.field-branch-wrapper,
.field.form-group.field-industry-wrapper,
.field.form-group.field-employees-wrapper,
.field.separator.newsletter.checkbox.field-newsletter-wrapper {
    display: none !important;
}

.field.separator.tax.form-group.field-tax-wrapper {
    display: none !important;
}