@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}
input, select, textarea, button {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background: none; outline: none;}
html {width: 100%; height: 100%;}

a {color: #EF545D;}
a:hover {color: #EF545D;}
img {border: none;}

body {width: 100%; height: 100%; margin: 0; padding: 84px 0 0 0; color: #363636;}
body, p, h1, h2, h3, input, select, textarea, button {font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;}

h1 {grid-area: h1; display: block; position: relative; box-sizing: border-box; font-size: 28px; font-weight: 800; text-transform: uppercase; text-align: left;}
h1 span {color: #EF545D; font-weight: bold;}
h1:after {content: ''; display: block; position: relative; box-sizing: border-box; width: 180px; height: 2px; background: #EF545D; margin: 36px 0 0 0;}

h2 {font-size: 22px; font-weight: 800; text-transform: uppercase; margin: 0 0 22px 0;}

h3 {font-size: 18px; font-weight: 800; text-transform: uppercase;}

p {margin: 0 0 22px 0; line-height: 24px; color: #747474;}

input, select, textarea {width: 100%; box-sizing: border-box; border: 1px solid #363636; border-radius: 4px; background: none; padding: 12px 16px 12px 16px; font-size: 16px;}
button {border-bottom: 4px solid #dc3c46; background: #EF545D; padding: 12px 16px 10px 16px; font-size: 16px; cursor: pointer; border-radius: 4px; text-align: center; text-transform: none; color: #FFF;}
button:hover, button.active {border-color: #242424; background: #363636;}







    workspace {display: block; position: relative; box-sizing: border-box; width: 1100px; margin: 0 auto;}
    preloader {display: block; position: absolute; box-sizing: border-box; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 64px; height: 64px; background: url(/design/preloader.svg) center no-repeat; background-size: cover;}

    footer {display: block; position: relative; box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 44px 0 44px 0; border-top: 5px solid #fafafa;}
    footer a {color: #000;}
    footer workspace {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 280px 1fr 206px;
        grid-gap: 44px;
        justify-content: space-between;
        grid-template-areas: "copyright navigation acquiring";
    }
    footer footer_copyright {grid-area: copyright; display: block; position: relative; box-sizing: border-box; align-self: center; font-size: 14px;}
    footer footer_navigation {grid-area: navigation; display: flex; position: relative; box-sizing: border-box; align-self: center; font-size: 14px;}
    footer footer_navigation a {display: inline-block; position: relative; box-sizing: border-box; margin: auto;}
    footer footer_acquiring {grid-area: acquiring; display: block; position: relative; box-sizing: border-box; height: 58px;}
    footer footer_acquiring img {display: block; position: absolute; box-sizing: border-box; width: 206px; height: 58px; z-index: 0; top: 0; left: 0;}
    footer footer_acquiring span {display: block; position: absolute; box-sizing: border-box; z-index: 1; top: 42px; left: 70px; font-size: 12px;}
    
    
    
    

    
    page {display: block; position: relative; box-sizing: border-box; width: 100%; height: auto; margin: 0;}
    page workspace {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: 280px 1fr;
        grid-gap: 44px;
        justify-content: space-between;
        grid-template-areas:
            "categories breadcrumbs"
            "categories text";
    }
    page breadcrumbs {grid-area: breadcrumbs; display: block; position: relative; box-sizing: border-box; padding: 44px 0 0 0; font-size: 14px;}
    page breadcrumbs a {text-decoration: none;}
    page categories {grid-area: categories; display: block; box-sizing: border-box; background: #fafafa; padding: 44px 24px 36px 56px;}
    page categories ul {display: block; margin: 0; padding: 0; position: sticky; top: 132px; bottom: 100px; font-size: 14px;}
    page categories ul li {margin: 0 0 8px 0px;}
    page text {grid-area: text; display: block; box-sizing: border-box; padding: 0 0 22px 0;}
    page text h2 {font-size: 24px; text-transform: none; font-weight: 600; text-align: left; margin: 0 0 16px 0;}
    page text div.description {margin: 44px 0 24px 0; line-height: 24px;}
    page text ul {display: block; margin: 0 0 36px 44px; padding: 0; color: #747474;}
    page text ul li {margin: 0 0 8px 0px;}
    
    
    variants {display: block; position: relative; box-sizing: border-box; width: 100%; padding: 44px 0 44px 0;}
    variants workspace {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto;
        grid-gap: 44px;
        justify-content: space-between;
        grid-template-areas:
            "h1"
            "slider";
    }
    
    variants slider {grid-area: slider; display: block; position: relative; box-sizing: border-box; width: 100%;}
    
    variants .variant_of_ceiling {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: 100px 1fr;
        grid-gap: 12px 24px;
        justify-content: space-between;
        grid-template-areas:
            "image h3"
            "image announcement";
    }
    variants .variant_of_ceiling .image {grid-area: image; display: block; position: relative; box-sizing: border-box; width: 100%;}
    variants .variant_of_ceiling .image img {display: block; position: absolute; box-sizing: border-box; width: 100%; border-radius: 6px 0; top: 0; let: 0;}
    variants .variant_of_ceiling .image .price {display: block; position: absolute; box-sizing: border-box; font-size: 12px; top: 112px; right: 0; background: #EF545D; color: #FFF; padding: 2px 6px 4px 6px; border-radius: 6px 0;}
    variants .variant_of_ceiling h3 {grid-area: h3; display: block; position: relative; box-sizing: border-box; width: 100%;}
    variants .variant_of_ceiling h3 a {color: #363636;}
    variants .variant_of_ceiling .announcement {grid-area: announcement; display: block; position: relative; box-sizing: border-box; width: 100%; font-size: 12px;}
    
    
    
    
    
    

	identification {display: block; position: relative; box-sizing: border-box; width: 100%; padding: 44px 0 44px 0;}
    identification workspace {
        display: grid;
        grid-template-rows: auto auto 1fr;
        grid-template-columns: 400px 1fr;
        grid-gap: 44px;
        justify-content: space-between;
        grid-template-areas:
            "breadcrumbs breadcrumbs"
            "h1 h1"
            "interactive text";
    }
    
    identification breadcrumbs {
        grid-area: breadcrumbs;
        display: block;
        position: relative;
        box-sizing: border-box;
        align-self: center;
    }
    identification interactive {
        grid-area: interactive;
        display: grid;
        position: relative;
        box-sizing: border-box;
        grid-template-rows: auto;
        grid-template-columns: 120px 1fr;
        grid-gap: 12px;
        justify-content: space-between;
        width: 100%;
        align-self: start;
        justify-self: start;
        min-height: 100px;
        background: #f4f4f4;
        border-radius: 6px;
    }
    
    identification interactive.active {background: none;}
    
    identification interactive .label {display: block; position: relative; box-sizing: border-box; align-self: center;}
    identification interactive input {display: block; position: relative; box-sizing: border-box;}
    identification interactive button {display: block; position: relative; box-sizing: border-box; align-self: center; justify-self: start;}
    
    identification interactive #registration_searchlist {display: block; position: absolute; box-sizing: border-box; width: 100%; background: #EF545D; top: 43px; color: #FFF;}
    identification interactive #registration_searchlist .searchlistitem {padding: 13px 13px 13px 13px; font-weight: 100; font-size: 14px; cursor: pointer;}
    identification interactive #registration_searchlist .searchlistitem:hover {background: #dc3c46; color: #FFF;}
    identification interactive #city_cont {position: relative; z-index: 1;}
    identification interactive #city_cont.active {z-index: 9999999;}
    
    identification text {grid-area: text; display: block; position: relative; box-sizing: border-box;}
    
    
    /* Переосмыслись */
    
    personal_services main .label {background: #cfcfcf; width: 18px; height: 18px; border-radius: 4px; display: block; position: absolute; top: 10px; left: 10px;}
    personal_services main .label.active {background: #EF545D;}
    
    .sub_input {width: 376px; margin: 0px 0px 0px 0px; position: relative;}
    personal_services main input {width: 100px; float: left; margin: 0px 12px 4px 0px; padding: 10px 10px 10px 36px; border: none; background: #fafafa; border-radius: 4px;}
    .sub_input .title {float: left; display: compact; padding: 10px 0px 0px 0px; color: #242424;}


@media (max-width: 480px) {
    
    footer workspace {grid-template-columns: 1fr; grid-template-areas: "copyright" "navigation" "acquiring";}
    footer footer_copyright {width: 100%; font-size: 16px;}
    footer footer_navigation {display: block; width: 100%; font-size: 16px;}
    footer footer_navigation a {display: block;}
    footer footer_acquiring {width: 100%;}
    
    page workspace {width: 100%; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-gap: 28px; justify-content: space-between; grid-template-areas: "breadcrumbs" "text" "categories";}
    page breadcrumbs {width: 100%; font-size: 16px;}
    page text {width: 100%; grid-area: text; display: block;}
    page categories {width: 100%; grid-area: categories; display: block; background: #fafafa; padding: 44px 24px 36px 56px;}
    page categories ul {display: block; margin: 0; padding: 0; position: relative; top: 0px; bottom: 0px; font-size: 16px;}
    
    
	identification {padding: 44px 0 22px 0;}
	identification workspace {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-gap: 36px;
        grid-template-areas:
            "breadcrumbs"
            "h1"
            "interactive"
            "text";
    }
    identification interactive {
        grid-template-columns: 1fr;
    }
    identification interactive .label {
        display: none;
    }
	
}