@import "./reset.css";
@import "./fonts.css";

body {
    color:#252525;
    background:#fff;
}

.wrapper {
    position:relative;
    height:100%;
    margin:0 auto;
    overflow:hidden;
}

#section-1 {
    background:url('../images/bg-top.jpg') 50% 50% no-repeat;
}


#section-1 .vk {
    background:url('../images/vk.png') no-repeat;
    width:34px;
    height:34px;
    display:inline-block;
    margin-left:20px;
    background-size:cover;
    vertical-align:middle;
}

#section-1 .logo {
    display:block;
    background:#fff;
    text-align:center;
    font-size:0;
    position:absolute;    
    top:0;
    box-shadow:0 0 54px rgba(0,0,0,0.15);
}

#section-1 .phone {
    font-family:Gilroy-ExtraBold;
    position:absolute;
}

#section-1 .title {
    font-family:Gilroy-ExtraBold;
    /*position:absolute;*/
}

#section-1 .description {
    font-family:Gilroy-Light;
    /*position:absolute;*/
}

#section-1 .arrow {
    display:block;
    position:absolute;
    left:50%;
    background:url('../images/arrow-down.png') no-repeat;
}

#section-2 .col {
    background-size:cover;
    background-position:50% 50%;
    color:#fff;
    text-align:center;    
}

#section-2 .col:nth-child(1) {
    background-image:url('../images/bg-preim-1.jpg');
}

#section-2 .col:nth-child(2) {
    background-image:url('../images/bg-preim-2.jpg');
}

#section-2 .col:nth-child(3) {
    background-image:url('../images/bg-preim-3.jpg');
}

#section-2 .col .title {
    font-family: 'Playfair Display', serif;
}

#section-2 .col .description {
    font-family:Gilroy-Light;
}

#section-3 {
    width:100%;
    background:#fff;
    text-align:center;
    background:url('../images/bg-assortiment.jpg') 50% 50% no-repeat;
}

#section-3 .title {
    font-family:Gilroy-ExtraBold;
}

#section-4 {
    width:100%;
}

#section-4 .col {
    width:50%;
    position:relative;
    background-size:cover;
}

#section-4 .row:nth-child(1) .col:nth-child(1) {
    background:url('../images/bg-kitchen-1.jpg') 50% 50% no-repeat;
}

#section-4 .row:nth-child(2) .col:nth-child(1) {
    background:url('../images/bg-kitchen-2.jpg') 50% 50% no-repeat;
    float:right;
}

#section-4 .row:nth-child(3) .col:nth-child(1) {
    background:url('../images/bg-kitchen-3.jpg') 50% 50% no-repeat;
}

#section-4 .row:nth-child(4) .col:nth-child(1) {
    background:url('../images/bg-kitchen-4.jpg') 50% 50% no-repeat;
    float:right;
}

#section-4 .row:nth-child(5) .col:nth-child(1) {
    background:url('../images/bg-kitchen-5.jpg') 50% 50% no-repeat;
}

#section-4 .row .col:nth-child(2) {
    background:#e3edfd;
}

#section-4 .item {
    height:100%;
    position:absolute;
    top:0;
}

#section-4 .title {
    font-family:Gilroy-ExtraBold;
}

#section-4 .description {
    font-family:Gilroy-Light;
}

#section-4 .params {
    width:411px;
    height:229px;
    background:url('../images/params-s.jpg') no-repeat;
}

#section-5 {
    width:100%;
    text-align:center;    
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,237,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,237,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,237,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3edfd',GradientType=0 ); /* IE6-9 */
}

#section-5 .wrapper {
    background:url('../images/bg-service.png') 50% 25% no-repeat;
}

#section-5 .title {
    font-family:Gilroy-ExtraBold;
}

#section-5 .title span {
    font-family: 'Playfair Display', serif;
    color:#d01b18;
}

#section-6 .item {
    text-align:center;
    font-family:Gilroy-Light;
}

#section-6 .item-1 {
    background: url('../images/bg-design.png') 50% 0 no-repeat;
}

#section-6 .item-2 {
    background: url('../images/bg-lift.png') 50% 0 no-repeat;
}

#section-6 .item-3 {
    background: url('../images/bg-sbor.png') 50% 0 no-repeat;
}

#section-7 .wrapper {
    background-image:url('../images/bg-nadezh.png');
    background-repeat:no-repeat;
}

#section-7 .title {
    font-family:Gilroy-ExtraBold;
    text-align:center;
    margin:0 auto;
}

#section-7 .point {
    position:absolute;
    width:34px;
    height:34px;
    border-radius:34px;
    cursor:pointer;
    display:block;
    background:url('../images/plus.png') no-repeat;
    z-index:2;
}

#section-7 .info {
    position:absolute;
    font-family:Gilroy-Light;
    width:240px;
    height:170px;
    border-radius:170px;
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    display:none;
    font-size:15px;
}

#section-7 .info-1 {
    padding-left:185px;
    padding-right:55px;
    background:#fff url('../images/cvet.png') 0 0 no-repeat;
}
    
#section-7 .info-2 {
    padding-left:185px;
    padding-right:55px;
    background:#fff url('../images/material.png') 0 0 no-repeat;
}

#section-7 .info-3 {
    padding-right:185px;
    padding-left:55px;
    background:#fff url('../images/furnitura.png') 100% 0 no-repeat;
}

#section-7 .info-4 {
    padding-right:185px;
    padding-left:55px;
    background:#fff url('../images/oborudivanie.png') 100% 0 no-repeat;
}

#section-7 .info span {
    font-family: 'Playfair Display', serif;
    font-size:25px;
    display:block;
    margin-bottom:10px;
}


#section-8 {
    background:url('../images/bg-feedback.jpg') 50% 50% no-repeat;
}

#section-8 .title {
    font-family:Gilroy-ExtraBold;
    text-align:center;
    color:#fff;
}

#section-8 .description {
    font-family:Gilroy-Light;
    text-align:center;
    color:#fff;
}

#section-8 .button {
    display:block !important;
    margin: 0 auto;
}

#section-9 {
    position:relative;
}

#section-9 .map {
    width:100%;
    display:none;
    position:relative;
    z-index:1;
}

#section-9 .title {
    font-family:Gilroy-ExtraBold;
    text-align:center;
    position:absolute;
    left:50%;
    z-index:2;
}

#section-9 .cols {
    background:#d01b18;
}

#section-9 .cols .col {
    text-align:center;
    font-family:Gilroy-Light;
    color:#fff;
}

#section-9 .cols .col span {
    display:block;
    font-family:Gilroy-ExtraBold;
}

#section-9 .cols .col:nth-child(2) {
    background:#b60000;
}

#section-10 > .wrapper > * {
    position:absolute;
}

#section-10 .vk-cap, #section-10 .email-cap, #section-10 .tel-cap, #section-10 .copyright {
    font-family:Gilroy-Light;
}

#section-10 .email, #section-10 .tel {
    font-family:Gilroy-ExtraBold;
    text-decoration:none;
    color:#b60000;
}

#section-10 .vk {
    background:url('../images/vk.png') no-repeat;
    width:42px;
    height:42px;
}

#section-10 .arrow {
    width:23px;
    height:22px;
    background:url('../images/arrow-up.png') no-repeat;
}

#section-10 .logo {
     background:url('../images/logo.png') no-repeat;
     background-size:cover;
}

.button {
    display:block;
    border-radius:5px;
    text-align:center;
    font-family:Gilroy-ExtraBold;
    text-decoration:none;
    cursor:pointer;
    outline:none;
    box-shadow:0 0 8px rgba(0,0,0,0.8);
    border:none;
}


.button span {
    display:table-cell;
    vertical-align:middle;
    width:inherit;
    height:inherit;
}

.button.red {
    background-color:#d01b18;
    border-bottom:5px solid #a70e0e;
    color:#fff;
    text-shadow:2px 2px 2px #ba1c1c;
}

.button.red:hover {
    background-color:#e41d1a;
}

.button.white {
    background-color:#fff;
    border-bottom:5px solid #d3d3d3;
    color:#d01b18;
}

.button.white:hover {
    background-color:#f1f1f1;
}

input[type="checkbox"] {
    /*display:none;*/
    opacity:0;
    margin-left:-21px;
}

input[type="checkbox"] + label {
    cursor: pointer;
    font-family:Gilroy-Light;
    vertical-align:middle;
}

input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 21px;
    width: 21px;
    margin: 0 20px 0 0;
    vertical-align:middle;
}

input[type="checkbox"] + label::before {
    background-image: url('../images/check.png');
}
    
input[type="checkbox"]:checked + label::before {
   background-image: url('../images/check-sel.png');
}


input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    cursor: pointer;
    font-family:Gilroy-Light;
    vertical-align:middle;
}

input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 20px 0 0;
    vertical-align:middle;
}

input[type="radio"] + label::before {
    background-image: url('../images/sel.png');
}
    
input[type="radio"]:checked + label::before {
   background-image: url('../images/sel-sel.png');
}

input[type="text"] {
    font-family:Gilroy-Light;
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border:none;
    border-radius:5px;
    outline:none;
}

.cols::after {
    content:'';
    font-size:0;
    display:block;
    clear:both;
}

.cols .col {
    float:left;
}

.va {
    display:table-cell;
    width:inherit;
    height:inherit;
    vertical-align:middle;
}

.overlay {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.8);
    z-index:999;
    display:none;
}

.overlay .window {
    background:#fff;
    position:absolute;
    top:40px;
    left:50%;
}

.overlay .window .close {
    width:33px;
    height:33px;
    display:block;
    cursor:pointer;
    right:30px;
    top:30px;
    position:absolute;
    background:url('../images/close.png') no-repeat;
}

.overlay .window .title {
    font-family:Gilroy-ExtraBold;
}

.overlay .window .step {
    display:none;
}

.overlay .window .step-1 {
    display:block;
}

.overlay .progress {
    width:100%;
}

.overlay .progress .caption {
    color:#a9a9a9;
    margin-bottom:5px;
    font-family:Gilroy-Light;
}

.overlay .progress .caption span {
    color:#d01b18;
}

.overlay .progress .track {
    width:100%;
    height:5px;
    background:#d7d7d7;
    border-radius:5px;
}

.overlay .progress .track > div {
    height:5px;
    border-radius:5px;
    background:#d01b18;
}

.overlay .buttons::after {
    content:'';
    display:block;
    clear:both;
}

.overlay .buttons .back {
    float:left;
    background-image:url('../images/arrow-left.png');
    background-repeat: no-repeat;
}

.overlay .buttons .next {
    float:right;
}

#overlay-1 .step-7 .title {
    text-align:center;
}

#overlay-1 .step-7 .description {
    font-family:Gilroy-Light;
    text-align:center;
}

#overlay-1 .step-7 .description span {
    font-family: 'Playfair Display', serif;
    color:#d01b18;
}

#overlay-2 .title {
    text-align:center;
}

#overlay-2 .description {
    font-family:Gilroy-Light;
    text-align:center;
}

body:after{
    display:none;
    content: url('../images/sel.png')
             url('../images/sel-sel.png')
             url('../images/check.png')
             url('../images/check-sel.png');
}

.instr {
    color:#000;
    position:absolute;
    font-family:Gilroy-Light;
}

.instr a {
    color:#000;
    text-decoration:underline;
}

.instr a:hover {
    text-decoration:none;
}