.mod-rppfinderpro-search{
	position: relative;
}
.mod-rppfinderpro-search .rpp_searchparts{
	position: absolute;
	background: #fff;
	box-shadow: 0 2px 0 #aaa, 0 0 10px #aaa;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	max-height: 600px;
	overflow-y: auto;
	top: 40px;
	z-index: 9999;
	padding: 15px;
}
#rpp_search_resaults .rpp_search_item a.rpp_search_item_link {
    color: #494d5a;
    font-size: 14px;
    line-height: 1.5rem;
}
.rpp_searchpart_products .rpp_results {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: stretch;
}

.rpp_searchpart_products .rpp_results .rpp_search_item {
    flex: 0 calc(50% - 0.5rem);
    background: #fff;
}
.mod-rppfinderpro-search .rpp_searchparts.leftpos{
	left: 0;
}
.mod-rppfinderpro-search .rpp_searchparts.rightpos{
	right: 0;
}
.mod-rppfinderpro-search .rpp_searchparts_exit{
    position: absolute;
    left: 6px;
    top: 4px;
    padding: 7px 7px 5px 7px;
    border-radius: 100%;
    z-index: 99999;
    color: #fff;
    background: #bd0303;
    line-height: 8px;
    font-size: 8px;
    text-align: center;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_title{
	text-align: right;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_title span{
	background: #eee;
	width: 120px;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_title:after{
	content: '';
	display: block;
    border: 1px solid #eee;
    margin-top: -2px;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_body{
	margin: 15px 0;
    display: inline-block;
    width: 100%;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_body .rpp_loading,
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_body .rpp_nothing{
	text-align: center;
}

.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_body .rpp_search_item{
	clear: both;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0px 1px 8px 0 rgb(0 0 0 / 10%);
}

#rpp_search_resaults.rpp_searchpart_categories .rpp_results .rpp_search_item, #rpp_search_resaults.rpp_searchpart_manufacturers .rpp_results .rpp_search_item {flex: 0 calc((100% / 3) - 0.35rem);}

#rpp_search_resaults.rpp_searchpart_categories .rpp_search_item a.rpp_search_item_link,
#rpp_search_resaults.rpp_searchpart_manufacturers .rpp_search_item a.rpp_search_item_link{
    padding: 0.5rem 1rem;
}


.rpp_search_item_more {
    flex: 0 100%;
}

.rpp_searchpart_body .rpp_results {
    display: flex;
    flex-wrap: wrap;
	gap: 0.5rem;
}
#rpp_search_resaults .rpp_search_item_more a {
    color: #fff;
    margin: 0.5rem 0;
    width: 125px;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_body .rpp_search_item_image{
	float: right;
	margin-left: 10px;
	border: 0;
}
.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_body .rpp_search_item_more{
	text-align: left;
}

.cssload-square {
	margin: 37px auto;
	width: 10px;
	height: 10px;
	transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
}

.cssload-square-part {
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 1;
	animation: cssload-part-anim 0.76s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-o-animation: cssload-part-anim 0.76s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-ms-animation: cssload-part-anim 0.76s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-webkit-animation: cssload-part-anim 0.76s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-moz-animation: cssload-part-anim 0.76s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

.cssload-square-green {
	background: rgb(84,250,212);
	right: 0;
	bottom: 0;
	animation-direction: alternate-reverse;
		-o-animation-direction: alternate-reverse;
		-ms-animation-direction: alternate-reverse;
		-webkit-animation-direction: alternate-reverse;
		-moz-animation-direction: alternate-reverse;
}

.cssload-square-pink {
	background: rgb(233,111,146);
	left: 0;
	top: 0;
}

.cssload-square-blend {
	background: rgb(117,81,125);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	animation: blend-anim 0.76s ease-in infinite;
		-o-animation: blend-anim 0.76s ease-in infinite;
		-ms-animation: blend-anim 0.76s ease-in infinite;
		-webkit-animation: blend-anim 0.76s ease-in infinite;
		-moz-animation: blend-anim 0.76s ease-in infinite;
}





@keyframes blend-anim {
	0% {
		transform: scale(0.01, 0.01) rotateY(0);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		transform: scale(1, 1) rotateY(0);
		animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-o-keyframes blend-anim {
	0% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-o-transform: scale(1, 1) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-ms-keyframes blend-anim {
	0% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-ms-transform: scale(1, 1) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-webkit-keyframes blend-anim {
	0% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-webkit-transform: scale(1, 1) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-moz-keyframes blend-anim {
	0% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-moz-transform: scale(1, 1) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@keyframes cssload-part-anim {
	0% {
		transform: translate3d(-5px, -5px, 0);
	}
	100% {
		transform: translate3d(5px, 5px, 0);
	}
}

@-o-keyframes cssload-part-anim {
	0% {
		-o-transform: translate3d(-5px, -5px, 0);
	}
	100% {
		-o-transform: translate3d(5px, 5px, 0);
	}
}

@-ms-keyframes cssload-part-anim {
	0% {
		-ms-transform: translate3d(-5px, -5px, 0);
	}
	100% {
		-ms-transform: translate3d(5px, 5px, 0);
	}
}

@-webkit-keyframes cssload-part-anim {
	0% {
		-webkit-transform: translate3d(-5px, -5px, 0);
	}
	100% {
		-webkit-transform: translate3d(5px, 5px, 0);
	}
}

@-moz-keyframes cssload-part-anim {
	0% {
		-moz-transform: translate3d(-5px, -5px, 0);
	}
	100% {
		-moz-transform: translate3d(5px, 5px, 0);
	}
}

@media screen and (max-width: 979px){
	.mod-rppfinderpro-search .rpp_searchparts.leftpos{
		top: 0;
	}
	.mod-rppfinderpro-search .rpp_searchparts {
		max-width: 100%;
	}
	.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart{
		padding: 1rem;
	}
	.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart.rpp_searchpart_products {
		margin-top: 2rem;
	}
	.rpp_searchparts_wrapper {
		width: 100%;
		position: absolute;
		right: 0;
		top: 5px;
	}
	
	.mod-rppfinderpro-search{
		position: inherit;
	}
	.mod-rppfinderpro-search .rpp_searchparts_exit {
		left: 10px;
		top: 4px;
		padding: 6px 7px 5px 7px;
	}
	.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_title:after{
		border: 0;
		margin:0;
	}
	#rpp_search_resaults.rpp_searchpart_categories .rpp_results .rpp_search_item, #rpp_search_resaults.rpp_searchpart_manufacturers .rpp_results .rpp_search_item {
		flex: 0 calc((100% / 2) - 0.25rem);
	}
	.mod-rppfinderpro-search .rpp_searchparts .rpp_searchpart_title span {
		margin-bottom: 1rem;
		text-align: right;
	}
}