.catalog {overflow: hidden;}
.product-block {margin-bottom: 20px;transition: all 0.3s;}
.catalog .block-container {text-align: unset;}

img.product-photo {margin-bottom:1.5rem;align-self:unset;}
.service {flex-grow: 2;}
.notice-bar {padding: 2px 0;margin-bottom: 7px;}
.notice {font-size: 13px; font-weight: 600;}
.description {padding-right: 15px;}
.notice, .properties, .description {padding-left: 15px;}
.service, .price {font-size: 13px; color:#98989f;}
.description, .description p, .properties p {font-size: 13px; color:#98989f; margin-bottom: 0;}
.properties p strong {font-weight: 400 !important}
.product-block h5 {font-size:1.1rem; font-weight: 600; text-transform: none;}

.product-block label {display: block;white-space: nowrap;}
.check {display: none;}

.checkbox {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	border-radius: 1px;
	background-color: #f5f5f5;
	box-shadow: 0 1px 3px 0 RGBA(0, 0, 0, 0.2) inset;
	border: 1px solid #d2d2d2;
	bottom: -2px;
}

.check+.checkbox::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #e72121;
	background: linear-gradient(to top, #e63333 0%,   #ec5c5c 100%);
	border-radius: 1px;
	transition: 0.15s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.check:checked+.checkbox::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.label {margin-left: 0.6em;}
.product-block .label, .checkbox {cursor: pointer;}
.product-block .btn {font-size: 16px;margin: 0 15px;padding: 1em 1.7em;}
.product-block .btn.shadow {box-shadow: -6px 9px 20px 0 rgba(87, 0, 0, 0.15);}
.amount-block {font-size: 1.2rem; text-align: right;font-weight:500;}
.amount {min-width:3em;display:inline-block;font-size: 1.2em; font-weight: 600;}
.loader-bar {height: 48px; position: relative;top: -8px;}
.loaderBtn {
	position: absolute;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	display: inline-block;
	font-weight: 500;
	color: #8a8a91;
	background-color: white;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	border: 1px solid #dedddd;
	left: calc(50% -  28px);
	top: -20px;
	z-index: 5;
	transition: all 0.3s;
	will-change: transform;
	cursor: pointer;
}
.loaderBtn>span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpolyline points='38 24.48 28 34.48 18 24.48' fill='transparent' stroke='%23c2c2c9' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	animation: nudgeMouse 1.5s ease-out infinite;
}
.loaderBtn>span.loading {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='50' height='50' fill='rgba(97,98,103,0.4)'%3E%3Cpath opacity='.25' d='M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4'/%3E%3Cpath fill='%23e72121' d='M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
	animation: none;
}
/******** keysearchbar *******/
.keysearch select {
	width: 100%;
	font-size: 1rem;
	padding: 0.5em 0.6em;
	color: #585867;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 285 285'%3E%3Cpath fill='%23c2c2c9' d='M282.1,76.5L267.8,62.2a9,9,0,0,0-13.1,0L142.5,174.4,30.3,62.2a9,9,0,0,0-13.1,0L2.9,76.5a9,9,0,0,0,0,13.1l133,133a9,9,0,0,0,13.1,0l133.1-133A9,9,0,0,0,282.1,76.5Z'/%3E%3C/svg%3E") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: 0.9rem 0.9rem;
	background-position: 92% center;
	background-color: white;
	border: 1px solid #e7e7ec;
	margin-bottom: 10px;
	box-shadow: none;
	outline: none;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.keysearch select:disabled {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23c2c2c9'%3E%3Cpath d='M298.8,307.2A42.8,42.8,0,1,1,256,264.4,42.8,42.8,0,0,1,298.8,307.2Z'/%3E%3Cpath d='M256,426.7a17.1,17.1,0,0,1-17.1-17.1V307.2a17.1,17.1,0,1,1,34.1,0V409.6A17.1,17.1,0,0,1,256,426.7Z'/%3E%3Cpath d='M375.5,171V119.5a119.5,119.5,0,0,0-238.9,0V171a71,71,0,0,0-68.3,70.8V440.9A71.2,71.2,0,0,0,139.4,512H372.6a71.2,71.2,0,0,0,71.1-71.1V241.8A71,71,0,0,0,375.5,171ZM256,34.1a85.4,85.4,0,0,1,85.3,85.3v51.2H170.7V119.5A85.4,85.4,0,0,1,256,34.1ZM409.6,440.9a37,37,0,0,1-37,37H139.4a37,37,0,0,1-37-37V241.8a37,37,0,0,1,37-37H372.6a37,37,0,0,1,37,37V440.9Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
	background-size: 1.1rem 1.1rem;
	background-position: 92% center;
	background-color: white;
}
.mark-input-text, .model-input-text, .year-input-text {}

.unresolved {
    font-weight: 500;
    color: #585867;
}
.resolved {
   color: #b4b4c8;
}
.keysearch select, .search-button {margin-bottom: 10px;}
.search-button {
	flex-grow: 2;
}
/******** keysearchbar **********/


@media screen and (max-width: 767px) {
	.product-block .btn {margin-top: 2.5rem;margin-bottom: 1rem;}
	}
@media screen and (max-width: 575px) {
	.search-button {margin-top: 1.5em;}
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}