#pp-main-body-product-list-container.pp-grid {
	padding-top:10px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-container-grid-container {
	display: flex;
    align-content: flex-start;
    clear: both;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: center;*/
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container {
	position:relative;
	width:205px;
	height:205px;
	margin: 12px 24px 12px 0px;
	border-radius: 7px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container.active {
	height:auto;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-shadow {
	background:#f9f9f9;
	position:absolute;
	width:205px;
	height:205px;
	border-radius:7px;
	top:0;
	left:0;
	z-index:-1;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container:hover .pp-main-body-product-list-grid-shadow {
	box-shadow: 0px 2px 20px #aaa;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container.active .pp-main-body-product-list-grid-shadow {
	box-shadow: 0px 2px 20px #aaa;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview {
	height: 0px;
    background: #F9F9F9;
    clear: both;
    position: relative;
    margin-left: -1000%;
    margin-right: -1000%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0px 40px 0px 40px; /*40px;*/
    display: none;
	padding-right:70px;
	-webkit-transition: padding 1s ease, max-height 3s ease-out;
    -moz-transition: padding 1s ease, max-height 3s ease-out;
	transition: padding 1s ease, max-height 3s ease-out;
    max-height: 0;
    overflow-y: hidden;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview.active {
	height: auto;
    display: block;
	/*
	max-height: 1500px;
    padding-top: 40px;
    padding-bottom: 40px;
	*/
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-row-container {
	margin-top:0px !important;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-grid-preview-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 28px;
	height: 28px;
	opacity: 0.5;
	filter: invert(1);
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-grid-preview-close:hover {
  opacity: 1;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-grid-preview-close:before, 
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-grid-preview-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 29px;
  width: 1px;
  background-color: #fff;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-grid-preview-close:before {
  transform: rotate(45deg);
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview .pp-main-body-product-list-grid-preview-close:after {
  transform: rotate(-45deg);
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-preview-arrow-up {
	margin-top:55px;
	margin-left:auto;
	margin-right:auto;
	width: 0; 
	height: 0; 
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 10px solid #f9f9f9;
	display:none;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container.active .pp-main-body-product-list-grid-preview-arrow-up {
	display:block;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-row-container .pp-main-body-product-list-row-image {
	width:450px !important;
	vertical-align:middle !important;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-row-container .pp-main-body-product-list-row-image img {
	max-width:300px !important;
	mix-blend-mode: multiply;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-row-container .pp-main-body-product-list-row-image.pp-main-body-product-list-row-image-custom img {
	max-width:106px !important;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-row-container .pp-main-body-product-list-row-content {
	vertical-align:middle !important;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-row-container .pp-main-body-product-list-row-content .pp-main-body-product-list-row-content-container .pp-main-body-product-list-row-content-right .pp-main-body-product-list-action-btn {
	color:#f9f9f9 !important;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-image {
	width:205px;
	height:160px;
	text-align:center;
	padding: 16px;
    box-sizing: border-box;
	display: table-cell;
    vertical-align: middle;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-image img {
	max-width:173px !important;
	max-height:128px !important;  
	mix-blend-mode: multiply;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-desc {
	position: absolute;
    left: 0;
    right: 0;
    top:160px;
    height: 45px;
	padding-left: 16px;
    padding-right: 16px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-desc .pp-main-body-product-list-grid-desc-title {
	font-size:11px;
	color:#666666;
	font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-desc .pp-main-body-product-list-grid-desc-code {
	font-size:11px;
	color:#666666;
	font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions {
	position: absolute;
    left: 0;
    right: 0;
    top:160px;
    height: 45px;
    background: #fdfdfd;
	display:none;
	flex-direction:row;
	overflow: hidden;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container.active .pp-main-body-product-list-grid-actions, #pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container:hover .pp-main-body-product-list-grid-actions {
	display:flex;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-btn {
	filter: brightness(50%);
	height: 100%;
    width: 68px;
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
	cursor:pointer;
	display: flex;
    flex-direction: row;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-btn:hover, #pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-btn.active {
	filter: brightness(100%);
	background-color:#00C5DA;	
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-view {
	background-image: url(//cdn.splixorvenuta.site/projectplan/img/icon-eye-white.png);
	width:69px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-delete {
	background-image: url(//cdn.splixorvenuta.site/projectplan/img/icon-delete-white.png);
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-edit {
	background-image: url(//cdn.splixorvenuta.site/projectplan/img/icon-edit-white.png);
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container .pp-main-body-product-list-grid-actions .pp-main-body-product-list-grid-actions-btn.full-width {
	width:100%!important;
}

/*
ROOM HEADER
===============================
*/
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-room-header-wrapper {
	display:none;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-room-header-wrapper {
	margin-top:15px;
	margin-bottom:15px;
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-room-header-wrapper .pp-main-body-product-list-grid-room-header-icon {
	height: 15px;
    width: 19px;
    float: left;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(//cdn.splixorvenuta.site/projectplan/img/icon-folder-open.png);
}
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-room-header-wrapper .pp-main-body-product-list-grid-room-header a {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #7a8184;
    text-transform: uppercase;
    word-wrap: break-word;
}
/*
===============================
*/

#pp-main-body-price-container.pp-grid {
	margin-top:12px !important;
}


@media all and (max-width: 1024px) {
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container {
	margin:6px 12px 6px 0px !important;
}
#pp-main-body-price-container.pp-grid {
	margin-top:6px !important;
}
}

/* Target IE browser */
@media all and (-ms-high-contrast:none) {
#pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container.active .pp-main-body-product-list-grid-actions, #pp-main-body-product-list-container.pp-grid .pp-main-body-product-list-grid-container:hover .pp-main-body-product-list-grid-actions {
	background:#ddd;
}
}