.colors__color div {
	width: 100%;
	padding-top: 50%;
}

.colors__color .primary {
	background: #dc241f;
}

.colors__color .secondary {
	background: #861713;
}

.colors__color .grey-dark {
	background: #323232;
}

.colors__color .grey-base {
	background: #414147;
}

.colors__color .grey-mid {
	background: #595962;
}

.colors__color .grey-light {
	background: #eee;
}

body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	background: #fffffe;
}

.text h4,
.text h5 {
	font-weight: 600;
}

.text p,
.text ol,
.text ul {
	margin-bottom: 20px;
}

.text ol,
.text ul {
	margin-left: 15px;
}

.text a {
	color: #dc241f;
}

.text a:hover {
	color: #af1d19;
}

.text__align--right {
	text-align: right;
}

.text__align--left {
	text-align: left;
}

.text__align--center {
	text-align: center;
}

.alert-danger {
	color: #861713;
}

.server-time {
	line-height: 50px;
	margin-left: 0;
	padding-left: 20px !important;
}

.main-footer .copyright {
	margin-bottom: 0;
	padding: 30px;
}

.main-header .sm-navigation a:hover,
.main-header .sm-navigation a:active {
	color: #eee;
}

.main-header .sm-navigation .js-toggle-sm-navigation:focus,
.main-header .sm-navigation .nav-cart:hover {
	background: none;
}

.main-header .sm-navigation .js-toggle-sm-navigation:focus a:hover,
.main-header .sm-navigation .nav-cart:hover a:hover {
	color: #dc241f;
}

.main-header .sm-navigation .miniCartSlot {
	min-width: 50px;
}

.main-header .md-secondary-navigation a {
	text-transform: none;
}

.main-header .md-secondary-navigation a:hover {
	color: #dc241f !important;
}

.main-header .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle,
.main-header .md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle {
	background: #fff;
	color: #000;
}

.main-header .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed,
.main-header .md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed {
	background: none;
}

#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
	background: #fff;
}

#accNavComponentDesktopOne ul li,
#accNavComponentDesktopTwo ul li {
	border: none;
}

#accNavComponentDesktopOne ul li:hover,
#accNavComponentDesktopTwo ul li:hover {
	background: #dc241f;
}

#accNavComponentDesktopOne ul li a,
#accNavComponentDesktopTwo ul li a {
	padding: 10px;
}

.main-header .mobile-menu {
	min-width: 50px;
}

.main-header .nav-bottom {
	border-bottom: none;
}

.site-search {
	background: none;
	padding: 5px;
}

.site-search > .ui-front {
	padding: 0;
}

.site-search .js-site-search-input {
	background: #fffffe;
}

.site-search .input-group {
	border: none;
	background: #eee;
	width: 100%;
}

.site-search .glyphicon-search {
	color: #323232;
}

.site-search .glyphicon-search:hover {
	color: #dc241f;
}

.mobile-search {
	min-width: 50px;
}

.carousel .owl-item .thumb {
	background: white;
	padding-top: 5px;
}

.carousel .owl-item .item .item-name {
	text-transform: none;
	margin-bottom: 0;
}

.carousel .owl-item .item .item-name:before,
.carousel .owl-item .item .item-name:after {
	background: none;
	display: none;
}

.carousel .owl-item:hover .item .item-name {
	color: #dc241f;
}

.carousel .owl-item:hover .item img {
	transition: all .3s;
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
	color: #eee;
	background: none;
}

.simple-banner a:hover {
	opacity: 0.7;
}

.margin-top--none {
	margin-top: 0 !important;
}

.margin-top--small {
	margin-top: 15px !important;
}

.margin-top,
.margin-top--normal {
	margin-top: 30px !important;
}

.margin-top--large {
	margin-top: 60px !important;
}

.margin-bottom--none {
	margin-bottom: 0 !important;
}

.margin-bottom--small {
	margin-bottom: 15px !important;
}

.margin-bottom,
.margin-bottom--normal {
	margin-bottom: 30px !important;
}

.margin-bottom--large {
	margin-bottom: 60px !important;
}

/*# sourceMappingURL=sourcemaps/main.css.map */

@media (min-width: 40em) and (max-width: 63.99em) {

.site-logo {
	position: absolute;
	top: 10px;
	left: 50%;
}

.main-header .nav-top {
	height: 0;
	border: none;
}

.sm-navigation .mobile-search {
	height: 60px;
}

.sm-navigation .mobile-search span.glyphicon-search {
	color: #000;
	font-size: 30px;
	top: 3px;
}

.sm-navigation > .container .row > div.site-search {
	display: none;
	position: absolute;
	top: 60px;
	width: 50%;
}

.sm-navigation > .container .row > div.site-search.additional-site-search {
	left: 50%;
	top: 60px !important;
}

.sm-navigation > .container .row > div.site-search.active {
	display: block;
}

}

@media (min-width: 64em) {

.main-header .main-navigation > .nav > li > a:hover,
.main-header .main-navigation > .nav > li > a:focus {
	background: none;
	color: #dc241f;
}

.main-header .main-navigation > .nav > li > a:hover a,
.main-header .main-navigation > .nav > li > a:focus a {
	color: black;
}

.main-header .main-navigation > .nav > li.has-sub:hover {
	background: #eee;
}

.main-header .main-navigation > .nav > li.has-sub:hover > a {
	color: black;
}

.main-header .main-navigation > .nav > li.has-sub:hover .sub-navigation {
	background: #eee;
	border: none;
}

.main-header .main-navigation > .nav > li.md-show-sub.has-sub > a:after {
	display: none;
}

.main-header .main-navigation > .nav > li .sub-navigation {
	box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section:hover {
	background: none;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section a {
	display: block;
	padding: 10px;
	letter-spacing: 1px;
	color: #000;
	font-weight: 600;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section a:hover {
	background: none;
	color: #dc241f;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul,
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section li {
	list-style: none;
	padding: 0;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section li {
	background: none;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section li a {
	text-transform: none;
	letter-spacing: 0;
	color: #000;
	font-weight: 400;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section li a:hover {
	background: none;
}

.site-search {
	padding-top: 11px;
}

}

@media (max-width: 63.99em) {

.knolltooltip .tooltiptext {
	width:150px;
	font-size: small;
}	
	
.main-header .main-navigation {
	height: 96vh;
	border-top: none;
	background: #eee;
	box-shadow: 2px 0px 3px rgba(0, 0, 0, .25);
}

.main-header .main-navigation .nav-pills li.auto {
	border: none;
	border-top: 1px solid #323232;
}

.main-header .main-navigation li.auto a {
	color: #000;
}

.main-header .main-navigation li.auto .userGroup {
	background: #eee;
}

.main-header .main-navigation ul.mobileNavLinks div.sub-nav a span,
.main-header .main-navigation .has-sub > a:before {
	left: auto;
	right: 20px;
	top: 18px;
}

.main-header .main-navigation ul.mobileNavLinks li,
.main-header .main-navigation ul.mobileNavLinks li.auto,
.main-header .main-navigation ul.mobileNavLinks li.auto:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:focus {
	background: none;
	padding: 0;
}

.main-header .main-navigation ul.mobileNavLinks li a,
.main-header .main-navigation ul.mobileNavLinks li.auto a,
.main-header .main-navigation ul.mobileNavLinks li.auto:hover a,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto a,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:hover a,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:focus a {
	padding-left: 20px;
	color: #000;
}

.main-header .main-navigation ul.mobileNavLinks li a:hover,
.main-header .main-navigation ul.mobileNavLinks li.auto a:hover,
.main-header .main-navigation ul.mobileNavLinks li.auto:hover a:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto a:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:hover a:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:focus a:hover {
	background: none;
}

.main-header .main-navigation ul.mobileNavLinks li ul a,
.main-header .main-navigation ul.mobileNavLinks li.auto ul a,
.main-header .main-navigation ul.mobileNavLinks li.auto:hover ul a,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto ul a,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:hover ul a,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:focus ul a {
	color: #000;
}

.main-header .main-navigation ul.mobileNavLinks li ul a:hover,
.main-header .main-navigation ul.mobileNavLinks li.auto ul a:hover,
.main-header .main-navigation ul.mobileNavLinks li.auto:hover ul a:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto ul a:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:hover ul a:hover,
.main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:focus ul a:hover {
	color: #dc241f;
}

.main-header .main-navigation ul.mobileNavLinks li.liUserSign {
	border-bottom: none;
}

.main-header .main-navigation ul.mobileNavLinks .myAccountLinksContainer ul {
	background: #fffffe;
	border-bottom: none;
}

.main-header .main-navigation ul.mobileNavLinks div.sub-nav a span {
	top: 0;
}

.main-header .main-navigation ul.nav {
	position: relative;
	top: 20px;
	background: none;
}

.main-header .main-navigation ul.nav.nav-pills {
	border-bottom: 1px solid #000;
}

.main-header .main-navigation ul.nav.nav-pills ul {
	border-bottom: none;
}

.main-header .main-navigation ul.mobileNavLinks li {
	background: none;
	border: 1px solid #323232;
}

.main-header .main-navigation ul.mobileNavLinks li .sub-nav a {
	border: none;
	background: none;
}

.main-header .main-navigation ul.mobileNavLinks li .sub-nav a:hover {
	background: none;
}

.main-header .main-navigation .has-sub .sub-navigation .sm-back {
	padding: 5px 20px;
	font-size: 14px;
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
}

.main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .title {
	padding: 15px 20px;
	line-height: inherit;
	border-bottom: 1px solid #323232;
	text-transform: none;
	font-weight: 600;
}

.main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section ul {
	padding-left: 0;
}

.main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section ul a {
	border-bottom: 1px solid #323232;
}

.js-enquire-offcanvas-navigation .close-nav button {
	background: #eee;
}

.sticky-nav-top {
	top: -40px;
}

.site-search {
	background: #b7b7b7;
	padding: 10px;
}

.sm-navigation > .container .row > div.additional-site-search.site-search {
	top: 110px;
}

.offcanvas .main-content {
	position: relative;
	z-index: -1;
}

.margin-sm-top--none {
	margin-top: 0 !important;
}

.margin-sm-top--small {
	margin-top: 15px !important;
}

.margin-sm-top,
.margin-sm-top--normal {
	margin-top: 30px !important;
}

.margin-sm-bottom--none {
	margin-bottom: 0 !important;
}

.margin-sm-bottom--small {
	margin-bottom: 15px !important;
}

.margin-sm-bottom,
.margin-sm-bottom--normal {
	margin-bottom: 30px !important;
}
	
.knolltooltip .tooltiptext{
		/* width:250px;
		font-size:small;
		margin-left: -290px; */
}
}

@media (max-width: 39.99em) {
	
.knolltooltip .tooltiptext {
	width:150px !important;
	font-size: x-small !important;
	margin-left: 0px !important;
}

.main-header .sm-navigation .mini-cart-link .nav-items-total {
	background: #dc241f;
}

.site-search {
	padding-bottom: 5px;
}

.sm-navigation > .container .row > div.site-search {
	top: 60px;
}

.sm-navigation > .container .row > div.site-search form {
	margin-top: 5px;
}

.sm-navigation > .container .row > div.additional-site-search.site-search {
	padding-bottom: 5px;
}

}

.knolltooltip {
    position: relative;
    font-size: 100%;
    opacity:1;
}

.knolltooltip .tooltiptext {
    display: none;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    width:250px;
	font-size:small;
	margin-left: -290px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1000;
}

.knolltooltip:hover .tooltiptext {
    display: inline-block;
}