/* custom css module dueelle_categories */



/* displayHome */

#dueelle_categories{

	padding: 100px 130px 70px;

}

.featured-products + #dueelle_categories{

	padding-top: 0;

}

#dueelle_categories .inner{

	display: block;

}

#dueelle_categories .inner .element .inner-element{

	display: block;

	margin-bottom: 30px;

}
#dueelle_categories.strenne .inner .element{
	width: 20%;
}
#dueelle_categories.strenne .inner .element .inner-element > a{
	display: block;
	text-decoration: none;
}
#dueelle_categories .inner .element .inner-element .image{

	display: block;

	position: relative;

	overflow: hidden;

}
#dueelle_categories.strenne .inner .element .inner-element .image{
	border-radius: 30px;
}
#dueelle_categories .inner .element .inner-element .image > picture{
	display: block;
}
#dueelle_categories .inner .element .inner-element .image > img, #dueelle_categories .inner .element .inner-element .image picture img{

	width: 100%;

    height: auto;

    display: block;

	transition: all .25s linear;

}
#dueelle_categories.strenne .inner .element .inner-element .image > img, #dueelle_categories.strenne .inner .element .inner-element .image picture img{
	transition: none;
}
#dueelle_categories .inner .element .inner-element .image > a{

	position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.2);

}

#dueelle_categories .inner .element .inner-element .image > a > span.title{

	position: absolute;

    bottom: 5%;

    left: 3%;

    display: block;

    font-size: 40px;

    font-family: 'Luckiest Guy';

    font-weight: 400;

    color: #fff;

    line-height: 1;

}

#dueelle_categories .inner .element .inner-element .image:hover > img, #dueelle_categories .inner .element .inner-element .image:focus > img, #dueelle_categories .inner .element .inner-element .image:hover picture img, #dueelle_categories .inner .element .inner-element .image:focus picture img{

	transform: scale(1.2);

	transition: all .25s linear;

}
#dueelle_categories.strenne .inner .element .inner-element .image:hover > img, #dueelle_categories.strenne .inner .element .inner-element .image:focus > img, #dueelle_categories.strenne .inner .element .inner-element .image:hover picture img, #dueelle_categories.strenne .inner .element .inner-element .image:focus picture img{
	transform: none;
	transition: none;
}

#dueelle_categories.strenne .inner .element .inner-element .text{
	display: block;
    margin-top: 15px;
    background-color: #da253c;
    padding: 30px;
    color: #fff;
    border-radius: 30px;
	min-height: 220px;
}
#dueelle_categories.strenne .inner .element .inner-element .text.no-descr{
	min-height: auto;
}
#dueelle_categories.strenne .inner .element:first-child .inner-element .text{
	background-color: #267e65;
}
#dueelle_categories.strenne .inner .element:nth-child(2) .inner-element .text{
	background-color: #00695c;
}
#dueelle_categories.strenne .inner .element:nth-child(3) .inner-element .text{
	background-color: #437889;
}
#dueelle_categories.strenne .inner .element:nth-child(4) .inner-element .text{
	background-color: #245464;
}
#dueelle_categories.strenne .inner .element:nth-child(5) .inner-element .text{
	background-color: #da253c;
}
#dueelle_categories.strenne .inner .element .inner-element .text > span.title{
	display: block;
    font-size: 25px;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Satisfy';
}
#dueelle_categories.strenne .inner .element .inner-element .text.no-descr > span.title{
	margin-bottom: 0;
}
#dueelle_categories.strenne .inner .element .inner-element .text .description p{
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
/* end displayHome */

