/*

    ////////////////////////////////////////////////////////////
    //
    // L8M
    //
	//
	// Contains CSS (for screen).
    //
	// Filesource /public/default/css/prj.css
	// Version    $Id: prj.css 101 2014-08-26 11:01:33Z sl $
    //
    ////////////////////////////////////////////////////////////

    ////////////////////////////////////////////////////////////
    // general
    ////////////////////////////////////////////////////////////

*/

html {
	font-size: 20px;
}

html,
body {
	width: 100%;
}

body {
	color: #777;
	font-size: 14px;
	font-family: roboto;
}

a {
	transition: color 0.5s, background-color 0.5s;
}

hr {
}

img {
	max-width: 100%;
	height: auto;
}

div.pg-description img {
	max-width: 90%;
}

.container {
	max-width: 1200px;
	margin: 0px auto;
	display: block;
}

header {
	vertical-align: top;
}

hr {
	border: none;
	border-top: 1px solid #CFCFCF;
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.green {
	color: green;
}

.black {
	color: black;
}

dl {
	display: inline-block;
	margin-bottom: 20px;
	vertical-align: top;
}

dl + dl {
	margin-left: 20px;
}

dl dt {
	font-weight: bold;
	margin: 5px 0px;
}

dl dd + dt {
	margin-top: 10px;
}

a.external {
	padding-left: 5px;
}

a.external.without-icon {
	padding-left: 0px;
}

header {
	background-color: rgba(255, 255, 255, 0.5);
}

header,
header a.logo {
	height: 125px;
}

header a.logo {
	width: 35%;
	height: 110px;
	display: block;
	background-position: center;
	background-size: contain;
	font-size: 0%;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}

header div.header {
	display: block;
	float: right;
}

header .h3,
header h3 {
	color: #333333;
	font-size: 19px;
	font-weight: 500;
	line-height: 20px;
	display: block;
	margin: 0 10px 0 0;
	text-transform: uppercase;
}

header div.options-menu {
	display: block;
	text-align: right;
}

header div.options-menu i {
}

header div.options-menu div {
	display: inline-block;
}

header div.options-menu ul {
	text-align: left;
	padding-left: 0;
}

header div.options-menu ul li {
	display: inline-block;
	position: relative;
}

header div.options-menu ul li a {
	display: block;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 105%;
	color: #333333;
	white-space: nowrap;
}

header div.options-menu ul li a:hover {
	color: #6f7c24;
}

header div.options-menu div.lang ul li ul {
	min-width: 0px;
}

header div.options-menu div.lang ul li:hover > a,
header div.options-menu ul li:hover a.submenu {
	background-color: #CFCFCF;
	color: #333333;
}

header div.options-menu div.lang > ul > li > a:after,
header div.options-menu ul li > a.submenu:after {
	display: inline-block;
	content: '';
	padding: 0px 5px;
	font-family: FontAwesome;
}

header div.options-menu div.lang ul li:hover > a:before,
header div.options-menu ul li:hover > a.submenu:before {
	margin-top: 1px;
}

header div.options-menu ul li ul {
	position: absolute;
	right: 0px;
	overflow: hidden;
	height: 0px;
	transition: height 0.5s, box-shadow 0.5s;
	z-index: 110;
	min-width: 250px;
}

header div.options-menu ul li:hover ul {
	height: 300px;
	z-index: 110;
}

header div.options-menu ul li ul li {
	display: block;
	background-color: #FFF;
	border: 1px solid #CFCFCF;
	border-bottom: none;
}

header div.options-menu ul li ul li:last-child {
	border-bottom: 1px solid #CFCFCF;
}

header div.options-menu ul li ul li a {
	background: none repeat scroll 0 0 #FFFFFF;
	display: block;
	font-size: 100%;
	line-height: 100%;
	padding: 5px 10px;
	text-transform: none;
	font-weight: normal;
	min-width: 100px;
}

header div.options-menu div.lang ul li ul li > a:before,
header div.options-menu ul li ul li a:before {
	display: none;
}

header div.options-menu ul li ul li form {
	display: block;
	padding: 10px;
}

header div.options-menu ul li ul li form div.form-element-container.form-element-container-has-no-label div.required-form-hint {
	margin-top: 0px;
	position: inherit;
}

header div.boxes {
	position: relative;
}

header div.boxes > div {
	width: 250px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 5px 0px 0px 20px;
	float: left;
}

header div.boxes > div a.selector {
	display: none;
	padding: 4px 10px;
	height: 24px;
	color: #FFF;
}

header div.boxes > div.active a.selector {
	color: #6f7c24;
}

div.boxes > div a.selector span.total {
	display: block;
	position: absolute;
	color: #333;
	margin: 6px 12px;
}

header div.boxes > div a.selector span.total {
	margin: 5px 10px;
}

header div.boxes > div a:hover {
	color: #6f7c24;
}

div.boxes > div.cart {
	box-shadow: 0px 0px 40px -25px #000;
	background-position: left top;
	background-repeat: no-repeat;
	right: 0px;
	height: 65px;
	background-color: rgba(255, 255, 255, 0.2);
}

div.boxes > div.cart span.emptyCart,
div.boxes > div.cart > div.contain > a {
	display: block;
	padding: 6px 10px 0px 80px;
	background-color: transparent;
	background-image: url("/img/default/block-cart-icon.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 43px auto;
	height: 60px;
}

div.boxes > div.cart span.emptyCart span,
div.boxes > div.cart > div.contain > a span {
	display: block;
}

header div.boxes > div.cart ul {
	position: absolute;
	z-index: 100;
}

nav.menu div.boxes > div.cart ul li,
header div.boxes > div.cart ul li {
	overflow: hidden;
	display: block;
	height: 0px;
	transition: height 0.5s, padding 0.5s, border 0.5s;
	padding: 0px;
	width: 240px;
	background-color: #FFF;
	background-color: rgba(245, 245, 245, 0.9);
}

header div.boxes > div.cart ul li p {
	font-weight: bold;
}

nav.menu div.boxes > div.cart ul li p a,
header div.boxes > div.cart ul li p a {
	display: block;
	overflow: hidden;
	height: 35px;
	font-weight: normal;
}

header div.boxes > div.cart ul li:first-child p {
	font-weight: normal;
}

header div.boxes > div.cart:hover ul li {
	height: 50px;
	padding: 10px 5px;
}

header div.boxes > div.cart:hover ul li:last-child {
	border-bottom: 1px solid #777;
}

header div.boxes > div.cart:hover ul li:only-child {
	border-bottom: none;
}

nav.menu div.boxes > div.cart ul li a.imagelink,
header div.boxes > div.cart ul li a.imagelink {
	float: left;
	margin: 0px 10px 0px 5px;
}

nav.menu div.boxes > div.cart ul li a.imagelink img,
header div.boxes > div.cart ul li a.imagelink img {
	max-width: 40px;
}

header div.boxes > div.search h5 {
	color: #6f7c24;
	font-size: 12px;
	padding: 0 0 14px;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
}

nav.menu div.boxes {
	display: none;
}

main h1,
main h2,
main h3.detail {
	color: #333333;
	font-size: 160%;
	font-weight: 500;
	line-height: 26px;
	margin: 0px 0px 15px;
}

main .h3,main h3 a,
main h3 {
	color: #333333;
	font-weight: normal;
	font-size: 110%;
	margin: 10px 0px;
}

main h3 a {
	font-size: 120%;
}

h1 + h2 {
	border-top: 1px solid #CFCFCF;
	font-size: 100%;
	padding: 1px 0px 0px 0px;
	margin: -15px 0px 15px 0px;
}

main iframe {
	width: 100%;
	height: 300px;
}

main .content {
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
	padding: 15px 18px 16px;
}

main .content-bg {
	background-color: rgba(255, 255, 255, 0.2);
}

main div.wrap {
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 0px 14px rgba(255, 255, 255, 0.5);
	margin-top: 10px;
}

main div.side,
main div.wrap {
	display: block;
	min-height: 400px;
}

main div.wrap ul li {
	list-style: inside disc;
}

main div.product-thumbnails ul li {
	list-style: none;
}

main div.wrap p {
	margin: 10px 0px;
}

main div.side {
	width: 25%;
	margin-right: 2%;
	float: left;
}

main div.side.small > div.content.active h2,
main div.side h2,
main div.side h3 {
	padding: 15px 15px 16px;
	border-bottom: 1px solid #CFCFCF;
	margin: -19px -18px 0px;
	background-color: rgba(255, 255, 255, 0.5);
}

main div.side + div.wrap {
	width: 73%;
	float: left;
}

main div.side .content + .content {
	margin-top: 20px;
}

main div.side div.navigation {
	display: block;
}

main div.side div.navigation p {
	margin: 10px 0px 0px;
}

main div.side h2 + div.navigation {
	margin: 0px -18px -16px;
}

main div.side.small {
	width: 100%;
	margin: 0px 0px;
	min-height: 100px;
	vertical-align: top;
}

main div.side.small + div.wrap {
	width: 100%;
}

main div.side.small > * {
	display: none;
}

main div.side.small > div.content > h2 {
	border: none;
	padding: 15px 15px 0px;
	position: relative;
	cursor: pointer;
}

main div.side.small > div.content h2:before {
	position: absolute;
	display: block;
	content: "";
	font-family: fontAwesome;
	margin-left: 85%;
}

main div.side.small > div.content.active h2:before {
	content: "";
}

main div.side.small > div.content {
	display: inline-block;
	width: 280px;
	padding: 15px 15px 16px;
}

main div.side.small div.navigation {
	width: 310px;
}

main div.side.small > div.content > *:not(h2 div.navigation) {

}

main div.side.small > div.content > div.navigation {
	position: absolute;
	display: none;
	margin: 0 -15px -16px;
	z-index: 99;
}

main div.side.small > div.content.active div.navigation {
	display: block;
}

main div.navigation ul {
	background-color: #FFF;
	padding-left: 0;
}

main div.navigation ul li {
	display: block;
	position: relative;
}

main div.navigation > ul > li.a,
main div.navigation ul li.active > ul > li > a,
main div.navigation > ul > li > a {
	display: block;
	padding: 15px 18px 16px;
	border-bottom: 1px solid #CFCFCF;
	height: 15px;
	font-size: 125%;
	color: #5face0;
}

main div.navigation.full ul li a {
	overflow: auto;
	height: auto;
}

main div.navigation.full ul li a > span.title {
	display: block;
	margin-bottom: 10px;
}

main div.navigation.full ul li a > span.date {
	display: block;
	font-size: 75%;
	text-align: right;
	color: #777;
}

main div.navigation.full ul li a > span.description {
	font-size: 80%;
	color: #777;
}

main div.navigation ul li a i.submenu {
	font-family: fontAwesome;
	color: #D1D1D1;
	transition: opacity 0.5s;
	opacity: 1;
	display: block;
	padding: 15px 15px;
	margin: -15px 0px 0px -5px;
	font-style: normal;
	font-size: 70%;
	position: absolute;
	right: 0px;
}

main div.navigation ul li a i.submenu:before {
	display: block;
	content: '';
}

main div.navigation ul li.active > a i.submenu:before {
	content: '';
}

main div.navigation ul li a i:hover {
	color: #777777;
}

main div.navigation ul li.a.active,
main div.navigation ul li.active > a,
main div.navigation ul li:hover > a,
main div.navigation ul li.active > ul > li.active > a {
	color: #6f7c24;
}

main div.navigation ul li.selected > a {
	background-color: rgba(245, 245, 245, 1);
}

main div.navigation > ul > li.a:last-child,
main div.navigation ul li:last-child a {
	border-bottom: none;
}

main div.navigation ul li ul {
	display: block;
}

main div.navigation > ul > li.active > ul > li {
	border-bottom: 1px solid #CFCFCF;
}

main div.navigation ul li ul li a {
	padding: 0px 0px 0px 0px;
	height: 0px;
	display: block;
	position: relative;
	overflow: hidden;
	color: #777777;
	border-bottom: 0px;
	font-size: 110% !important;
	background-color: #FAFAFA;
}

main.soft-menu div.navigation ul li ul li a {
	transition: padding 0.5s, height 0.5s, border-bottom 0.5s, color 0.5s;
	-webkit-transition: padding 0.5s, height 0.5s, border-bottom 0.5s, color 0.5s;
}

main div.navigation ul li.active > ul > li > a {
	border: none;
	padding: 10px 0px 10px 18px;
}

main div.navigation ul li.active > ul > li > a:hover {
	color: #6f7c24;
}

main div.navigation ul li.active > ul > li > a:before {
	opacity: 1;
}

main div.navigation ul > li > ul {
	background-color: #FAFAFA;
}

main div.navigation ul li ul li ul li {
	margin-left: 10%;
	font-size: 95%;
}

main div.iframe-overlay {
	background: none repeat scroll 0 0 transparent;
	height: 300px;
	margin-bottom: -300px;
	position: relative;
	width: 100%;
}

main div.content-boxes {
	margin: 20px 0px;
}

main div.content-boxes * {
	vertical-align: top;
}

main div.content-boxes div.content-box {
	width: 24%;
	margin: 0px 2% 10px 0px;
	display: inline-block;
	padding: 2% 22% 2% 2%;
	background-position: right 5% center;
	background-repeat: no-repeat;
	background-size: 45%;
	height: 170px;
	overflow: hidden;
	position: relative;
	text-shadow: 0px 0px 2px #FFF;
	background-color: #FFF;
}

main div.content-boxes div.content-box h2 a i, main div.content-boxes div.content-box h3 a i {
	display: none;
}

main div.content-boxes div.content-box div.image {
	height: 170px;
	width: 35%;
	position: absolute;
	right: 10px;
	background-position: contain;
}

main div.content-boxes div.content-box div.image a {
	display: block;
	height: 100%;
}

main div.content-boxes div.content-box div.image a i {
	display: none;
}

main div.content-boxes div.content-box h2 {
	color: #333333;
	font-size: 150%;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 11px;
	text-transform: uppercase;
}

main div.content-boxes div.content-box div.content-box-text {
	margin: 5px 0px;
}

main div.content-boxes div.content-box a.button {
	position: absolute;
	top: 150px;
	min-width: 150px;
}

div.table i.fa-link,
div.clearfix i.fa-link,
ul li a i.fa-link,
main div.content-boxes div.content-box a.button i.fa-link {
	display: none;
}

main div.content-boxes div.content-box:nth-child(2n + 2) {
	margin: 0px 0px 10px 2%;
}

main div.content-boxes.thumbnails div.content-box {
	background-size: cover;
	background-position: center;
	cursor: pointer;
	padding: 0px;
	margin-left: 0px;
	margin-right: 2.66%;
}

main div.content-boxes.thumbnails div.content-box:nth-child(2n+2) {
	margin-left: 0px;
	margin-right: 2.66%;
}

main div.content-boxes.thumbnails div.content-box:nth-child(4n+4) {
	margin-right: 0px;
}

main div.paginator {
	margin-bottom: 20px;
}

main div.list + div.paginator {
	margin-top: -10px;
}

main div.paginator ul li {
	display: inline-block;
}

main div.paginator ul li a {
	display: block;
	padding: 8px 15px;
}

main div.paginator ul li a:hover,
main div.paginator ul li a.active {
	background-color: #F2F2F2;
}

main div.breadcrumbs {
	margin-bottom: 10px;
	text-transform: uppercase;
}

main div.breadcrumbs span,
main div.breadcrumbs a {
	display: inline-block;
}

main table {
	width: 100%;
}

main table th {
	text-align: left;
}

footer {
	background-color: rgba(248, 248, 248, 0.9);
	display: block;
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 50px;
}

footer div.menu ul > li > ul li a:hover,
footer a:hover{
	color: #6f7c24;
}

footer ul.payment-services {
	height:42px;
	display: block;
	margin:0px;
}

footer ul.payment-services li {
	width:56px;
	height:32px;
	margin:5px;
	text-align:center;
	vertical-align:middle;
	border:0px;
	padding:0px;
	background-repeat: no-repeat;
	background-image: url(/img/default/prj/payment-services/empty.png);
	background-size: contain;
	z-index: 1;
	float:left;
	text-indent: -9999px;
	opacity:0.5;
	transition: opacity 0.5s;
}

footer ul.payment-services li:hover {
	opacity:1;
}

footer ul.payment-services li.visa {
	background-image: url(/img/default/prj/payment-services/visa.png);
}

footer ul.payment-services li.barzahlung-bei-abholung {
	background-image: url(/img/default/prj/payment-services/barzahlung.png);
}

footer ul.payment-services li.master-card {
	background-image: url(/img/default/prj/payment-services/mastercard.png);
}

footer ul.payment-services li.concardis-visa {
	background-image: url(/img/default/prj/payment-services/visa.png);
}

footer ul.payment-services li.concardis-master-card {
	background-image: url(/img/default/prj/payment-services/mastercard.png);
}

footer ul.payment-services li.concardis-american-express {
	background-image: url(/img/default/prj/payment-services/amex.png);
}

footer ul.payment-services li.sofort {
	background-image: url(/img/default/prj/payment-services/sofort.png);
}

footer ul.payment-services li.paypal,
footer ul.payment-services li.paypal-rest {
	background-image: url(/img/default/prj/payment-services/paypal.png);
}

footer ul.payment-services li.concardis-maestro {
	background-image: url(/img/default/prj/payment-services/maestro.png);
}

footer ul.payment-services li.maestro {
	background-image: url(/img/default/prj/payment-services/maestro.gif);
}

footer ul.payment-services li.clickandbuy {
	background-image: url(/img/default/prj/payment-services/clickandbuy.png);
}

footer ul.payment-services li.cash-on-delivery {
	background-image: url(/img/default/prj/payment-services/nachnahme.png);
}

footer ul.payment-services li.ueberweisung-vorkasse {
	background-image: url(/img/default/prj/payment-services/vorkasse.png);
}

footer ul.payment-services li.bankeinzug {
	background-image: url(/img/default/prj/payment-services/bankeinzug.png);
}

footer ul.payment-services li.rechnung {
	background-image: url(/img/default/prj/payment-services/rechnung.png);
}

footer ul.payment-services li.kreditkarte {
	background-image: url(/img/default/prj/payment-services/kreditkarte.png);
	width: 116px;
}

footer ul.payment-services li.kauf-auf-rechnung {
	background-image: url(/img/default/prj/payment-services/pui-logo.png);
	width: 78px;
}

footer ul.payment-services li.lastschrift {
	background-image: url(/img/default/prj/payment-services/bank-logo.png);
}

footer ul.payment-services li.gpay {
	background-image: url(/img/default/prj/payment-services/gpay.png);
}

footer ul.payment-services li.apay {
	background-image: url(/img/default/prj/payment-services/apay.png);
}

footer ul.payment-services li:first-child {
	margin-left:0px;
}

footer ul.payment-services + p{
	margin:0px 0px 40px 0px;
	clear: both;
}

footer div.menu {
	margin-bottom: 20px;
}

footer div.menu > ul > li {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	min-width: 15%;
	max-width: 220px;
	margin-bottom: 20px;
}

footer div.menu > ul > li:nth-child(5) {
	max-width: 72px;
	min-width: 72px;
}

footer div.menu ul > li > ul li a,
footer div.menu ul > li > ul li {
	display: block;
	color: #777777;
	font-size: 12px;
}

footer div.menu ul > li > ul li {
	padding: 5px 0px;
}

footer h3,
footer h4 {
	color: #3A3A3A;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 14px;
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

footer h3 {
	text-transform: capitalize;
}

footer h4 {
	font-size: 80%;
}

footer div.menu h3 + h4 {
	margin-top: -10px;
}

footer address {
	display: block;
	color: #3A3A3A;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

div.table {
	display: table;
	width: 100%;
}

div.table > div {
	display: table-row;
}

div.table.colored > div:not(.legend):nth-child(2n+1) {
	background-color: #ddd;
}

div.table > div.legend > div{
	border-bottom: 1px solid #cfcfcf;
	color: #000;
}

div.table > div > div {
	display: table-cell;
	padding: 3px 5px 3px 0px;
}

div.table >div > div.number {
	text-align: right;
}

div.table > div > div a.button {
	min-width: 20px;
}

div.table > div > div a.button:only-child {
	width: 90%;
}

div.table.thumbnail {
	text-align: center;
}

div.table.thumbnail a i.fa-link {
	display: none;
}

div.table.thumbnail > div > div {
	max-width: 300px;
}

div.table.thumbnail div div.image img {
}

div.table.thumbnail.border > div > div {
	border-left: 1px solid #CFCFCF;
	padding: 0px 0px 3px 0px;
	margin: 0px 5px 0px 0px;
}

div.table.thumbnail.border > div > div:last-child {
	border-right: 1px solid #CFCFCF;
}

div.table.thumbnail.border > div:first-child > div {
	border-top: 1px solid #CFCFCF;
}

div.table.thumbnail.border > div:last-child > div {
	border-bottom: 1px solid #CFCFCF;
}
/*
 * for shop.cart.overview
*/

div.cart-details div.addresses {
	display: inline-Block;
	width: 49%;
}

/*
 * for shop.search.index
*/
div.searchDetail {
	margin-bottom: 30px;
}

main .jSuccess {
	z-index: 90;
}

/**
 * prj
 */
div.contact_left {
	margin-bottom: 40px;
}

div.related-products,
div.related-products div > a {
	display: table;
	width: 100%;
}

div.related-products div.product {
	display: table-row;
}

div.related-products div {
	display: table-cell;
	font-size: 110%;
	height: 30px;
}

div.related-products div * {
	vertical-align: middle;
}

div.related-products div.title {
	font-weight: bold;
}

div.related-products div.name {
	width: 50%;
}

div.related-products div.name img {
	max-width: 40px;
}

div.related-products div.price {
	width: 15%;
}

div.related-products div.quantity {
	width: 10%;
	text-align: center;
}

div.related-products div.quantity input {
	width: 90%;
	text-align: center;
}

div.related-products div.buy {
	width: 25%;
	text-align: center;
	font-size: 90%;
}

div.related-products a.button.main {
	padding: 5px 5%;
}

div.related-products i {
	position: relative;
	top: 2px;
}

article.product div.productview div.to-cart div.addToCartSpace div.addToCartForm {
	display: table;
	float: left;
	width: 50%;
}

article.product div.productview div.to-cart div.addToCartSpace div.addToCartForm * {
	display: table-cell;
	vertical-align: middle;
}

div + p a i {
	position: relative;
	top: 4px;
}

main div.wrap article.product ul {
	padding-left: 16px;
}

main div.wrap article.product ul li {
	list-style-type: disc;
	list-style-position: outside;
}

article.product h4 {
	margin: 1.25em 0px 0px;
}

article.product table {
	margin-bottom: 0px
}

main div.wrap article.product p {
	margin: 0;
}

div.product-relations {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

article.product div.productview div.container-middle {
	padding-bottom: 60px;
}

header div.boxes div.right-links {
	left: 50px;
	position: fixed;
	top: 12px;
	width: 170px;
	display: none;
}

.right-links > a {
	font-size: 14px;
	color: #ffffff !important;
}

.right-links > a:first-of-type {
	margin-right: 15px;
}

div.certificates a {
	display: inline-block;
	vertical-align: middle;
}

div.certificates img {
	max-height: 100px;
}

main div.side .navigation h3 {
	margin-top: 5px;
}

button.ink-button {
	padding: 10px;
	width: 100%;
}

div.pg-description {
	margin-bottom: 20px;
}

div.filter-list {
	clear: both;
}

div.filter-content {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	width: 280px;
	height: 28px;
	margin-bottom: 10px;
}

div.filter {
	padding: 5px;
	width: 280px;
	transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: max-height 0.5s;
	-moz-transition: max-height 0.5s;
	-webkit-transition: max-height 0.5s;
	max-height: 28px;
	overflow: hidden;
	vertical-align: top;
	color: #ffffff;
	position: absolute;
	background-color: #3b3b3b;
	left: 0px;
	top: 0px;
	z-index: 2;
}

div.filter-content:not(:hover) .filter {
	-z-index: 2;
	transition: z-index 0.5s;
}

div.filter-title,
div.filter input,
div.filter label {
	cursor: pointer;
}

div.filter:hover {
	background-color: #ffffff;
	max-height: 1000px;
	z-index: 5;
	color: #3b3b3b;
}

div.filter-container,
div.sort-container {
	position: relative;
	margin-bottom: 20px;
}

div.filter-title {
	font-weight: bold;
	height: 30px;
}
div.filter i.fa-angle-down {
	display: inline;
	font-size: 18px;
}

div.filter-title i {
	float: right;
}

div.filter-list,
div.filter-list * {
	box-sizing: border-box;
}

div.filter-list {
	z-index: 1;
}

div.filter input:checked + label {
	font-weight: bold;
}

div.selection-list i {
	cursor: pointer;
	font-size: 120%;
}

div.selection-list div.selection,
div.selection-list div.sort {
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

div.selection-list div.selection:hover,
div.selection-list div.sort:hover,
div.selection-list div.selection.delete-all {
	background-color: #ffffff;
}

button.select-filter,
button.price-filter,
button.weight-filter {
	display: block;
	margin: 5px auto;
}

div#hints {
	width: 100%;
	min-width: 320px;
	position: fixed;
	left: 0;
	bottom: 0;
}

div.option-field {
	display: inline-block;
	width: 49%;
}

div.option-container.bottom {
	margin-bottom: 40px;
}

div.option-field.sort {
	text-align: right;
}

div.selection-list {
	clear: both;
}
div#use_express_delivery-container {
	display: block;
	width: 100%;
}

.text-green {
	color: #6f7c24;
}