/*
 * =============================
 * @author: 	Procurios
 * @module: 	mod_webshop
 * @about: 		Main CSS-file for the basic webshop frontend CSS
 * =============================
 */

/*
	Defaults
	--------------------------------------------------
*/

.product-list,
.product-list ul,
.related-product-list,
.per-page,
.webshop-categories {
	margin: 0;
	padding: 0;
	list-style: none;
}

.related-product-list,
.product-list,
.related-product-list,
.webshop-categories {
	margin: 0;
}

.product-list > li,
.related-product-list > li,
.webshop-searchresults .product-list > li {
	width: 100%;
}

.product-list > li,
.related-product-list li,
.webshop-categories > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 -2px 0 0 #D8D0CD inset;
	border-radius: 5px;
	background: #e6e1de;
}

.product-list > li,
.related-product-list li {
	min-height: 230px;
}

.product-list > li:hover,
.related-product-list > li:hover {
	box-shadow: 0 0 0 2px #d6d1cd inset, 0 -2px 0 2px #D8D0CD inset;
}

.webshop-categories > li:hover {
	box-shadow: 0 -1px 0 0 #C5BEBA inset, 0 1px 0 0 #C5BEBA;
}

table.product-details {
	width: 100%;
	margin-bottom: 1em;
	overflow: hidden;
}

table.product-details th {
	font-weight: 100;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

dl.product-details td {
	text-align: left;
}

.product-meta {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 460px) {
    .product-list .product-meta {
        position: absolute;
        bottom: 1px;
    }
}

.product-list .product-meta a:hover {
	text-decoration: underline;
}

.pli-footer,
.webshop-categories h3 {
	right: 0;
	left: 0;
	padding: 0 10px;
	border-radius: 0 0 3px 3px;
}

.product-price {
	position: relative;
	font-family: "allerbold", sans-serif;
	font-size: 1.285em; /** 18px */
	color: #5bbd40;
}

.product-price .action {
	float: left;
	margin-right: 10px;
	color: #ed5564;
}

.packing-entity {
	display: inline-block;
	padding: 0 0 0 .5em;
	letter-spacing: .1em;
	color: #616161;
}

.price-deal s,
.product-price .regular {
	display: inline-block;
	line-height: 1;
	font-size: .8em;
	font-family: "allerregular", sans-serif;
	color: #87b726;
	text-decoration: line-through;
}

.webshop-productoverview .price-deal s {
	display: inline-block;
	float: right;
	margin: 12px 0 0 5px;
	font-size: 11px;
}

.webshop-shopping-cart input.product-quantity,
input.product-quantity {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 4em;
	padding: 4px 2px;
	line-height: 19px;
	font-size: .95em;
	font-weight: 700;
}

.product-add-to-favorites,
.product-remove-from-favorites {
	display: inline-block;
	vertical-align: middle;
	color: #2d4668;
}

.product-add-to-favorites:before,
.product-remove-from-favorites:before {
	margin-right: .5em;
	font-family: "akb", sans-serif;
	content: "\e80e";
}

.product-remove-from-favorites:before {
	color: #fdaf32;
}

.product-brochure:before,
.product-print:before {
	font-family: "akb", sans-serif;
	font-weight: normal;
	margin-right: .5em;
}

.product-brochure:before {
	content: "\e815";
}

.product-meta a {
	color: #5899f3;
}

.product-print:before {
	content: "\e814";
}

.block-link {
	position: absolute;
	top: 0;
	bottom: 50px;
	left: 0;
	right: 0;
}

/*
	Webshop categories
	--------------------------------------------------
**/

body.webshop-productoverview .webshop-category-introduction,
body.webshop-category .webshop-category-introduction {
	position: relative;
	margin-bottom: 30px;
	padding: 30px;
	border-radius: 6px;
}

@media screen and (min-width: 740px) {
    body.webshop-productoverview .webshop-category-introduction .category-introduction > *,
    body.webshop-category .webshop-category-introduction .category-introduction > * {
		padding-right: 50%;
	}
}

body.webshop-productoverview .webshop-category-introduction h1,
body.webshop-category .webshop-category-introduction h1 {
	position: relative;
	font-family: "allerbold", sans-serif;
}

body.webshop-productoverview .webshop-category-introduction:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 6px;
	content: "";
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}

html.ie9 body.webshop-productoverview .webshop-category-introduction:before {
	filter: none; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
}

body.webshop-productoverview .category-introduction,
body.webshop-productoverview .category-description {
	position: relative;
}

.webshop-categories > li {
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	.webshop-categories > li {
		width: 100%;
	}
}

@media screen and (min-width: 640px) and (max-width: 900px) {
	.webshop-categories > li {
		width: 48%;
		margin-right: 4%;
		overflow: hidden;
	}

	.webshop-categories > li:nth-child(2n+2) {
		margin-right: 0;
	}
}

@media screen and (min-width: 900px) {
	.webshop-categories > li {
		width: 32%;
		margin-right: 2%;
		overflow: hidden;
	}

	.webshop-categories > li:nth-child(3n+3) {
		margin-right: 0;
	}
}

.webshop-categories > li > a {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	width: 100%;
	max-width: 100%;
	margin: auto;
}

.webshop-categories a {
	display: block;
	color: #fff;
}

.webshop-categories a:hover {
	text-decoration: none;
}

.webshop-categories h3 {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 10px;
	font-size: 1.3em;
}

.webshop-categories li:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: linear-gradient(to right, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 80%); /* Fx 10+, Op 11.6+, Ch 26+, IE 10 */
}

.webshop-categories h3 a:after {
	margin-left: .5em;
	font-family: "akb", sans-serif;
	content: "\e808";
}

.webshop-categories li img {
    display: block;
	width: 100%;
}

@media screen and (max-width: 640px) {
    .webshop-categories li img {
        display: none;
    }
}

.webshop-categories .category-introduction,
.webshop-categories .category-description {
	display: none;
}

/** Categories sub-shop */
.sub-shop .webshop-categories > li > a {
	top: 0;
	bottom: 0;
    z-index: 3;
}

.sub-shop .webshop-categories h3 {
    display: flex;
    align-items: center;
	font-size: 1em;
	color: #fff;
	background: #5d9cec;
	border-bottom: 3px solid #4b89dc;
}

.sub-shop .webshop-categories h3::after {
    display: inline-block;
    margin-top: 4px;
    margin-left: 0.5em;
    font-family: "akb", sans-serif;
    content: "\e808";
}

.sub-shop .webshop-categories li:hover h3 {
	background: #4b89dc;
}

.sub-shop .webshop-categories li:before {
	display: none;
}

.webshop-categories .webshop-category-introduction {
    display: none;
}


/*
	(Front-end) product list
	--------------------------------------------------
*/

@media screen and (min-width: 460px) {
	.pli-left,
	.pli-right {
		min-height: 205px;
		padding-bottom: 50px;
	}

	.pli-left {
		width: 160px;
		float: left;
	}

	.pli-right {
		margin-left: 160px;
		vertical-align: top;
		border-left: 2px solid #f1f1f1;
	}
}

@media screen and (min-width: 780px) {
	.product-list > li,
	.related-product-list > li,
	.webshop-searchresults .product-list > li {
		width: 48%;
	}

	.product-list > li:nth-child(2n+1),
	.related-product-list > li:nth-child(2n+1),
	.product-list > li:nth-child(2n+1) {
		margin-right: 3%;
	}

	.pli-left {
		width: 125px;
	}

	.pli-right {
		margin-left: 125px;
	}
}

.pli-wrapper {
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	line-height: 1.4;
	color: #2d4668;
	background: #fff;
}

.product-list a:hover {
	text-decoration: none;
}

.pli-left,
.pli-right {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
}

.pli-right {
	padding-bottom: 25px;
}

.pli-left a {
	display: block;
}

.product-list img.product-image {
	display: block;
	max-width: 90px;
	margin: 10px auto auto;
}

.pli-right h3 {
	margin: 0 0 .5em;
	min-height: 2.4em;
	font-size: 1.25em;
}

.pli-right dl {
	font-size: .9em;
}

.pli-right dt {
	display: inline-block;
	width: 140px;
	margin-right: 10px;
}

.pli-moreInfo {
	display: block;
	margin: 0 -15px 15px;
	padding: 0 15px 15px;
	border-bottom: 2px solid #f1f1f1;
	font-weight: bold;
	color: #ed5463;
}

.pli-moreInfo::after {
	font-family: "akb", sans-serif;
	content: "\e808";
	margin-left: .3em;
}

.pli-right .stock {
	float: right;
    display: inline-block;
	margin-bottom: .9em;
	color: #5899f3;
}

@media screen and (min-width: 460px) {
    .pli-right .stock {
        float: none;
    }
}

.stock:before {
	margin-right: .5em;
	font-family: "akb", sans-serif;
	content: "\e817";
}

.product-brochure + .stock {
	margin-left: 1em;
}

.pli-footer {
	position: relative;
	white-space: nowrap;
	clear: both;
}

.product-price {
	white-space: normal;
}

.pli-footer .product-add-to-favorites,
.pli-footer .product-remove-from-favorites {
	float: left;
	width: 110px;
	margin-top: 10px;
	overflow: hidden;
}

.pli-footer .product-remove-from-favorites,
.pli-footer .product-add-to-favorites {
	position: absolute;
	top: -40px;
	left: 8px;
}

.pli-footer .add-to-shopping-cart {
	float: right;
}

.product-list > li:hover .add-to-shopping-cart-link img {
	background: #D4CFCD;
}

.pli-footer .product-price {
    display: inline-block;
    float: left;
    margin-top: 6px;
}

.pli-footer .order-product .product-actionUnitPrice {
	position: relative;
	top: 6px;
	margin-left: 10px;
	float: left;
	font-family: "allerbold", sans-serif;
	font-size: 1.285em;
	color: #ed5463;
}

.pli-footer .order-product .product-regularUnitPrice {
	display: inline-block;
	top: 9px;
	font-size: 12px;
	font-family: "allerregular", sans-serif;
	color: #87b726;
	text-decoration: line-through;
}

.product-list li:hover .pli-footer {
	background: rgba(187, 180, 176, 0.63);
}

/**
 * triangles in top left corner
 */

[class*='banner-'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 59px;
	display: block;
	text-indent: -999em;
	background: transparent url(../img/bg-product-banner.png) no-repeat 0 0;
    background-size: 58px;
}

.banner-action {
	background-position: 0 -60px;
}

.banner-tip {
	background-position: 0 -120px;
}

.banner-new {
	background-position: 0 -180px;
}

.banner-most-so {
	background-position: 0 -240px;
}

.banner-sale {
    background-position: 0 -300px;
}

[class*='banner-op=op'] {
    background-position: 0 -360px;
}

[class*='banner-taking-longer'] {
    background-position: 0 -420px;
}

.add-to-shopping-cart-link,
.add-to-quotation-cart {
	display: inline-block;
	height: 20px;
	margin: 6px 0 7px 1em;
	padding: 3px 10px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-weight: 600;
	line-height: 20px;
	white-space: nowrap;
}

.add-to-quotation-cart {
	margin-left: 0;
}

.add-to-shopping-cart-link:after,
.add-to-quotation-cart:after {
	padding-left: .3em;
	font-family: "akb", sans-serif;
	content: "\e808";
}

.add-to-shopping-cart-link:hover,
.add-to-quotation-cart:hover {
	text-decoration: none;
}

.webshop-productoverview .add-to-quotation-cart,
.add-to-shopping-cart-link {
	color: #fff;
	background: #ed5564;
}

.add-to-shopping-cart-link img {
	position: absolute;
	right: 11px;
	margin-top: 5px;
	background: #e6e1de;
}

.webshop-productoverview .add-to-quotation-cart:hover,
.add-to-shopping-cart-link:hover {
	color: #fff;
	background-color: #cc3242;
}

.webshop-productdetails .add-to-quotation-cart {
	color: #2a346c;
	border: 2px solid #5d9cec;
}

.webshop-productdetails .add-to-quotation-cart:hover {
	border-color: #d5e1f1;
	background-color: #d5e1f1;
}

/* Make button of related product red */
.webshop-productdetails .related-product-list .add-to-quotation-cart {
	color: #fff;
	border: none;
	background: #ed5564;
}

.webshop-productdetails .related-product-list .add-to-quotation-cart:hover {
	color: #fff;
	border: none;
	background-color: #cc3242;
}

.product-in-shopping-cart {
	padding-right: 17px;
	background: transparent url(../img/shopping-cart-check.png) no-repeat 100% 50%;
}

/**
 * Quotation Buttons
 */

.quotation-button {
	display: none;
}

.quotation-button.ja {
	display: block;
	float: right;
	clear: both;
	text-align: right;
}

.product-list .quotation-button.ja {
	float: none;
}

/*.add-to-shopping-cart + .quotation-button.ja*/
.quotation-button.ja + .order-product {
	display: none;
}

/* Only show quotation button and no price and add-to-shopping-cart button */
.quotationNoPrice-ja .quotation-button {
    display: block;
    float: right;
    clear: both;
    text-align: right;
}

.quotationNoPrice-ja .row-price,
.quotationNoPrice-ja .quotation-button .product-price,
.quotationNoPrice-ja .quotation-button + .order-product,
.quotationNoPrice-ja .orderBlock .product-price,
.quotationNoPrice-ja .orderBlock .add-to-shopping-cart {
    display: none;
}

/**
 * Product detail
 */

.webshop-category .content > h1,
.webshop-productoverview .content > h1,
.webshop-productdetails h1,
.webshop-productdetails .sidebar-left {
	display: none;
}

.webshop-productdetails .content {
	padding-left: 0 !important;
}

.product-top h2 {
	padding-right: 230px;
	font: normal 2.26em/1.2 "allerbold", sans-serif;
}

.product-top .subtitle {
	display: block;
	font-size: .5em;
	color: #5d9ced;
}

.webshop-back-link a {
	display: inline-block;
	color: #5d9ced;
}

.webshop-back-link a:before {
	content: "\e813";
	display: inline-block;
	margin-right: 5px;
	font-family: "akb", sans-serif;
}

.pdw-right .add-to-shopping-cart-link img {
	background: #fff;
}

.pdw-left {
	margin-bottom: 10px;
}

.pdw-right .order-product,
.product-images {
	overflow: hidden;
	border-bottom: 3px solid #dbdbdb;
	border-radius: 6px;
	background-color: #fff;
}

.pdw-right .order-product {
	display: table;
	width: 100%;
}

.orderBlock__cell {
	display: table-cell;
	vertical-align: middle;
	padding: 8px 14px;
}

.pdw-right .product-price {
	font-size: 2.285em; /** 32px */
}

.pdw-right .order-product .product-regularUnitPrice {
	top: 1px;
	font-size: 1.285em;
	font-family: "allerregular", sans-serif;
	color: #87b726;
	text-decoration: line-through;
}

.pdw-right .order-product .product-actionUnitPrice {
	float: left;
	margin-top: -5px;
	font-family: "allerbold", sans-serif;
	color: #ed5463;
	margin-right: 0.3em;
	font-size: 2.285em;
}

.pdw-right .add-to-shopping-cart-link {
	padding: 5px 15px;
}

.pdw-right .add-to-shopping-cart {
	 float: right;
}

.pdw-right .stock {
	display: block;
	text-align: right;
}

.product-images {
	position: relative;
	margin-bottom: 1.5em;
	text-align: center;
	background: #fff url(../img/enlarge.png) no-repeat 45% 100%;
}

.product-images img {
	max-width: 100%;
	padding: 35px;
}

.secondary-images {
	float: right;
}

.pdw-right table.product-details {
	width: 100%;
	margin: 0 0 1.5em;
}

.pdw-right tr:nth-child(odd) th,
.pdw-right tr:nth-child(odd) td {
	background-color: #f9f8f7;
}

.pdw-right .priceVE {
	background-color: #5d9bec !important;
	color: white;
	font-weight: 600;
}

.pdw-right th,
.pdw-right td{
	padding: .2em .5em;
	font-weight: 600;
}

.product-details .product-meta {
	display: none;
}

.product-details .regular {
	font-size: .7em;
	text-decoration: line-through;
}

.product-details .action {
	float: left;
	margin-right: 5px;
}

.meta-actions {
	display: table;
	width: 100%;
	margin-top: 20px;
	border-bottom: 3px solid #d9d0cd;
	border-radius: 6px;
	overflow: hidden;
	background-color: #e6e0de;
}

.meta-actions a {
	display: table-cell;
	padding: .6em;
	border-right: 1px solid #dad0ce;
	text-align: center;
	font-weight: 700;
	color: #5d9cec;
}

.meta-actions a:hover {
	text-decoration: none;
}

/**
 *  Related products
 */

.related-products > h3 {
	display: none;
}

/**
 * product-details-review
 */

.product-details-review {
	padding-top: 1.5em;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff
}

/*@media screen and (min-width: 960px) {*/
	/*.webshop-back-link {*/
		/*display: none;*/
	/*}*/
/*}*/

@media screen and (min-width: 1080px) {
	.product-details {
		position: relative;
	}

	.product-details-wrapper {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.pdw-left,
	.pdw-right {
		display: table-cell;
		width: 48%;
		vertical-align: top;
	}

	.product-images {
		background-position: 0 100%;
	}

	.pdw-right {
		padding-left: 30px;
	}

	.pdw-left .product-add-to-favorites,
	.pdw-left .product-remove-from-favorites {
		display: block;
		padding: 0 .5em;
		border: 2px solid #d9d0cd;
		border-radius: 6px;
		text-align: center;
	}

	.product-images img {
		width: auto;
	}
}

/*
	Webshop product search results
	--------------------------------------------------
*/

.webshop-searchresults #webshop-product-search,
.per-page:first-of-type,
.webshop-products-nav.top,
.webshop-products-nav .pages {
	display: none;
}

.webshop-products-nav,
.per-page {
	text-align: right;
}

.webshop-products-nav li,
.per-page li {
	margin: 0 0 1em;
	display: inline-block;
	border-right: 1px solid #D8D0CD;
}

.webshop-products-nav li:last-child,
.per-page li:last-child {
	border-right: 0;
}

.webshop-products-nav a,
.per-page a {
	display: block;
	padding: .1em .5em;
	color: #5d9ced;
}

.webshop-products-nav .current a,
.webshop-products-nav a:hover,
.per-page .current,
.per-page a:hover {
	color: #2a346c;
}

/*
	Webshop breadcrumbs
	--------------------------------------------------
*/

.webshop-breadcrumbs {
	padding: 1em;
}

.webshop-breadcrumbs dt {
	display: none;
}

.webshop-breadcrumbs dd {
	display: inline-block;
}

.webshop-breadcrumbs dd.first a:before {
	content: "\1F3E0";
	margin-right: .5em;
	font-family: "akb", sans-serif;
}

.webshop-breadcrumbs a {
	font-weight: bold;
	text-decoration: none;
}

.webshop-breadcrumbs a:after {
	margin: 0 .5em;
	font-family: "akb", sans-serif;
	content: "\e80b";
}

.webshop-breadcrumbs .last a {
	color: #2d4668;
}

.webshop-breadcrumbs .last a:after {
	content: "";
}

/**
 * webshop random product snippet
 */

.featured .pli-footer .product-add-to-favorites,
.featured .pli-footer .product-remove-from-favorites,
.featured .product-details,
.featured .product-meta,
.featured .product-quantity,
.featured .packing-entity {
	display: none
}

.featured .block-link {
	bottom: 0;
	z-index: 2;
}

.featured .product-list > li {
	width: 100%;
	margin-bottom: 0;
}

.featured .product-list > li:nth-child(2n+1) {
	margin-right: 0;
}

.featured .pli-left,
.featured .pli-right {
	display: block;
	width: auto;
	padding-bottom: 15px;
}

.featured .pli-left {
	float: none;
	min-height: 155px; /** output height of image */
	border-right: 0;
}

.featured .pli-right {
	min-height: 80px;
	margin: 0 2px;
	padding-bottom: 0;
	border-top: 2px solid #f1edec;
	border-left: 0;
}

.featured .product-list img.product-image {
	max-width: 155px;
	margin-top: 20px;
}

.featured .pli-footer {
	background: #fff;
	box-shadow: 0 -2px 0 0 #D8D0CD inset;
}

.featured .pli-footer:after {
	content: "";
	clear: both;
	display: block;
	height: 10px;
}

.featured .product-list li:hover .pli-footer {
	background: none;
}

@media screen and (min-width: 570px) {
	/**
	 * webshop random product snippet
	*/

	.featured,
    .featuredBottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		clear: both;
	}

	.feature {
		display: inline-block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: calc(33.3334%);
		padding-right: 20px;
		vertical-align: top;
		overflow: hidden;
	}

	.feature:nth-child(3n+3) {
		padding-right: 0;
	}
}


/**
 *  Offerte formulier
 *  Quotation form
 */

form[action*="/offerte-aanvragen"] fieldset {
	position: relative;
	display: block;
	margin-bottom: 20px;
	margin-left: 0 !important;
	vertical-align: top;
}

form[action*="/offerte-aanvragen"] legend {
	position: absolute;
	left: -999em;
}

#s_quotation:before {
	display: block;
	margin: 0;
	padding: 15px 20px;
	content: "Geselecteerde product";
	border-bottom: 2px solid #a59983;
	border-radius: 5px 5px 0 0;
	font-size: 18px;
	color: #fff;
	background: #c5bb97;
}

@media screen and (max-width: 740px) {
	form[action*="/offerte-aanvragen"] fieldset > div:last-of-type {
		border-radius: 0 0 6px 6px;
	}
}

form[action*="/offerte-aanvragen"] fieldset > div {
	width: auto;
	padding: 20px;
	background: #fff;
}

form[action*="/offerte-aanvragen"] fieldset > div:first-of-type {
	border-radius: 6px 6px 0 0;
}

#s_quotation > div:first-of-type {
	border-radius: 0 0 6px 6px;
}

@media screen and (min-width:740px) {
	form[action*="/offerte-aanvragen"] {
		min-height: 400px;
	}

	#s_quotation div.field {
		position: absolute;
	}

	form[action*="/offerte-aanvragen"] fieldset {
		display: inline-block;
		margin-bottom: 0;
	}

	form[action*="/offerte-aanvragen"] fieldset[id*="ff_sect"],
	form[action*="/offerte-aanvragen"] div.submit {
		width: 74%;
		margin-right: 2%;
	}

	#s_quotation {
		width: 24%;
	}

	form[action*="/offerte-aanvragen"] div.submit {
		background: #fff;
		padding-bottom: 20px;
		border-radius: 0 0 6px 6px;
	}

	form[action*="/offerte-aanvragen"] div.submit button {
		margin-left: 20px;
	}
}