﻿* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body {
    overflow-x:hidden;
    font-size:100%;
    line-height:1.125em;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    font-size:1em;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.layout {
    margin:0 auto;
    text-align:center;
    font-size:initial;
}
.blocks > section,
.blocks > div {
    background-position:center;
    overflow:hidden;
}
/*********************/
.welcome-block {
    height:1050px;
    background:url("/sources/bg1.jpg");
    text-align:center;
}
.welcome-block .marketing {
    width:794px;
    height:256px;
    margin:89px auto 0 auto;
    border:solid 3px #ea4041;
    border-bottom:none;
    text-align:left;
    position:relative;
}
.welcome-block .marketing header {
    padding:0 117px;
    margin:58px 0 0 0;
}
.welcome-block .marketing p {
    padding:0 117px;
    margin:30px 0 0 0;
}
.welcome-block .marketing .bottom-border {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
}
.welcome-block .marketing .bottom-border:after {
    content:"";
    display:inline-block;
    border:solid 2px #ea4041;
    vertical-align:bottom;
    width:90px;
}
.welcome-block .marketing .bottom-border+.bottom-border:after {
    content:"";
    display:inline-block;
    border:solid 2px #ea4041;
    vertical-align:bottom;
    margin-left:315px;
    width:100%;
}
.welcome-block .marketing p.season {
    position:absolute;
    bottom:0;
    background-color:#ea4041;
    margin:0;
    padding:0;
    display:inline-block;
    left:110px;
    padding:5px 10px;
    width:185px;
    transform:translateY(0.7em);
    text-align:center;
}
.welcome-block .actions {
    margin:63px auto 90px auto;
    width:794px;
    text-align:left;
}
.welcome-block .actions > div {
    height:222px;
    margin-left:407px;
}
.welcome-block .actions > div:first-child {
    float:left;
    margin:0;
    width:407px;
}
.welcome-block .actions > div ul {
    list-style:none;
}
.welcome-block .actions > div ul li {
    margin-top:20px;
    margin-bottom:28px;
}
.welcome-block .actions > div ul li:first-child p:first-child {
    background:#ea4041 url("/sources/percent white.svg") 45px 50% no-repeat;
    padding-right:20px;
}
.welcome-block .actions > div ul li p:first-child {
    background:#ea4041 url("/sources/gift.svg") center no-repeat;
}
.welcome-block .actions > div ul li p:first-child {
    display:inline-block;
    width:74px;
    height:74px;
    vertical-align:middle;
    text-align:center;
    line-height:74px;
}
.welcome-block .actions > div ul li p {
     display:inline-block;
     vertical-align:middle;
}
.welcome-block .actions > div ul li p:last-child {
    margin-left:20px;
}
.welcome-block .welcome {
    margin-top: 65px;
    overflow:auto;
}
.welcome-block .welcome button {
    margin-top:45px;
}
/********************************************/
button {
    border:solid 3px #fff;
    border-radius: 35px;
    background-color:transparent;
    width:436px;
    height:70px;
    font:1.76em "ffPTSansBold", sans-serif;
    font-size:1.13em;
    text-transform:uppercase;
    letter-spacing:0.17em;
    color:#fff;
    cursor:pointer;
    outline:none;
}
button:hover {
    background-color:rgba(255, 255, 255, 0.5);
}
button:active {
    background-color:#fff;
    color:#ea4041;
}
button.bardo {
	border-color:#ea4041; 
}
button.bardo:active {
	background-color: #ea4041;
	color:#fff;
}
.uline {
    margin:70px 0 0 0;
}
.uline:after {
    content:"";
    display:block;
    width:55px;
    height:3px;
    background-color:#000;
    position:relative;
    left:50%;
    margin-left:-30px;
    margin-top:23px;
}
.uline.bardo:after {
    background:#ea4041;
}
/********************************************/
.promotion-block {
    margin:0 auto;
    width:1168px;
}
.promotion-block hr {
    border:none;
    height:6px;
}
.promotion-block hr.bardo {
    background-color:#ea4041;
}
.promotion-block > div {
    position:relative;
}
.promotion-block > div hr {
    height: 2px;
    background-color:#ddd;
    border:none;
    position:absolute;
    top:50%;
    width:100%;
    z-index:-1;
}
.promotion-block > div span {
    background-color:white;
    display:inline-block;
    padding:0px 15px;
}
/********************************************/
section.kitchens-block,
section.closets-block {
    height:763px;
    background-image:url("/sources/bg_kitchen.png");
    text-align:center;
    overflow:hidden;
}
section.closets-block {
    height:763px;
    background-image:url("/sources/bg_koupe.png");
}
section.kitchens-block div.layout,
section.closets-block div.layout {
    width:1200px;
    margin:0px auto;
    overflow:hidden;
}
/********************************************/
section.works-block {
    min-height:1290px;
    background-image:url("/sources/bg_our-works.jpg");
}
section.works-block div.layout {
    width:1200px;
    margin:0 auto;
}
section.works-block div.work-data-container {
    overflow:hidden;
}
section.works-block div.work-data-slider {
    position:relative;
}
section.works-block div.layout header {
    margin-top: 70px;
    text-align:left;
    width:1200px;
}
section.works-block div.layout header h1 {
    display:inline-block;
}
section.works-block div.layout header h4 {
    float:right;
}
section.works-block div.layout article {
    margin-top:20px;
    text-align:left;
}
section.works-block div.layout article > div {
    display:inline-block;
    margin-top:25px;
    width:393px;
}
section.works-block div.layout article .user-info {
    overflow:auto;
    padding-bottom:20px;
    border-right:solid 3px #ea4041;
}
section.works-block div.layout article .user-info:before {
    content:"";
    display:inline-block;
    border-top:solid 3px #ea4041;
    width:255px;
    float:right;
}
section.works-block div.layout article .user-info img {
    float:left;
}
section.works-block div.layout article .user-info p:nth-child(2) {
    margin-top:30px;
}
section.works-block div.layout article .user-info p {
    margin-bottom:10px;
    margin-left:135px;
}
section.works-block div.layout article .user-comment {
    padding:0 40px 40px 40px;
    min-width:385px;
}
section.works-block div.layout ul {
    width: 803px;
    margin:0;
    padding:0;
    text-align:left;
    list-style-type:none;
    display:inline-block;
    vertical-align:top;
}
section.works-block div.layout ul li:before {
    content: "";
    border:solid 4px #ea4041;
    width:13px;
    height:13px;
    float:left;
    border-radius:13px;
    display:inline-block;
    vertical-align:middle;
}
section.works-block div.layout ul li h4 {
    padding-left:50px;
}
section.works-block div.layout ul li pre {
    padding:5px 20px 20px 40px;
    border-left:solid 2px #ea4041;
    margin:5px 0 5px 9px;
}
section.works-block div.layout ul li:last-child pre {
    border:none;
}
.user-block div:last-child {
    border:solid 3px #ea4041;
    border-top:none;
    float:right;
}
/********************************************/
.questions-block {
    height:450px;
    background-color: #ea4041;
}
.questions-block p {
    margin:62px 0 50px 0;
}
/********************************************/
.location-block,
.location-block > div {
    height:584px;
    position:relative;
}
.location-block .map-label {
    display:inline-block;
    text-align:left;
    width:190px;
    background-color:rgba(255,255,255,0.7);
    vertical-align:middle;
    font-size:1.3em;
    border-radius:14px 0 0 14px;
}
.location-block .map-label span {
    padding:0 5px;
}
.location-block .map-mark {
    border:solid 3px #f00;
    width:24px;
    height:24px;
    border-radius:14px;
    display:inline-block;
    vertical-align:middle;
}
.location-block .map-mark > div {
    width:12px;
    height:12px;
    border-radius:6px;
    background-color:#f00;
    margin:3px;
    vertical-align:middle;
}
/********************************************/
header.head-block {
    left:50%;
    width:1200px;
    height:90px;
    position:relative;
    transform:translate(-50%);
    text-align:left;
}
header.head-block > * {
    vertical-align:middle;
}
header.head-block h1 {
    color:#ea4041;
    font-size:1em;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font:1.13em "ffPTSansBold";
    letter-spacing:0.17em;
    padding:0 10px;
}
header.head-block h1 > * {
    vertical-align:middle;
    padding:0 20px;
}
header.head-block h3 {
    font:15px "ffOpenSans";
    font-size:1em;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
/********************************************/
.location-block footer {
    width:1200px;
    height:90px;
    background-color:rgba(0,0,0,0.75);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align:left;
}
.location-block footer > * {
    vertical-align:middle;
}
.location-block footer h3 {
    color:#fff;
    font:15px "ffOpenSans";
    font-size:1em;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.location-block footer h1 {
    color:#fff;
    font-size:1em;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font:1.13em "ffPTSansBold", sans-serif;
    color:#fff;
    letter-spacing:0.17em;
    padding:0 40px;
}
.location-block footer h1 > * {
    vertical-align:middle;
    padding:0 20px;
    color:#fff;
}
/********************************************/
.slide-from-right {
    left:1200px;
    transition:left 125ms;
    transition-timing-function:linear;
}
.slide-from-center {
    left:0;
    transition:left 125ms;
    transition-timing-function:linear;
}
.slide-to-left {
    left:-1200px;
    transition:left 125ms;
    transition-timing-function:linear;
}
.slide-to-center {
    left:0px;
}
.slide-to-right {
    left:1200px;
    transition:left 125ms;
    transition-timing-function:linear;
}
.slide-from-left {
    left:0px;
    transition:left 125ms;
    transition-timing-function:linear;
}
/*****************************************/
a.button-ref {
	display:inline-block;
	width:280px;
	border:solid 3px #ea4041;
	text-decoration:none;
	font-size:0.85em;
	padding:10px 10px;
	border-radius:25px;
	margin-top:30px;
}
/*****************************************/
.mention {
	margin:20px 0;font-size:85%;
}