html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;

	font-size: 14px;

	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, Emoji, NotoColorEmoji, OpenMoji, Segoe UI Emoji;
}

:root {
	font-size: 14px;
}

body > div > nav {
	height: auto;
	min-height: 64px;
}

body > div > nav .nav-wrapper {
	height: auto;
	min-height: 64px;
}

nav .nav-wrapper::after {
	clear: both;
	content: "";
	display: block;
}

nav .nav-wrapper > .left .brand-logo {
	position: relative;
	float: left;
	margin-right: 10px;
}

nav .nav-wrapper > .left .brand-logo > img {
	width: 48px;
	height: 48px;

	border: 1px solid #fff;
	box-shadow: 0 0 5px #000;

	vertical-align: middle;

	border-radius: 8px;
}

.card-panel.card-panel-small {
	padding: 5px 10px;
}

a > .card-panel > .row,
.card-panel.card-panel-small > .row {
	margin-bottom: 0;
}

.card-content p strong {
	font-weight: 600;
	line-height: 1;
}

hr {
	border: 0;
	height: 1px !important;
    overflow: visible;
    background: #0002;
}

price-badge {
	font-size: 12px;
	display: inline-block;
	position: relative;
	
	min-width: 9em;
	min-height: 2.5em;

	vertical-align: top;
	
	background: linear-gradient(to left, royalblue, blueviolet);
	color: #fff;
	text-shadow: 0 0 3px #000;
	border-color: #fff;
	box-shadow: 0 0 3px #000;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	box-sizing: border-box;
	
	padding: 0.6em 0;
}

price-badge > price-badge-content {
	display: block;
	font-weight: bolder;
	text-align: center;
	font-family: arial;	
}

price-badge.circle {
	background: transparent;
	border: 0;
	box-shadow: none;
	
	color: #000;
	
	text-shadow: none;
	min-width: initial;
	min-height: initial;
	height: 6.7em;
	width: 6.7em;
}
price-badge.circle > price-badge-content {
	position: absolute;
	max-height: 90%;
	width: 60%;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	font-weight: bolder;
}
price-badge.circle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: inline-block;
	height: 100%;
	width: 100%;
	filter: hue-rotate(180deg);
	background-image: url('data:image/svg+xml;escape,%3Csvg%20viewBox%3D%220%200%20400%20400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23E54C42%22%20d%3D%22m200.002%20397.744%20171.414-98.963V100.85L200.002%201.886z%22/%3E%3Cpath%20fill%3D%22%23C63130%22%20d%3D%22M200%201.884%2028.588%20100.85v197.931L200%20397.744h.002V1.886z%22/%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%22200.002%22%20cy%3D%22195.324%22%20r%3D%22121.052%22/%3E%3Cpath%20fill%3D%22%239B3535%22%20d%3D%22M200.06%20400h-.012c-4.299%200-8.429-2.431-8.891-2.711l-3.749-2.022-153.384-88.708c-1.067-.508-4.702-2.453-6.948-6.35-2.468-4.8-2.321-10.839-2.295-11.51l-.074-13.298-.091-166.303c-.096-1.172-.228-5.296%202.025-9.195%202.146-3.722%206.325-6.085%206.792-6.344l3.631-2.236L190.58%202.844c.97-.666%204.474-2.844%208.973-2.844%204.296%200%208.435%202.438%208.893%202.716l13.707%207.618%20144.105%2083.098c1.063.502%204.706%202.447%206.953%206.35%202.15%203.721%202.106%208.519%202.092%209.052l.123%204.265-.13%20177.186c.093%201.176.228%205.301-2.019%209.19-2.154%203.726-6.334%206.088-6.806%206.347l-13.425%208.081-144.022%2083.257c-.968.661-4.467%202.84-8.964%202.84zm-.507-391.981c-2.356%200-4.396%201.411-4.415%201.425l-.394.258L41.167%2098.218l-3.703%202.277c-.847.476-3.007%201.913-3.875%203.418-1.181%202.039-.981%204.513-.978%204.535l.026.462.089%20166.467.072%2013.448c-.042%201.42.117%205.202%201.319%207.549%201.1%201.896%203.356%202.942%203.377%202.953l.387.192%20153.445%2088.751%203.82%202.063c.838.49%203.159%201.645%204.901%201.645h.012c2.347%200%204.388-1.406%204.403-1.42l.39-.26%20144.122-83.307%2013.509-8.127c.816-.458%202.974-1.893%203.849-3.4%201.173-2.036.974-4.51.969-4.534l-.026-.469.131-177.259-.12-4.349c.01-.973-.15-3.56-1.025-5.067-1.189-2.069-3.445-3.114-3.471-3.121l-.379-.195-144.212-83.157-13.789-7.665c-.798-.474-3.117-1.629-4.857-1.629z%22/%3E%3C/svg%3E');
	background-position: center center;
	background-size: cover;
}

button font {
	vertical-align: top !important;
}

.card.product button {
	text-overflow: ellipsis;
	overflow-y: hidden;
	width: 100%;
	white-space: nowrap;
}

input.no-spinner::-webkit-inner-spin-button,
input.no-spinner { 
    -webkit-appearance: none;
	-moz-appearance: textfield;
}

@media only screen and (max-width: 992px) {
	table.responsive-table--rows {
		max-width: 100%;
		display: block;
		border-collapse: collapse;
		border-spacing: 0;
		position: relative;
	}
	table.responsive-table--rows tr {
		display: block;
	}

	table.responsive-table--rows td {
		display: inline-block;
		width: auto;
	}
}

@media only screen and (max-width: 640px) {
	.modal {
		width: 95% !important;
	}

	.modal .modal-content {
		padding: 24px 5px !important;
	}
}

.page-footer li > a {
	padding-bottom: 24px;
	display: block;
}

.sga-action--cart-button:not(.sga-action--cart-button--ready),
[data-action-add-to-cart]:not(.data-action-add-to-cart--ready) {
	pointer-events: none;
	filter: saturate(0);
	opacity: 0.6;
}

button,
button > font,
a > font {
	vertical-align: top !important;
}
.sga-action--cart-button [data-cart-count]::before {
	content: ' ( ';
}
.sga-action--cart-button [data-cart-count]::after {
	content: ' )';
}
.sga-action--cart-button [data-cart-count='0'] {
	display: none;
}

@-webkit-keyframes bounce {
	from,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
		transform: translate3d(0, 0, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}
@keyframes bounce {
	from,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
		transform: translate3d(0, 0, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}
.loading_block {
	animation-duration: 2s;
	animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	filter: blur(3px) saturate(0);
	pointer-events: none;
	-webkit-pointer-events: none;
}

[itemprop="sku"] {
	font-family: monospace;
}


@media (max-width: 540px) {
	.btn-floating {
		line-height: 48px;
		width: 48px;
		height: 48px;
	}
	.btn-floating i {
		line-height: 48px;
	}
}

@media only screen and (max-width: 993px) {
  .container {
    min-width: 90% !important;
  }
}

sgapps-model-selection-tool--container sgapps-model-selection-tool--material-item-form > section > input {
	box-sizing: border-box !important;
}



.windowManager--window.controls.controls--header header > h1 {
	list-style-type: 12px;
}



@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");

tr[valign="top"] > td {
	vertical-align: top;
}