@font-face {
  font-family: 'ZurichBT';
  src: url(../fonts/zurich-bt-roman-webfont.ttf) format("truetype"),
	   url(../fonts/zurich-bt-roman-webfont.eot) format("embedded-opentype"),
	   url(../fonts/zurich-bt-roman-webfont.woff) format("woff"),
	   url(../fonts/zurich-bt-roman-webfont.woff2) format("woff2");
  font-weight: 400;
}

/* @font-face {
  font-family: ZurichBT;
  src: url(/assets/fonts/zurich-cn-bold-webfont.ttf);
  font-weight: 600;
} */

body {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{body-font-family}*/;
	font-size: 14px /*{body-font-size}*/;
	color: #212529 /*{body-font-colour}*/;
	background-image:none /*{body-background-image}*/;
	background-color: #fff /*{body-background-colour}*/;
	overflow-x: hidden;
	min-width: 100vw;
    max-width: 100vw;
}

a, .btn-link{
	color: #d7412e /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: #982010 /*{link-text-hover-colour}*/;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{headers-font-family}*/;
	color: #333 /*{headers-colour}*/;
	font-weight: 700;
}

.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #fff /*{carousel-text-colour}*/;
}

h1, .h1 {
	font-size: 26.249px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 21px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 18.375px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 15.75px; /*{header-4-font-size}*/;
	font-weight: 700;
}
h5, .h5 {
	font-size: 13.124px /*{header-5-font-size}*/;
}

section {
	background-color: #FFF;
}

.page-wrap {
	min-width: 100vw;
    padding: 32px;
}

/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333 /*{buttons | btn-default-text-colour}*/;
	background-color: #fff /*{buttons | btn-default-background-colour}*/;
	border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: #fff /*{buttons | btn-primary-text-colour}*/;
	background-color: #d7412e /*{buttons | btn-primary-background-colour}*/;
	border-color: #d7412e /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #982010 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #982010 /*{buttons | btn-primary-border-colour-hover}*/;
	border-color: #982010 /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color:  #982010 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #982010  /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #982010 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #982010  /*{buttons | btn-primary-border-colour-hover}*/;
}

.btn-tertiary {
	color: #FFF;
	background-color: #252423;
    border-color: #252423;
}
/* Warning button */
.btn-warning {
	color: #fff /*{buttons | btn-warning-text-colour}*/;
	background-color: #ffc107 /*{buttons | btn-warning-background-colour}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour}*/;
}
.btn-warning:hover {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color:  #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
/* Danger button */
.btn-danger {
	color: #fff /*{buttons | btn-danger-text-colour}*/;
	background-color: #dc3545 /*{buttons | btn-danger-background-colour}*/;
	border-color: #dc3545 /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color:  #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #fff /*{buttons | btn-success-text-colour}*/;
	background-color: #28a745 /*{buttons | btn-success-background-colour}*/;
	border-color: #28a745 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color:  #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
/* Info button */
.btn-info {
	color: #fff /*{buttons | btn-info-text-colour}*/;
	background-color: #17a2b8 /*{buttons | btn-info-background-colour}*/;
	border-color: #17a2b8 /*{buttons | btn-info-border-colour}*/;
}
.btn-info:hover {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info.disabled, .btn-info:disabled {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color:  #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}

.btn-disabled {
	background-color: #7b7b7b;
    color: #cdcdcd;
    cursor: not-allowed !important;
}

.btn-cta {
	min-width: 160px;
}

.breadcrumb {
	background-color: #FFF /*{breadcrumb-background-colour}*/;
	padding: 8px 0px;
	font-size: 12px;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #6c757d /*{breadcrumb-text-colour}*/;
}


.breadcrumb-item+.breadcrumb-item::before {
	opacity: 1;
	display: inline-block;
	padding-right: .5rem;
	color: #d7412e;
	font: var(--fa-font-solid);
	content: "\f054";
	font-size: 9px;
    font-weight: 900;
    top: 5px;
	position: relative;
}



.breadcrumb-item svg {
	margin: 0px 8px;
    position: relative;
    top: 3px;
    color: #ed1c24;
}

.breadcrumb > .active,
.breadcrumb a {
	color: #838383 /*{breadcrumb-text-colour}*/;
}

.breadcrumb-item:first-child {
	font-weight: 700;
}

.pagination .page-link{
	color:  #252423 /*{pagination-text-colour}*/;
	background-color: #fff /*{pagination-bg-colour}*/;
	border-color:  transparent/*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: #FFF /*{pagination-text-colour-hover}*/;
	background-color: #982010 /*{pagination-bg-colour-hover}*/;
	border-color: #982010 /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #fff /*{pagination-text-colour-active}*/;
	background-color: #252423 /*{pagination-bg-colour-active}*/;
	border-color: #252423 /*{pagination-border-colour-active}*/;
}

.badge-secondary {
	background-color: #252423 /*{label-default-bg}*/;
	color: #FFF;
}
.badge-primary {
	background-color: #006FF5 /*{label-primary-bg}*/;
}
.badge-success {
	background-color: #28a745 /*{label-success-bg}*/;
}
.badge-info {
	background-color: #17a2b8 /*{label-info-bg}*/;
}
.badge-warning {
	background-color: #212529 /*{label-warning-text-colour}*/;
	background-color: #ffc107 /*{label-warning-bg}*/;
}
.badge-danger {
	background-color: #dc3545 /*{label-danger-bg}*/;
}

.card {
	border-color: #ddd /*{panel-border-colour}*/;
}
.card-header {
	background-color: #FFF /*{panel-header-bg-colour}*/;
	border-color: #FFF /*{panel-header-border-colour}*/;
}

.productsave {
	color: #D9534F /*{sale-colour}*/;
}

.wrapper-header .navbar-toggler {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar {
	background-color: #f8f9fa /*{navbar-default-bg-colour}*/ !important;
}

.wrapper-header .navbar .navbar-nav .nav-link {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
	color: #333 /*{navbar-default-link-colour-hover}*/;
}
.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show, .wrapper-header .navbar-nav .nav-link.active{
	color: #555 /*{navbar-default-link-colour-active}*/;
}

.dropdown-menu {
	background-color: #fff /*{dropdown-menu-bg}*/;
	border-color: #ccc /*{dropdown-menu-border-colour}*/;
}

.dropdown-item{
	color: #212529 /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	color: #262626 /*{dropdown-menu-link-colour-hover}*/;
	background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}

.logo {
	position: relative;
    max-height: 105px;
    top: -24px;
    z-index: 2;
}

.wrapper-header {
	min-width: 100vw;
	max-width: 100vw;
    margin: auto;
    padding: 0;
}

.top-search {
	border-radius: 3px;
    background-color: #484848;
    border: none;
}

.top-search::placeholder {
	color: #eee;
}

.top-search-btn {
	background-color: #484848;
	color: #fff;
    border: none;
}

.header-cart {
	border: none;
    margin: 0px;
    height: 60px;
    padding: 0px;
	min-width: 100%;
}

.lead {
    font-size: 14px;
    font-weight: 400;
}

.wrapper-footer {
	    color: #f8f8f8;
	padding: 64px 0px;
    margin-top: 64px;
    background-color: #333333;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
	border-top: 1px solid #eee;
}

.wrapper-footer a, .wrapper-footer p {
	    color: #f8f8f8;
	    font-family: 'ZurichBT';
}

.address {
	padding-right: 15px;
}

.cart-btn {
	background-color: transparent;
    border: 1px solid transparent;
    color: #FFF;
	min-width: 100%;
}

.wsmenu>.wsmenu-list>li.wscarticon {
	padding: 0px;
}

.wsmenu>.wsmenu-list>li.wscarticon:hover {
    background-color: #d7412e;
    color: #fff;
}

.cart-indicator {
	position: absolute;
    background-color: #d7412e;
    width: 12px;
    height: 12px;
    font-size: 8px;
    border-radius: 12px;
    top: 12px;
    right: 18px;
}

.wsmenu>.wsmenu-list>li.wscarticon:hover .cart-indicator {
    background-color: #333;
    color: #fff;
}

.footer-logo {
	filter: grayscale(1);
    max-height: 100px;
    padding-bottom: 16px;
	margin-bottom: 4px;
}

.footer-logo-ne {
	max-height: 61px;
    margin-left: 16px;
    padding: 0;
    margin-bottom: 0;
}

.wrapper-footer h4 {
	color: #F8F8F8;
	font-weight: 800;
	margin-top: 26px;
}

.copyright {
	opacity: 0.6;
}

.home-carousel h2 {
	color: #FFF;
    font-weight: 800;
    font-size: 56px;
}

.home-carousel p {
	    font-size: 30px;
}

.btn-carousel {
	min-width: 200px;
    background-color: #d7412e;
    border-color: #d7412e;
	color: #FFF;
}

.home-headline {
	font-size: 48px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1;
}

.home-headline span {
	font-weight: 800;
}

.home-subheadline {
	font-size: 18px;
    line-height: 1.25;
    margin-bottom: 24px;
}

.sp-64 {
	padding: 64px 0px;
}

.mini-feature {
	font-size: 15px;
	font-weight: 700;
}

.mini-feature-2 {
	font-size: 15px;
    line-height: 1.35;
    font-family: 'ZurichBT';
	margin-bottom: 8px;
}

.mini-feature-link {
	    font-weight: 600;
}

.viewport-header {
  position: absolute;
    height: 61.8vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    top: 0px;
    left: 0;
    width: 100vw;
    color: #FFF;
}

.viewport-header h1 {
	color: #FFF;
    font-weight: 800;
    font-size: 56px;
	width: 100vw
}

.viewport-header p {
	color: #FFF;
	font-size: 24px;
	width: 100vw
}

.viewport-header a {
	color: #d7412e;
    border-bottom: 2px solid #d7412e;
}

.viewport-header a:hover {
	text-decoration: none;
	color: #fff;
}

.viewport-header a i {
	font-size: 18px;
}

.usp-section {
	background-color: #252423;
    padding: 32px 0px;
    color: #fff;
	font-size: 20px;
	font-weight: 800;
}

.usp-section span {
	color: #d7412e;
	font-weight: 600;
}

.usp-section p {
	color: #fff;
	font-weight: 400;
    font-size: 15px;
	margin: 8px 0px;
	font-family: ZurichBT;
	line-height: 1.35;
}

.name-feature {
	color: #d7412e;
	font-weight: 600;
}

.card-header {
	padding-bottom: 0rem;
	border-bottom: none;
	padding-top: 1rem;
}

video {
	margin: auto;
	min-width: 100%;
}

.addtocart, .notifyme {
	margin-top: 28px;
}

.table thead th {
	border-bottom: none;
}

.product-title {
	font-weight: 700;
    line-height: 1;
    margin-top: 4px;
    margin-bottom: 16px;
}

sup {
    top: -0.45em;
    font-size: 61.8%;
}

.thumbnail.card-body {
    padding: 0rem;
}

.product-wrapper button, .product-wrapper .btn-outline-secondary {
    margin-top: 8px;
	font-size: 13px;
}

.product-wrapper .price {
	font-weight: 600;
	font-size: 13px;
}

.card-title {
    margin-bottom: 8px;
}

.desktop-vid-hero {
	display: none;
}

.mobile-vid-hero {
	display: none;
}

.video-wrap {
	position: relative;
	min-width: 100%;
	max-height: 61.8vh;
    background-image: url('/assets/images/ds-warehouse-hero.jpg');
    min-height: 61.8vh;
    background-size: cover;
    background-position: center center;
}

.warehouse-stock {
	font-size: 12px;
}

.filter-group-item {
	padding: 4px 8px;
	font-size: 12px;
}

.filter-title {
	padding: 8px 0px 4px 0px;
}

.filter-header {
	font-size: 24px;
    margin-top: 52px;
}

.filter-sidebar {
	border-right: 1px solid #eee;
}


.marketing-search {
	font-size: 1.25rem;
    padding: 0.75rem 1rem;
    height: calc(1.75em + 0.75rem + 2px);
}

.resource-wrap {
	border: 1px solid #ced4da;
    padding: 16px;
    border-radius: 4px;
}

.resource-img-wrap {
	display:block;
	height: 280px;
    width: auto;
	overflow: hidden;
	position: relative;
    margin: 0 auto;
	margin-bottom: 32px;
}

.resource-img-wrap img {
	top: 0px;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 0;
  margin:0;
  padding:0;
	-webkit-transition: top 8s;
	-moz-transition: top 8s;
	-ms-transition: top 8s;
	-o-transition: top 8s;
	transition: top 8s;
}
.resource-img-wrap:hover img {
  top: -110px;
  -webkit-transition: top 8s;
  -moz-transition: top 8s;
  -ms-transition: top 8s;
  -o-transition: top 8s;
  transition: top 8s;
}


hr {
    border-top: 1px solid #eee;	
}

.filter-sidebar i.fas.fa-check-circle {
	color: #d7412e;
}

.filter-sidebar i.far.fa-circle {
	color: #999;
}

.list-sdesc {
	color: #999;
}

.list-view-body {
	border-bottom: 1px solid #eee;
}

.list-sdesc {
	color: #b5b5b5;
	font-size: 12px;
	font-family: 'ZurichBT';
}

.list-detail {
	font-size: 12px;
	font-family: 'ZurichBT';
}

.list-title {
	font-weight: 700;
}

.list-qty {
	width: 100%;
    border: 1px solid #ced4da;
    padding: 9px 6px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    line-height: 1;
}

.list-label {
	font-size: 12px;
	color: #838383;
}

.bul-sep {
	color: #d7412e;
}

.warehouse-sml {
	font-size: 12px;
}

.list-view-sm .list-detail, .list-view-sm .list-label, .list-view-sm .list-promo, .list-ref {
	font-size: 11px;
}

.header.modal-header {
	min-height: 24px;
}

.search-item {
	font-size: 11px;
}

.nsearchinput-pl.well li a {
    padding: 10px 12px;
}

.nsearchinput-pl.well li img {
	margin-right: 8px;
}

.search-sku {
	color: #222;
}

*:focus {
	outline: none !important;
}

.wsmenu>.wsmenu-list>li.wscarticon:hover i {
	color: #FFF;
}

#neto-dropdown {
    width: 300px;
}

.h-cart-sub {
	margin: 12px 0px 0px 0px;
	font-size: 13px;
}

.h-cart-disc {
	margin: 0px 0px 12px 0px;
	font-size: 13px;
}

.h-cart-item {
	border-top: 1px solid #efefef;
    padding: 8px 0 0 0;
    font-size: 12px;
    margin: 8px -15px;
}

.h-cart-price {
	float: right;
}

.h-cart-remove {
	font-size: 10px;
}

a.h-cart-remove i {
	border: none !important;
	float: right;
	color: #999 !important;
	font-size: 10px !important;
}

a.h-cart-remove:hover i {
	color: #d7412e;
}

.h-cart-title {
	height: 16px;
    max-height: 16px;
    overflow: hidden;
    margin-bottom: 4px;
    text-align: left;
}

.h-cart-sku {
	color: #222;
	font-family: 'ZurichBT', sans-serif;
	font-size: 11px;
}

.h-cart-sum {
	margin-bottom: 24px;
}

.thumb_cart a {
	border: none !important
}

.cart-dropdown.dropdown-menu {
	border-radius: 0 0 .25rem .25rem;
}

.cart-dropdown {
    top: 46px !important;
    right: 0;
    left: -202px !important;
    transform: none !important;
}

#neto-dropdown #cartcontents {
    padding: 0px 15px 8px 15px;
}

#neto-dropdown a.btn-primary {
	padding: 6px;
    font-size: 13px;
}

.npopup {
	position: fixed !important;
    top: 90px !important;
    width: 100vw !important;
	z-index: 4;
	box-shadow: 1px 1px 9px rgba(0,0,0,.25);
	border-radius: 0;
}

.npopup-body {
    height: auto;
    overflow: auto;
    width: auto;
    padding: 8px calc(5vw + 16px);
    text-align: right;
}

.npopup-btn-close {
	display: none !important;
}

#main-content {
	min-height: 70vh;
	overflow-x: hidden;
	padding-top: 90px;
}

.npopup {
	background: #d7412e;
    color: #FFF;
	font-size: 12px;
}

.remove-item, .return-link {
	    font-size: 12px;
    color: #6f6f6f;
}

.update-item {
	font-size: 12px;
	cursor: pointer;
}

.pl-2r {
	padding-left: 2rem;
}

.pr-2r {
	padding-right: 2rem;
}

.sml-label {
	font-size: 12px;
    margin-bottom: 4px;
    font-weight: 700;
}

.sml-form-group {
	margin-bottom: 8px;
}

.sml-form-control {
	font-size: 13px;
    line-height: 20px;
    padding: 4px 8px;
    height: auto;
	display: block;
	min-width: 100%;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.group-form-control {
	font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
	display: inline-block;
	border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 80px;
}

.n-wrapper-sml-form-control select {
	font-size: 13px;
    line-height: 20px;
    padding: 4px 8px;
    height: auto;
	display: block;
	min-width: 100%;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control::placeholder {
	color: #ced4da;
}

.form-subheading {
	border-bottom: 1px solid #ced4da;
	padding-bottom: 8px;
}

.sml-form-btn {
	line-height: 20px;
    font-size: 13px;
    padding: 4px 8px;
    font-weight: 700;
}

.ship-method {
	font-family: 'ZurichBT';
	font-size: 12px;
    font-weight: 600;
}

.ship-desc {
	font-family: 'ZurichBT';
	font-size: 10px;
    color: #999;
}

.cart-total-row {
	font-size: 20px;
	border-top: 2px solid #484848;
    border-bottom: 2px solid #484848;
    margin: 8px 0px;
    padding-top: 8px;
}

.fw-700 {
	font-weight: 700;
}

.list-view-item .addtocart {
	margin-top: 0;
}

#n_category hr {
	margin-top: 16px;
    margin-bottom: 8px;
}
.btn-group .btn-outline-secondary, .btn-default, .btn-outline-secondary:not(:disabled):not(.disabled).active {
	color: #666;
	font-size: 12px;
}

#sortby {
	    font-size: 12px;
}

.col-form-label {
	font-size: 12px;
    text-align: right;
    padding-right: 16px;
}

.page-header {
	margin-bottom: 16px;
}

.order-summary {
	padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.sml-stack .btn-secondary {
	font-size: 12px;
}

.product-wishlist {
	text-align: left;
    margin-bottom: 16px;
}

.product-wishlist a, .brochure-download a {
	color: #333;
	transition: 0.3s;
	display: block;
	padding: 2px 0px;
}

.product-wishlist a:hover, .brochure-download a:hover {
	color: #28a745;
	transition: 0.3s;
	cursor: pointer;
}

.brochure-download {
	text-align: left;
}

.rc-blog-sum {
	font-size: 12px;
	height: 54px;
	overflow: hidden;
}

.nav-link {
    display: block;
    padding: .25rem 0.5rem;
}

.product-desc p, .brochure-download p, .product-desc ul {
	font-family: 'ZurichBT';
    font-size: 16px;
	margin-bottom: 32px;
}

.product-desc ul li {
	border-bottom: 1px solid #eee;
    padding-bottom: 4px;
    padding-top: 8px;
}

.spec-line {
	border-top: 1px solid #eee;
	font-family: 'ZurichBT';
    font-size: 16px;
}

.wrapper-product-title .breadcrumb {
	margin-bottom: 0;
	height: 31px;
	max-height: 31px;
    overflow: hidden;
}

.wh-qty {
	flex: 0 0 50%;
    max-width: 50%;
	border-right: 1px solid #eee;
}

.wh-qty:last-child {
    border: none;
}

a.std-link {
	display: inline-block;
    color: #d7412e;
	font-family: 'Montserrat';
}

a.std-link:hover, a.std-link:active, a.std-link:focus {
	color: #982010;
	text-decoration: none;
}

.list-promo {
	font-size: 12px;
    font-family: 'zurichBT';
    text-transform: uppercase;
}

.list-product-image {
	max-height: 55px;
}

.p-promo {
	font-size: 16px;
	 font-family: 'zurichBT';
}

.p-label {
	color: #d7412e;
}

.top-deets, .top-deets span {
	font-size: 14px;
	font-family: 'zurichBT';
}

.page-item:first-child .page-link, .page-link, .page-item:last-child .page-link {
	border-radius: 16px;
	border-color: transparent;
}

.testi-icon {
	max-width: 100%;
    max-height: 36px;
}

.fa-ul {
    list-style-type: none;
    margin-left: 1.5em;
    padding-left: 0;
}

ul {
	padding-inline-start: 16px;
}

.valign-center {
	align-items: center;
    justify-content: center;
    display: flex;
}

.dgroup-logo {
	max-height: 52px;
	margin-top: -16px;
}

.promotions-bar {
    color: #fff;
    background-color: #d7412e;
    padding: 0 16px;
    font-weight: 600;
    display: block;
    line-height: 42px
}

.promotions-bar a,.promotions-bar p {
    color: #fff
}

.promotions-bar a:hover {
    color: #222
}

.promotions-bar p {
    float: left;
    margin-bottom: 0
}

.promotions-bar a.right {
    float: right
}

.warehouse-cart {
	font-size: 11px;
	font-family: 'ZurichBT';
}

.cart-product-title {
	font-weight: 700;
}

.cart-row {
	border-top: 1px solid #eee;
}

.cart-sidebar {
	font-size: 12px;
}

.btn-tertiary:hover {
	    color: #d7412e;
}

.grid-deets {
	font-family: 'ZurichBT';
    font-size: 10px;
    color: #999;
    min-height: 12px;
    max-height: 12px;
    overflow: hidden;
}
.grid-brand {
	font-family: 'ZurichBT';
	font-size: 11px;
}

.grid-title {
	font-size: 13px;
    line-height: 16px;
    font-weight: 700;
}

.thumbnail.card-body .card-title {
    min-height: 32px;
    max-height: 32px;
    overflow: hidden;
}

.itf-icon {
	max-height: 12px;
	max-width: 21px;
}

.itf-link {
	min-width: 169px;
}



.list-view-body .col-8.col-md-4.pl-1.pr-1 {
	flex: 36%;
    max-width: 36%;
}

.list-view-body .col-12.col-md-4.text-right {
	flex: 0 0 30.66%;
    max-width: 30.66%;
}

.list-view-body .col-md-2 {
    flex: 14%;
    max-width: 14%;
}

.btn-view {
	min-width: 100px;
}

.home-bg-1 {
	background-image: url(/assets/images/dynamic-warehouse-1.jpg);
    background-size: cover;
	height: 100%;
	width: 100%;
}

.home-bg-2 {
	background-image: url(/assets/images/dynamic-warehouse-2.jpg);
    background-size: cover;
	height: 100%;
	width: 100%;
	background-position: center center;
}

.dgroup-link, .dgroup-link span {
	font-weight: 700;
	font-size: 16px;
}

.text-warning {
    color: #ff9800!important;
}

.mm-row-col {
	flex-direction: column;
    flex-wrap: wrap;
    max-height: 33rem;
    align-content: flex-start;
}

.mobile-acct {
	color: #FFF;
}

.brands-row {
	padding: 0 15px;
}

.major-brand-item {
	width: 12.5%;
	max-width: 12.5%;
	padding: 0 4px 12px 4px!important;
    border-bottom: 1px solid #d5d5d5;
}

.sml-alert {
    position: relative;
    padding: 6px 8px;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.resource-header {
	font-size: 16px;
}

.resource-header a {
	color: #333;
}

.resource-sum {
	font-family: 'ZurichBT';
	font-size: 14px;
    border-bottom: 1px solid #ced4da;
    padding: 8px 0 4px 0;
    line-height: 18px;
}

.btn-resource {
	font-size: 12px;
}

.accordion {
  background-color: #FFF;
  color: #333;
  font-weight: 600;
  cursor: pointer;
  padding: 8px 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 8px;
}

.accordion:after {
	display: none;
    font-family: "Font Awesome 5 Pro";
	font-weight: 900;
    content: '\f067';
    font-size: 14px;
    color: #333;
    float: left;
    margin-right: 12px;
	transition: 0.4s;
}

.accordion.active:after {
	display: none;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
  content: "\f068"; 
	transition: 0.4s;
}

.accordion svg {
	float: left;
    margin: 2px 4px;
	transition: 0.4s;
}

.accordion:focus {
	outline: none;
}

.active, .accordion:hover, .accordion:hover:after {
  color: #d7412e;
}

.panel {
  padding: 0 24px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.pp__your-price {
	padding-bottom: 8px;
	color: #333;
    font-weight: 700;
    font-size: 16px;
}

.pp_yploader {
	padding-bottom: 8px;
	color: #333;
    font-weight: 700;
    font-size: 16px;
	min-height: 32px;
}

.sale-pricing {
	font-size: 18px;
}

.sale-pricing .badge-secondary {
    background-color: #252423;
    color: #FFFFFF;
    border: 1px solid #252423;
    border-radius: 4px 0 0 4px;
}

.sale-pricing .badge-tertiary {
	border: 1px solid #d7412e;
    border-radius: 0 4px 4px 0;
    color: #FFFFFF;
    background-color: #d7412e;
}

.mktg-filter, .cat-filter {
	margin-right: 8px;
}

.mktg-filter-label, .cat-filter-label {
	font-family: 'ZurichBT';
    position: absolute;
}

.resource-content {
	height: 12rem;
    overflow: hidden;
    margin-bottom: 32px;
}

.resource-icons {
	color: #a4abb1;
    padding-right: 4px;
}

.mktg-align {
	margin: 0 auto;
	text-align: center;
}

.mktg-align div {
	display: inline-block !important;
}

.mktg__back_bread {
	color: #a4abb1;
    font-size: 12px;
    max-width: 648px;
    width: 648px;
    display: inline-block;
    text-align: left;
}

/* ----------- iPad Std ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.brand-item {
		padding: 0 4px;
    flex: 0 0 25%;
    max-width: 25%;
		
	}

}

/* Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.viewport-header {
    height: 235px;
    overflow: hidden;
    top: 0;
    margin: 22vh 0;
    width: 100%;
}
	.viewport-header h1 {
		color: #FFF;
		font-weight: 800;
		    font-size: 36px;
		line-height: 1;
		width: 85vw;
	}
	
		.viewport-header p {
		color: #FFF;
		font-size: 18px;
		width: 80vw;
		line-height: 1.15;
			margin-bottom: 8px;
	}
	
	.cart-btn {
		max-width: 35%;
        min-width: 22%;
	}
	
	.mobile-header-cart {
		display: block;
    	padding: 18px;
		float: right;
		margin-right: 16px;
		width: 65%;
		text-align: right;
	}
	
	.mobile-header-user{
		display: block;
    	padding: 18px 10px;
		float: right;
		margin-right: 20px;
	}
	
	.mobile-header-user a {
		color: #FFF;
	}
	
	.mobile-header-cart i, .mobile-header-user i {
		padding-right: 4px;
	}
	
	.cart-btn {
		line-height: 1;
	}
	
	.ajax_search {
	   max-width: 89% !important;
	}
	
	.cart-indicator {
    position: absolute;
    background-color: #d7412e;
    width: 12px;
    height: 12px;
    font-size: 8px;
    border-radius: 12px;
    top: 13px;
    right: 16px;
		line-height: 12px;
}
	
	.wsanimated-arrow small.menu-text {
		color: #FFF;
    top: 6px;
    position: relative;
    font-size: 7.5px;
    text-transform: uppercase;
		transition: 0.5s;
		font-weight: 700;
	}
	
	.wsactive .wsanimated-arrow small.menu-text {
		color: transparent;
	}
	
	.wsanimated-arrow small.close-text {
		color: transparent;
	}
	
	.wsactive .wsanimated-arrow small.close-text {
	z-index: 999999;
    left: -8px;
    position: absolute;
    font-size: 7px;
    text-transform: uppercase;
    top: 28px;
    color: #d7412e;
    transition: .5s;
    font-weight: 700;
	}

}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}
	
@media (max-width: 992px) {
	#main-content {
		padding-top: 80px;
	}
	
	.cat-cont {
	padding: 0px 32px;
}
	
	.brands-row {
	display: none;
}
	
	.filter-header {
    font-size: 24px;
    margin-top: 32px;
}
	
	.type-switch {
		padding-bottom: 16px;
	}
		
	.list-view-body .col-md-4 {
    flex: 66.66667%;
    max-width: 66.66667%;
}
	.list-view-body .col-md-2 {
    flex: 100%;
    max-width: 100%;
    padding: 8px 0px;
}
	
	.logged-in-u {
		padding-top: 112px !important;
	}
	
	.mm-row-col {
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 385px;
    align-content: flex-start;
    overflow-x: scroll;
}
	.headertopright {
		-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
		opacity: 1;
	}
	
	.wsactive .headertopright {
		-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
		opacity: 0;
	}
	
	.warehouse-cart {
		padding-bottom: 8px;
	}
	
}

@media (max-width: 490px) {
	
	.itf-header {
		display: none;
	}
	
	#main-content {
		padding-top: 80px;
	}
		.viewport-header {
		height: 235px;
    overflow: hidden;
    top: 0px;
       margin: 12vh 0;
    width: 100%;
	}
	
		.viewport-header h1 {
		color: #FFF;
		font-weight: 800;
		    font-size: 36px;
		line-height: 1;
		width: 85vw;
	}
	
		.viewport-header p {
		color: #FFF;
		font-size: 18px;
		width: 80vw;
		line-height: 1.15;
			margin-bottom: 8px;
	}
	
	.usp-section {
    background-color: #393939;
    padding: 16px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}
	
	.sp-64 {
    padding: 32px 24px;
}
	.home-headline {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1;
}
	
	
	.mobile-header-user {
		color: #FFF;
	}
	
	.wsanimated-arrow small.menu-text {
		color: #FFF;
    top: 6px;
    position: relative;
    font-size: 7.5px;
    text-transform: uppercase;
		transition: 0.5s;
		font-weight: 700;
	}
	
	.wsactive .wsanimated-arrow small.menu-text {
		color: transparent;
	}
	
	.wsanimated-arrow small.close-text {
		color: transparent;
	}
	
	.wsactive .wsanimated-arrow small.close-text {
	z-index: 999999;
    left: -8px;
    position: absolute;
    font-size: 7px;
    text-transform: uppercase;
    top: 28px;
    color: #d7412e;
    transition: .5s;
    font-weight: 700;
	}
	
	.wsshopmyaccount a {
		font-weight: 700;
	}
	
	.wsshopmyaccount li a {
		font-weight: 500;
	}
	
	.wrapper-footer .nav {
		margin-bottom: 16px;
	}
	
	.mobile-header-cart {
		display: block;
    	padding: 8px 0px;
		float: right;
		margin-right: 16px;
		width: 65%;
    text-align: right;
	}
	
	.mobile-header-user{
		display: block;
    	padding: 18px 10px;
		float: right;
		margin-right: 20px;
	}
	
	.mobile-header-user a {
		color: #FFF;
	}
	
	.mobile-header-cart i, .mobile-header-user i {
		padding-right: 4px;
	}
	
	.cart-btn {
		line-height: 1;
		min-width: 20% !important;
		max-width: 35% !important;
		padding: 13px;
	}
	
	.cart-indicator {
    position: absolute;
    background-color: #d7412e;
    width: 12px;
    height: 12px;
    font-size: 8px;
    border-radius: 12px;
    top: 8px;
    right: 0px;
	line-height: 12px;
}
	
	.mobile-acct {
		padding-right: 16px;
		color: #FFF;
	}
	
	.desktop-vid-hero {
		display: none;
	}
	
	.mobile-vid-hero {
	display: block;
	}
	
	.left-img {
		padding-bottom: 32px;
	}
	
	.wsmenu li.divider {
		display: none !important;
	}
	
	.warehouse-stock {
		padding-bottom: 24px;
	}
	
	.qty-col {
		padding-left: 15px !important;
	}
	
	.home-bg-1, .home-bg-2 {
		    min-height: 400px;
	}
	
	.dgroup-logo {
		margin: 16px 0px;
	}
}

#cartcontents {
	max-height: 60vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* width */
#cartcontents::-webkit-scrollbar {
  width: 6px;
}

/* Track */
#cartcontents::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#cartcontents::-webkit-scrollbar-thumb {
  background: #cfcfcf;
}

/* Handle on hover */
#cartcontents::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.filter-title .h4 {
	font-size: 14px;
	font-weight: 400;
}

.filter-title[aria-expanded=true] .fa-chevron-down {
   display: none;
}
.filter-title[aria-expanded=false] .fa-chevron-up {
   display: none;
}

.filter-title i {
	    font-size: 11px;
    color: #999;
    line-height: 16px
}

.acc-view-all {
	font-size: 18px;
    line-height: 28px;
}

.itf-list, #itf-display, #rsc-display {
	font-family: 'ZurichBT';
    font-size: 15px;
}

.itf-header {
	font-weight: 700;
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: left !important;
}

.dataTables_wrapper .dataTables_length {
	display: none !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px !important;
	font-family: 'ZurichBT';
}


.itf-desktop {
	font-size: 16px;
	font-family: 'ZurichBT';
}

.itf-desktop small {
	font-size: 14px;
    color: #777;
}

#itfSearch, #itfBrands, #rscSearch, #rscBrands {
    margin: 16px 0 32px 0;
    min-width: 270px;
    padding: 10px;
    line-height: 1;
    font-size: 16px;
}
	
mark {
	background: #ed1c2452;
	color:black;
}

.ship-clasif {
	font-size: 11px;
    color: #999;
	text-transform: uppercase;
	margin: 4px 0px;
    font-family: 'ZurichBT';
}

.brands-text-list a {
	color: #6e6e6e;
    font-size: 11px;
}

.brands-text-header p {
	padding: 10px 0 6px;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 8px;
}

.line-disc-text {
	font-size: 12px;
}

.offer-text {
	line-height: 1.15;
}

.offer-text a {
	color: #bebebe !important;
}

.special-headline {
font-weight: 700;
	font-size: 14px;
	margin: 16px 0px 8px 0px;
}

.special-desc {
	font-family: 'ZurichBT';
    font-size: 11px;
    height: 100px;
    overflow: hidden;
    max-height: 100px;
}

.mobile-itf-alert {
	display: none;
}

.cart-sidebar .form-group {
	margin-bottom: 12px;
}

.itf-search-wrap {
	display: flex;
  align-items: center;
  justify-content: center;
	height: 100%;
	
}

@media (max-width: 850px) and (max-height: 420px) and (orientation: landscape) {
	.mobile-itf-alert {
		    display: block;
    font-size: 80%;
    margin: 16px;
    color: #db5241;
    background-color: #db52413b;
    padding: 8px 12px;
    border-radius: 8px;
	}
	
	.itf-cont {
		min-width: 100%;
	}
	
	.itf-cont .container {
		max-width: 100%;
	}
	
	#itf-display {
		max-width: 100%;
    overflow-x: scroll;
	}
	
	.breadcrumb {
		display: none;
	}
	
	
	/* Mobile Toggle Menu icon (X ICON) */
  .wsanimated-arrow {
    position: absolute;
    left: 100px;
    top: -4px;
    z-index: 102;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .wsanimated-arrow {
    cursor: pointer;
    padding: 16px 35px 16px 0px;
    margin: 12px 0 0 15px;
  }

  .wsanimated-arrow span,
  .wsanimated-arrow span:before,
  .wsanimated-arrow span:after {
    cursor: pointer;
    height: 3px;
    width: 24px;
    background: #FFF;
    position: absolute;
    display: block;
    content: '';
  }

  .wsanimated-arrow span:before {
    top: -7px;
    width: 24px;
  }

  .wsanimated-arrow span:after {
    bottom: -7px;
    width: 24px;
  }

  .wsanimated-arrow span,
  .wsanimated-arrow span:before,
  .wsanimated-arrow span:after {
    transition: all 500ms ease-in-out;
  }

  .wsactive .wsanimated-arrow span:after {
    width: 24px;
  }

  .wsactive .wsanimated-arrow span {
    background-color: transparent;
  }

  .wsactive .wsanimated-arrow span:before,
  .wsactive .wsanimated-arrow.active span:after {
    top: 7px;
  }
	
	.wsactive .wsanimated-arrow span:before {
		left: -8px;
        top: 0px;
		background-color: #d7412e;
	}
	
	.wsactive .wsanimated-arrow span:after {
		bottom: 0px;
    	left: -8px;
		background-color: #d7412e;
	}

  .wsactive .wsanimated-arrow span:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 0px;
  }

  .wsactive .wsanimated-arrow span:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

	.wsanimated-arrow small.menu-text {
		color: #FFF;
    top: 6px;
    position: relative;
    font-size: 7.5px;
    text-transform: uppercase;
		transition: 0.5s;
		font-weight: 700;
	}
	
	.wsactive .wsanimated-arrow small.menu-text {
		color: transparent;
	}
	
	.wsanimated-arrow small.close-text {
		color: transparent;
	}
	
	.wsactive .wsanimated-arrow small.close-text {
	z-index: 999999;
    left: -8px;
    position: absolute;
    font-size: 7px;
    text-transform: uppercase;
    top: 28px;
    color: #d7412e;
    transition: .5s;
    font-weight: 700;
	}
	
	.mobile-header-cart {
		display: block;
    	padding: 16px;
		float: right;
		margin-right: 16px;
		text-align: right;
		min-width: 65%;
	}
	
	.cart-btn {
		min-width: 20%;
	}
	
	.viewport-header h1 {
		font-size: 42px;
	}
	
	.viewport-header p {
		font-size: 18px;
	}
	
	.itf-desktop {
		display: none;
	}
	
	.itf-cont {
		padding: 32px 16px;
	}
	
}

@media (max-width: 420px) {
	#itf-display {
		overflow-x: scroll;
	}
	
	#itfBrands {
		margin-bottom: 0;
	}
	
	.mobile-itf-alert {
		    display: block;
    font-size: 80%;
    margin: 16px;
    color: #db5241;
    background-color: #db52413b;
    padding: 8px 12px;
    border-radius: 8px;
	}
	
	.itf-cont .breadcrumb {
		margin-bottom: 8px;
	}
	
	.itf-cont {
		padding: 32px 16px;
	}
	
	.itf-desktop {
		display: none;
	}
	
	.itf-cont h1 {
		font-size: 25px;
	}
	
	.itf-cont .breadcrumb {
		display: none;
	}
}

iframe {
	max-width: 100% !important;
}

.w-65 {
	width: 65% !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 0px;
    height: 0px;
    background: no-repeat 50%/100% 100%;
}

.carousel-indicators li {
	width: 16px;
	height: 4px;
	opacity: .25;
	border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.carousel-indicators .active {
    opacity: 0.75;
}

.order-sum-head {
	font-weight: 600;
    padding-top: 16px;
}

.order-summary p {
	font-family: 'ZurichBT';
	font-size: 13px;
}

.order-sum-head > div {
	border-bottom: 1px solid #eee;
}

.carousel-control-next, .carousel-control-prev {
    width: calc(24px + 4%);
}

.w-35 {
	width: 35%
}

.copy-group-btn {
  border-radius: 0px 4px 4px 0px !important;
}

.copy-group-input {
	border-radius: 4px 0px 0px 4px !important;
	font-size: 12px;
    height: 35px;
}

.pass-label {
	display: block;
    margin-top: 8px;
    font-weight: 700;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 140%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


.tooltip .tooltiptextlge {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 140%;
  left: 50%;
  margin-left: -125px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptextlge::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptextlge {
  visibility: visible;
  opacity: 1;
}

label.desc {
	font-weight: 700;
}


hr.dark {
	border-top: 1px solid #ced4da
}

.dark-link {
  color: #333333;
}

.qty-warn {
	padding: 5px 4px !important;
    line-height: 1.25;
    margin-top: 6px;
    color: #d7412e;
    border: 1px solid #d7412e;
	font-size: 10px;
	background-color: #d7412e0f;
	border-radius: 0.3rem;
	
}

.maint-warn {
	padding: 12px 12px !important;
    font-family: 'Zurich BT';
    line-height: 1.35;
    margin-top: 16px;
    color: #d7412e;
    border: 1px solid #d7412e;
    font-size: 14px;
    background-color: #d7412e0f;
    border-radius: 0.3rem;
	
}

.maint-warn .btn-primary {
	font-family: 'Montserrat';
	font-weight: 600;
}

.breadcrumb-item > .fa-chevron-right:before {	
	content: "\f054";
    position: relative;
    left: 4px;
    top: 3px;
    font-size: 11px;
    padding: 2px;
    color: #d7412e;
}

.cat-filter-title {
	display: block;
    color: #333;
    font-family: 'zurichbt';
	    line-height: 2;
}
    
.subcat-filter {
	display: block;
	color: #838383;
	font-family: 'zurichbt';
	padding-left: 16px;
	    line-height: 2;
	
}


.product_wt {
	color: #bbbbbb;
    font-weight: 400;
    padding-left: 4px;
}

.ctg__banner {
	width: 1410px;
}

.header__search-sep {
	display: block;
	position: relative;
	padding: 10px 16px;
	color: #222;
	font-weight: 700;
	background-color: #f8f8f8;
    line-height: 1.618;
}

.search-item.search-content a {
	padding: 10px 16px !important;
}

.alert-light {
    color: #252423;
    background-color: #ffff00;
    border-color: #252423;
    border: 0px solid #252423;
    padding: 1.5rem 1.25rem;
    border-radius: 0;
}

.alert.alert-light::before {
    background: repeating-linear-gradient( -45deg, #252423, #252423 8px, transparent 7px, transparent 16px );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 12px;
    content: '';
    position: absolute;
    width: 100%;
    margin-left: -1.25rem;
	top: 0;
}


.alert.alert-light::after {
    background: repeating-linear-gradient( -45deg, #252423, #252423 8px, transparent 7px, transparent 16px );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 12px;
    content: '';
    position: absolute;
    width: 100%;
    margin-left: -1.25rem;
	bottom: 0;
}

.alert-header {
	font-size: 16px;
}

.alert-body {
	    font-size: 14px;
    font-family: 'zurichbt';
}

.red-card {
	background-color: #d7412e;
    border: none;
	padding: 32px;
}

.red-card .lead {
	color: #FFF;
	font-weight: 600;
	    font-size: 18px;
    line-height: 1;
    margin-bottom: 16px;
}

.disabled-input {
	pointer-events:none;
	background-color: #eee;
}

.external-form {
	font-family: 'ZurichBT';
}

.paf-search {
	min-width: 33vw;
    margin: 16px;
    font-size: 16px;
    padding: 8px;
}

#_pst_ship_selector_pl {
	min-width: 200px;
}

.cart-qty::-webkit-inner-spin-button, 
.cart-qty::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#_jstl__ajax_cart_r .cart-qty {
	display: inline-block;
    max-width: 42px;
    appearance: textfield;
    padding: 4px;
    font-size: 12px;
}

#_jstl__ajax_cart_r .table td, #_jstl__ajax_cart_r .table th {
    padding: 2px 0;
    vertical-align: top;
    border-top: 0 !important;

}

#cartModal .modal-header {
	border-bottom: 0 !important;
}

#_jstl__ajax_cart_r table {
    margin-bottom: 8px;
}

#modalCartRows {
    max-height: 61.8vh;
    overflow-y: scroll;
    overflow-x: hidden;
	margin-top: 8px;
}

.modal-body {
	padding: 8px 0px;
}

/* width */
#modalCartRows::-webkit-scrollbar {
  width: 6px;
}

/* Track */
#modalCartRows::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#modalCartRows::-webkit-scrollbar-thumb {
  background: #cfcfcf;
}

/* Handle on hover */
#modalCartRows::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.modalCartItem {
	padding: 8px 8px 8px 8px;
}

.incdec {
	padding: 4px 8px;
}

.modal-dialog {
    max-width: 400px;
	position: fixed;
    width: auto;
    pointer-events: none;
    right: 21px;
    top: 92px;
    margin: 0 !important;
	max-height: 85vh;
    overflow: hidden;
}

.modal-content {
	border-radius: 0;
}

.modal.modal-fullscreen-xl.fade.modal-right-pane.show {
    overflow-x: hidden;
   /* overflow-y: scroll; */
}

.cart-dropdown.dropdown-menu {
    height: 0px !important;
    display: none !important;
}

#priceChecked {
    opacity: .4;
    font-size: 10px;
    position: relative;
    vertical-align: super;
}

#priceChecked2 {
    opacity: .4;
    font-size: 8px;
    position: relative;
	min-width: 10px;
    display: inline-block;
}

.cart-price-checked {
    font-size: 10px;
    background-color: #ebebeb;
    color: #999;
    padding: 2px 4px;
    border-radius: 4px;
}

.cart-price-checked-error {
    font-size: 10px;
    background-color: #d7412e0f;
    color: #d7412e;
    padding: 2px 4px;
    border-radius: 4px;
}

.cart-price-retry {
	font-size: 10px;
	color: #d7412e;
}

.modalCart-overlay {
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000; }
  
  .modalCart-overlay div.spinner-border,
  .modalCart-overlay i.fa-gift,
  .modalCart-overlay i.fa-spinner,
  .modalCart-overlay i.fa-circle-notch {
    position: absolute;
    left: 25%;
    font-size: 200px;
    top: 25%;
    color: #adb5bd; }
  
  .incdec:focus,
  .cart-qty:focus {
    box-shadow: none; }
  
  .bordermorpher {
    animation: bordermorph 1s infinite; }
  
  @keyframes bordermorph {
    from {
      border-color: #ebebeb; }
    to {
      border-color: #006FF5; } }

 .no-render {
    white-space: pre-wrap; /* Preserve spacing and line breaks */
    font-family: "Courier Prime", monospace; /* Display as code text */
}

code {
	white-space: pre-wrap; /* Preserve spacing and line breaks */
    font-family: "Courier Prime", monospace;
    padding: 4px 6px 2px 6px;
    color: #212529;
    background-color: #e3e6e8;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
}

.code-block {
    font-family: "Courier Prime", monospace;
    padding: 4px 6px 2px 6px;
    color: #212529;
    background-color: #e3e6e8;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
	min-width: 100%;
}

.documentation {
	font-family: 'ZurichBT';
}

.documentation-table {
	font-family: 'ZurichBT';
	table-layout: fixed;
}

.documentation-table thead tr {
	background-color: #FFF;
}

.table.documentation-table th, .table.documentation-table tr, .table.documentation-table td {
	border-top: none !important;
	border-bottom: 1px solid #dee2e6;
}

ul.table-of-contents li {
	list-style-type: none;
}
.min-width-100 {
  min-width: 100px;
}
.width-100 {
	width: 100px;
}
.min-width-150 {
  min-width: 150px;
}
.width-150 {
	width: 150px;
}
.width-250 { 
	width: 250px
}
.min-width-400 {
  min-width: 400px;
}
.link-muted {
  color: #6c757d;
  border-bottom: 1px dotted #6c757d7a;
}
.documentation .btn {
  font-family: 'Montserrat', 'Zurich BT', sans-serif;
}

.documentation p a:not(.btn) {
	border-bottom: 1px dotted #d7412e;
}

.documentation a.anchor {
	display: block; 
	position: relative; 
	top: -120px; 
	visibility: hidden;
}

.badge-primary {
    background-color: #d7412e /*{label-primary-bg}*/;
}