@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: 150px !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 #ce0035 #ce0035 #ce0035;
}

.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, #ce0035, #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: 25% !important;
    }
}

@media screen and (min-width: 768px) {
    .featured-product-wrapper {
        height: 300px !important;
        margin-bottom: 20px;
        padding: 0 10px;
    }
}

.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;
}

.field.form-group.purchaseOrder {
    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-225 .form-group.field-quantity,
.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;
}

div#s-header-logo-mobile, div#s-header-logo {
    width: 190% !important;
}

.btn.btn-success, .btn.btn-warning {
     font-weight: 700 !important;
}

#custom_field_image_288.img-responsive {
    position: absolute;
    right: calc(43% - 1vw);
    top: 25%;
    z-index: +13;
    width: 115px;

}

@media screen and (max-width: 700px) {
    #custom_field_image_288.img-responsive {
    position: absolute;
    right: calc(35% - 1vw);
    top: 25%;
    z-index: +13;
    width: 100px;
}}

@media screen and (min-width: 768px) {
.product.p-482 #custom_field_image_255.img-responsive {
    width: 500px !important;
    height: 715px !important;
    max-height: 1000px !important;
}}

.product.p-482 #custom_field_image_288.img-responsive,
.product.p-505 #custom_field_image_288.img-responsive,
.product.p-507 #custom_field_image_288.img-responsive {
    position: absolute;
    right: calc(41% - 1vw);
    top: 25%;
    z-index: +13;
    width: 75px;
}

@media screen and (max-width: 768px) {
    .product.p-482 #custom_field_image_288.img-responsive,
    .product.p-505 #custom_field_image_288.img-responsive,
    .product.p-507 #custom_field_image_288.img-responsive {
        position: absolute;
        right: calc(33% - 1vw);
        top: calc(23% - 2vh);
        z-index: +13;
        width: 60px;
}}

.product.p-506 #custom_field_image_288.img-responsive {
    position: absolute;
    right: calc(41% - 1vw);
    top: 25%;
    z-index: +13;
    width: 86px;
}

#custom_field_image_289.img-responsive {
    position: absolute;
    z-index: +15;
    top: 15%;
    right: 43%;
    width: 115px;
    rotate: 12deg;
}

.product.p-499 #custom_field_image_289.img-responsive {
    position: absolute;
    z-index: +15;
    top: 35%;
    right: 45%;
    width: 115px;
    rotate: 0deg;
}

@media screen and (max-width: 768px) {
.product.p-499 #custom_field_image_289.img-responsive {
    top: 32.5%;
    right: 40%;
}}

.product.p-506 #custom_field_image_289.img-responsive,
.product.p-519 #custom_field_image_289.img-responsive {
    position: absolute;
    z-index: +15;
    top: 225px;
    right: 38%;
    width: 70px;
    rotate: 0deg;
}

@media screen and (max-width: 768px) {
.product.p-506 #custom_field_image_289.img-responsive,
.product.p-519 #custom_field_image_289.img-responsive {
    position: absolute;
    z-index: +15;
    top: 24%;
    right: 33%;
    width: 55px;
}}

.product.p-500 #custom_field_image_289.img-responsive,
.product.p-502 #custom_field_image_289.img-responsive {
    position: absolute;
    z-index: +15;
    top: 235px;
    right: 39%;
    width: 65px;
    rotate: 0deg;
}

@media screen and (max-width: 768px) {
.product.p-500 #custom_field_image_289.img-responsive,
.product.p-502 #custom_field_image_289.img-responsive {
    position: absolute;
    z-index: +15;
    top: 24%;
    right: 33%;
    width: 55px;
}}