﻿ul.inline-list {
    overflow:auto;
}
ul.inline-list li {
    display:inline-block;
    text-align:left;
    vertical-align:top;
}
/*AFFORDS LIST*/
ul.afford {
    margin:40px 5px;
}
ul.afford li {
    width:33%;
    padding-left:100px;
    margin:30px 0;
    list-style:none;
    background-repeat:no-repeat;
}
ul.afford li {
    background-image:url("/sources/icon 1.svg");
    box-sizing:border-box;
    background-position:20px 0;
}
ul.afford li+li {
    background-image:url("/sources/icon 2.svg");
    background-position:20px -10px;
}
ul.afford li+li+li {
    background-image:url("/sources/icon 3.svg");
}
ul.afford li+li+li+li {
    background-image:url("/sources/icon 4.svg");
    background-position:20px 0;
}
ul.afford li + li + li + li + li {
    background-image:url("/sources/icon 5.svg");
}
ul.afford li + li + li + li + li + li{
    background-image:url("/sources/icon 6.svg");
}
ul.afford li section {
    position: relative;
    height:110px;
    padding-left:40px;
}
ul.afford li section p {
    margin-top:10px;
}
ul.afford li section nav {
    position:absolute;
    bottom:0;
}
/*TICKS LIST*/
ul.ticklist {
    margin:40px 0;
}
ul.ticklist li {
    width:520px;
    min-height:70px;
    padding-left:50px;
    margin:10px 30px;
    list-style:none;
    background-repeat:no-repeat;
    background-image:url("/sources/tick.svg");
    background-position:0 -5px;
}
ul.ticklist li h3 {
	margin-bottom:8px;
}
/*KITCHENS LIST*/
ul.kitchens,
ul.closets {
    margin: 35px 0;
    font-size:3.2em;
    letter-spacing:0;
    overflow:hidden;
}
ul.kitchens li,
ul.closets li {
    width:280px;
    height:195px;
    margin-top:12px;
    text-align:left;
    vertical-align:top;
    display:inline-block;
    position:relative;
    float:none;
    font-size:0.25em;
    overflow:hidden;
    background-image:url("/img/kitchens/k1.png");
    cursor:pointer;
}
ul.kitchens li+li {
    background-image:url("/img/kitchens/k2.png");
}
ul.kitchens li+li+li {
    background-image:url("/img/kitchens/k3.png");
}
ul.kitchens li + li + li + li {
    background-image:url("/img/kitchens/k4.png");
}
ul.kitchens li + li + li + li + li {
    background-image:url("/img/kitchens/k5.png");
}
ul.kitchens li + li + li + li + li + li {
    background-image:url("/img/kitchens/k6.png");
}
ul.kitchens li + li + li + li + li + li + li {
    background-image:url("/img/kitchens/k7.png");
}
ul.closets li {
    background-image:url("/img/koupe/c1.png");
}
ul.closets li+li {
    background-image:url("/img/koupe/c2.png");
}
ul.closets li+li+li {
    background-image:url("/img/koupe/c3.png");
}
ul.closets li+li+li+li {
    background-image:url("/img/koupe/c4.png");
}
ul.closets li+li+li+li+li {
    background-image:url("/img/koupe/c5.png");
}
ul.closets li+li+li+li+li+li {
    background-image:url("/img/koupe/c6.png");
}
ul.closets li+li+li+li+li+li+li {
    background-image:url("/img/koupe/c7.png");
}
ul.closets li+li+li+li+li+li+li+li {
    background-image:url("/img/koupe/c8.png");
}
ul.kitchens li > *,
ul.closets li > * {
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}
ul.kitchens li > h3,
ul.closets li > h3 {
    padding:10px 10px;
    font-size:1em;
    letter-spacing:0.2em;
    transition:bottom 0.5s;
}
ul.kitchens li > h4,
ul.closets li > h4 {
    padding:10px 10px;
    font-size:1em;
    letter-spacing:0.2em;
	top:0;
	right:auto;
	bottom:auto;
	background-color:#ea4041;
	color:#fff;
	display:inline-block;
	text-transform:none;
    /*transition:bottom 0.5s;*/
}
ul.kitchens li > div,
ul.closets li > div {
    top:0;
    opacity:0;
    transition:opacity 0.5s;
    background:url("/sources/magnifier.svg") rgba(234, 64, 65, 0.9) center no-repeat;
}
ul.kitchens li:hover > h3,
ul.closets li:hover > h3 {
    bottom:-50px;
}
ul.kitchens li:hover > div,
ul.closets li:hover > div {
    opacity:1;
}
