address {
    display: inline;
    font-style: normal;
}


/* NORMALIZE CSS v8.0.1v8.0.1 START */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

body {
    margin: 0;
}

main {
    display: block;
}


h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

button,
input {
    /* 1 */
    overflow: visible;
}

button,
select {
    /* 1 */
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}


[hidden] {
    display: none;
}

/* ========== NORMALIZE CSS END ========== */







/* ========== GLOBAL STYLES START ========== */


html {
    box-sizing: border-box;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    overflow-y: scroll;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background: #f8f8f8;
    /* background:linear-gradient(141deg, #f8f8f8 25%, #eee 40%, #e4e4e4 55%); */
    color: #333;
    margin: 10px;
    padding: 0;
}

.container {
    width: 980px;
    margin: 0 auto;
}

iframe {
    border: 0;
    display: block;
    margin: 0 auto;
}

button {
    cursor: pointer;
}


/*FONTS IMPORT */

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Thin.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-ThinItalic.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-LightItalic.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Italic.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-MediumItalic.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-BoldItalic.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-Black.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/roboto/Roboto-BlackItalic.woff2') format('woff2'),
        url('../webfonts/roboto/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}



/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ GLOBAL STYLE END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */




/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ HEADER START↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.messengers-icons__header {
    align-items: center;
    display: flex;
    justify-content: space-around;
}

.santa-hat__header {
    position: relative;
    bottom: 85px;
    left: 55px;
    margin: -30px;
}

header {
    align-items: center;
    display: flex;
    font-size: 1.3em;
    font-weight: 500;
    justify-content: space-around;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}

header a {
    text-decoration: none;
}


.header-column-text {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-top: 25px;
    text-transform: uppercase;
}

.header-column-phone {
    margin-top: 20px;
    text-align: right;
}

.header-column-phone a {
    color: #333;
}

.header-column-time {
    margin-top: 20px;
}

/* flare hover animation */

/* @keyframes sheen {
0% {
  transform: skewY(45deg) translateX(0);
}
100% {
  transform: skewY(45deg) translateX(12.5em);
}
} */

.flare {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.flare:before {
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
    display: block;
    height: 100%;
    left: -4.5em;
    position: absolute;
    top: 0;
    transform: skewX(45deg) translateX(0);
    transition: none;
    width: 1em;
}

.flare:hover:before {
    transform: skewX(45deg) translateX(23.5em);
    transition: all 0.9s ease-in-out;
}



/* shake animation */

.shake-lr {
    -webkit-animation: shake-lr 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s infinite both;
    animation: shake-lr 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s infinite both;
    display: inline-block;
}


@-webkit-keyframes shake-lr {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    20%,
    40%,
    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    30%,
    50%,
    70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    80% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

    90% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
}

@keyframes shake-lr {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    20%,
    40%,
    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    30%,
    50%,
    70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    80% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

    90% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
}



/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ HEADER END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ MAIN MENU NAVIGATION ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.main-menu {
    align-content: center;
    background-color: #f9f9f9;
    border-radius: 7px;
    border: solid 1px gainsboro;
    box-shadow: 0 5px 5px -5px black;
    display: flex;
    justify-content: space-around;
    padding: 6px 0;
    width: 980px;
}

.main-menu a {
    color: #666;
    display: block;
    font-size: 1.5em;
    text-decoration: none;
    text-shadow: 0 -1px 0 #fff;

}

.main-menu a:hover {
    color: #222;
    text-decoration: underline;
    transition: 0.5s ease-out;
}

.menu-sub {
    display: none;
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ MAIN MENU NAVIGATION END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ PICTOGRAMS UNDER BANNER ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.picto {
    height: auto;
}

.picto a {
    color: #333333;
    display: inline-flex;
    font-size: 1.2em;
    height: 45px;
    margin: 5px 0 0 40px;
    text-decoration: none;
    width: 200px;
}

.picto a:hover {
    text-decoration: underline;
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ PICTOGRAMS UNDER BANNER END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */



/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ASIDES 1 2 3 4 5 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.aside1,
.aside2,
.aside3,
.aside4,
.aside5 {
    background-color: #eee;
    border-radius: 10px;
    border: solid 1px gainsboro;
    box-shadow: 0 8px 6px -6px #696969;
    /* clear: left; */
    margin: 10px 0;
    padding: 5px 0;
    width: 225px;
    float: left;
}

.aside1 a,
.aside2 a,
.aside3 a {
    color: #000;
    display: block;
    display: inline-flex;
    font-size: 1.2em;
    margin: 5px 0;
    text-decoration: none;
    width: 225px;
}

.aside2 img,
.aside3 img {
    display: block;
    float: left;
    margin: 0 15px;
}

.aside3 img {
    width: 55px;
}


.aside2 a:hover,
.aside3 a:hover {
    color: #0f628f;
    text-decoration: underline;
    text-shadow: 0 -1px 0 #fff;
}

.aside1 li {
    list-style-type: none;
}

.aside4 {
    clear: left;
}



.aside5 {
    clear: left;
}

.aside5 img,
.newsflash img {
    display: block;
    margin: 0px auto;
    width: 200px;
}

.aside5 p,
.newsflash p {
    margin: 5px 15px;
    line-height: 1.3;
}

.aside2 a:hover {
    text-decoration: underline;
}




/*
a.carpet:before {
display: block;
float: left;
width: 60px;
height: 60px;

}

a.matress:before {
display: block;
float: left;
width: 55px;
height: 55px;
margin: -5px 5px 0 0;
content: '';
background-image: url(/images/template/icons.png);
background-position: -55px -110px;
}

a.sofa:before {
display: block;
float: left;
width: 55px;
height: 55px;
margin: -5px 5px 0 0;
content: '';
background-image: url(/images/template/icons.png);
background-position: -110px -111px;
}

a.carpeting:before {
display: block;
float: left;
width: 55px;
height: 55px;
margin: -5px 5px 0 0;
content: '';
background-image: url(/images/template/icons.png);
background-position: -165px -110px;
}

a.smell:before {
display: block;
float: left;
width: 55px;
height: 55px;
margin: -5px 5px 0 0;
content: '';
background-image: url(/images/template/icons.png);
background-position: -220px -110px;
}

a.repair:before {
display: block;
float: left;
width: 55px;
height: 55px;
margin: -5px 5px 0 0;
content: '';
background-image: url(/images/template/icons.png);
background-position: -275px -110px;
}

a.advices:before {
display: block;
float: left;
width: 55px;
height: 55px;
margin: -5px 5px 0 0;
content: '';
background-image: url(/images/template/icons.png);
background-position: -329px -114px;
} */

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ASIDES 1 2 3 4 5 END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ BREADCRUMBS ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.mod-breadcrumbs__wrapper {
    float: right;
    width: 750px;
}

.mod-breadcrumbs__wrapper li {
    display: inline-flex;
    float: left;
    list-style-type: none;
    margin: 0 5px;
}


/* .divider {
margin: 0 5px;
} */


/* custom breadcrumbs divider */

.breadcrumb-item:not(:nth-child(2))::before {
    content: "\27A4";
    padding-right: 0.4em;
}


/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ BREADCRUMBS END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ CONTENT ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */



a {
    cursor: pointer;
    color: #009EE3;
}

article p {
    margin: 10px 15px;
    /* text-indent: 15px; */
    display: inline-block;
}

article h1 {
    margin: 15px 0;
}

article li {
    padding: 0 15px 0 0;
}

h1,
h2,
h3,
h4 {
    margin: 5px 0;
    text-align: center;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.12em;
}

dt {
    margin: 0 15px;
}

dd {
    background-color: #fbfbfb;
    padding: 5px 10px;
    border-radius: 10px 0;
    border: solid 1px gainsboro;
    margin: 5px 15px;
    box-shadow: 0 8px 6px -6px #696969;
}


/* mark {
background: #d9f9d7;
border-bottom: 1px dashed;
text-shadow: 1px 1px 1px white;
} */



.special-list {
    list-style-type: none;
    text-align: left;
    line-height: 1.4;
    margin: 15px 0 0 -23px;
}

.special-list span {
    font-size: 1.4em;
    color: #2f7dad;
    font-weight: 600;
}

.checkmark-list {
    list-style-type: none;
    margin: 0;
}

.checkmark-list li:before {
    content: "✔️ "
}



.content {
    font-size: 17px;
    line-height: 1.3;
    position: relative;
    float: right;
    width: 750px;
    text-align: justify;
    /*background-color: #FCFCFC;*/
}

.content img {
    margin: 0 15px;
    border-radius: 10px;
}

article,
.rubricator {
    float: right;
    font-size: 18px;
    width: 750px;
    /* background-color: #FCFCFC; */
    text-align: justify;
    line-height: 1.4;
    margin: 0;
    border-radius: 0;
    padding: 0 0 10px 0;
}

article img {
    margin: 0 auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 8px 6px -6px #696969;
}

article iframe {
    border-radius: 10px;
}

article dl {
    margin: 0;
}

.l-vcard {
    float: left;
    margin: 0 50px 0 25px;
}




/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ RUBRICATOR ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

.rubricator-container div,
.links div {
    display: inline-block;
    width: 170px;
    padding: 15px 38px;
}

.rubricator img,
.links img {
    width: 170px;
    border-radius: 85px;
    box-shadow: 0 8px 6px -6px #696969;
}

.rubricator span,
.links span {
    display: inline-block;
    width: 170px;
    margin: 0 auto;
    text-align: center;
}

.rubricator-container div,
.links div {
    display: inline-block;
    width: 170px;
    padding: 15px 38px;
}




.rubricator figure,
.links figure {
    width: 170px;
    border-radius: 85px;
    float: left;
}

.rubricator-4items figure {
    width: 80px;
}

.rubricator figcaption,
.links figcaption {
    display: inline-block;
    width: 170px;
    margin: 0 auto;
    text-align: center;
    color: #333;
    font-weight: 500;
    text-decoration: none;

}

.furniture-rubricator figcaption {
    width: 190px;
    margin: -50px 0 0 0;
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

.furniture-rubricator figure {
    display: inline-block;
    width: 170px;
    margin: 5px 38px;
    text-align: center;
}

.furniture-rubricator a {
    text-decoration: none;
}

.svg-rubricator figcaption {
    width: 190px;
    margin: -25px 0 0 0;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.svg-rubricator figure {
    display: inline-block;
    width: 170px;
    margin: 5px 38px;
    text-align: center;
}

.svg-rubricator a {
    text-decoration: none;
}




/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ TABLES ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}


table {
    width: 725px;
    margin: 0 auto;
    text-align: center;
    /* margin: 0 25px 25px 25px; */
    box-shadow: 0 8px 6px -6px #696969;
}

th {
    padding: 5px;
    text-align: center;
    border: solid 1px #bbb;
    font-size: 1.1em;
    background: #dedede;
}

tr:nth-child(2n) {
    background: #f0f0f0;
}

td {
    font-size: .9em;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #fff;
    border: solid 1px #BBBBBB;
}

.simple-table td:nth-child(1) {
    text-align: left;
}

.simple-table td:nth-child(2n) {
    width: 25%;
}

.laundry-icons-table img {
    box-shadow: none;
}

.laundry-icons-table td:nth-child(2n) {
    text-align: left;
}




.ltr-space {
    letter-spacing: 3px;
    font-weight: 600;
}

.carpets td:nth-child(2) {
    color: #E40000;
    width: 20%;
}

.carpets td:nth-child(3) {
    color: #00D600;
    font-size: 20px;
}

.company-details__table td:nth-child(1) {
    text-align: left;
    font-weight: 600;
    /* width: 20%; */
}

.company-details__table td:nth-child(2) {
    width: 80%;
    text-align: left;
}


/* ↑↑↑↑↑ CONTENT END ↑↑↑↑↑ CONTENT END ↑↑↑↑↑ */

ul.l-menu {
    margin: 0;
    padding: 5px 0 10px 20px;
}

.l-menu a {
    font-size: 1.2em;
    text-decoration: none;
    color: #000;
    text-shadow: 0 -1px 0 #fff;
}

.l-menu a:hover {
    text-decoration: underline;
    color: #222;
}

.l-menu a:active {
    text-decoration: underline;
    color: #7bcef9;
}

.l-menu-h {
    font-weight: 600;
    font-size: 1.2em;
    margin: 5px 0 0 2px;
    padding: 8px 0;
    list-style-type: none;
    color: #333;
    text-shadow: 0 1px #fff;
}

.fl-left {
    float: left;
    margin: 0;
}

.column {
    float: left;
    width: 250px;
}

.column370 {
    float: left;
    width: 370px;
}


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ SERTIFICATE JS SLIDER ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

#inner {
    padding: 12px 20px;
}

#gallery-container {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    background-color: #FCFCFC;
}

#mygallery {
    width: 730px;
    height: 800px;
    margin: 0 auto;
    background: white;
}

#mygallery img {
    margin: 0;
}

.galleria-container {
    position: relative;
    overflow: hidden;
    /*background: #fff;*/
    background-color: #FCFCFC;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(/images/template/classic-map.png);
    background-repeat: no-repeat;
}

.galleria-counter {
    font: normal 11px/1 arial, sans-serif;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #000;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(/images/template/classic-map.png);
    background-repeat: no-repeat;
}

.galleria-counter {
    font: normal 11px/1 arial, sans-serif;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #000;
}

.galleria-thumbnails {
    margin: 0 auto;
}

.galleria-image img {
    margin: 0;
    border-radius: 0;
}


/*  SENDBOX FORM----------------SENDBOX FORM */

.fancybox-inner p {
    font-size: 1.1em;
    text-align: center;
}

.fancybox-tmp iframe,
.fancybox-tmp object {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    z-index: 8020;
    top: 0;
    left: 0;
}

.fancybox-skin {
    position: relative;
    margin: 0;
    padding: 0;
    color: #444;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f9f9f9;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
    margin: 0;
    padding: 0;
    outline: none;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 10px;
    color: #444;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: 0;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    z-index: 8020;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    cursor: pointer;
    opacity: .8;
    background-position: 0 -108px;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    z-index: 8040;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.fancybox-nav {
    position: absolute;
    z-index: 8040;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: transparent url(blank.gif);
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    z-index: 8040;
    top: 50%;
    visibility: hidden;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
}

.fancybox-prev span {
    left: 20px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 20px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    overflow: visible;
    padding: 0;
}

#fancybox-overlay {
    position: absolute;
    z-index: 8010;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    background: #000;
}

#fancybox-overlay.overlay-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-title {
    font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 8050;
    visibility: hidden;
    text-shadow: none;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    z-index: 8030;
    right: 50%;
    bottom: 0;
    margin-bottom: -35px;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    font-weight: bold;
    line-height: 24px;
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    white-space: nowrap;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, .8);
    text-shadow: 0 1px 2px #222;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    margin-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

#wrapper {
    width: 640px;
    margin: 0 auto;
    padding: 30px 45px;
}

#inline,
#inline2,
#inline3,
#inline4 {
    display: none;
    width: 600px;
}

label {
    font-size: 1.2em;
    margin-right: 12px;
    margin-bottom: 9px;
    color: #646464;
}

.txt {
    font-size: 1.2em;
    line-height: 1.4em;
    display: block;
    height: 28px;
    margin-bottom: 10px;
    padding: 5px 9px;
    color: #676767;
    border: 1px dotted #ccc;
}

.txtarea {
    font-size: 1.2em;
    line-height: 1.4em;
    display: block;
    width: 500px;
    height: 150px;
    margin-bottom: 10px;
    padding: 5px 9px;
    resize: none;
    color: #676767;
    border: 1px dotted #ccc;
}

.txt:focus,
.txtarea:focus {
    color: #444;
    border-style: solid;
    border-color: #bababa;
}

input.error,
textarea.error {
    color: #a35959;
    border-style: solid;
    border-color: #973d3d;
    background: #f0bebe;
}

input.error:focus,
textarea.error:focus {
    color: #a35959;
    border-color: #973d3d;
}

#send,
#send2,
#send3,
#send4 {
    font-size: 1.2em;
    display: block;
    padding: 5px 11px;
    cursor: pointer;
    color: white;
    border: solid 1px #224983;
    border-radius: 5px;
    background: #1e4c99;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b3ff), to(#356696));
    background: -moz-linear-gradient(top, #00b3ff, #356696);
    background: -webkit-linear-gradient(top, #00b3ff, #356696);
    background: -o-linear-gradient(top, #00b3ff, #356696);
    background: -ms-linear-gradient(top, #00b3ff, #356696);
    background: linear-gradient(top, #00b3ff, #356696);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00B3FF', endColorstr='#356696');
}

#send:hover,
#send2:hover,
#send3:hover,
#send4:hover {
    background: #8db2d6;
    background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b));
    background: -moz-linear-gradient(top, #284f9d, #0c2b6b);
    background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
    background: -o-linear-gradient(top, #284f9d, #0c2b6b);
    background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
    background: linear-gradient(top, #284f9d, #0c2b6b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}

#send:active,
#send2:active,
#send3:active,
#send4:active {
    color: #8c9dc0;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7));
    background: -moz-linear-gradient(top, #0e387d, #2f55b7);
    background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
    background: -o-linear-gradient(top, #0e387d, #2f55b7);
    background: -ms-linear-gradient(top, #0e387d, #2f55b7);
    background: linear-gradient(top, #0e387d, #2f55b7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}

.warning {
    float: right;
    margin: 13px 228px 0 -4px;
    color: #3a768c;
    text-shadow: 1px 1px white;
    font-size: 11px !important;
}

.btn {
    background: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #e8e8e8, #636363);
    background-image: -moz-linear-gradient(top, #e8e8e8, #636363);
    background-image: -ms-linear-gradient(top, #e8e8e8, #636363);
    background-image: -o-linear-gradient(top, #e8e8e8, #636363);
    background-image: linear-gradient(to bottom, #e8e8e8, #636363);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    text-shadow: 1px 1px 3px #5c5c5c;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    float: right;
}

.btn:hover {
    background: #737373;
    background-image: -webkit-linear-gradient(top, #737373, #d6d6d6);
    background-image: -moz-linear-gradient(top, #737373, #d6d6d6);
    background-image: -ms-linear-gradient(top, #737373, #d6d6d6);
    background-image: -o-linear-gradient(top, #737373, #d6d6d6);
    background-image: linear-gradient(to bottom, #737373, #d6d6d6);
    text-decoration: none;
}


/* SENDBOX FORM END----------------SENDBOX FORM END */



/* new slider--------------------------new slider */

.slider {
    width: 980px;
    margin: 10px auto;
    border: #f9f9f9 solid 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 276px;
}


.hero-video-container {
    width: 980px;
    margin: 10px auto;
    border: #f9f9f9 solid 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 276px;
}

.hero-video {
    border-radius: 0 0 15px 15px;
    margin: -7px 0px;
    padding: 0;
    width: 980px;
    position: relative;
    /* z-index: -1; */
}











/* SLIDER */

/* #my-slider {
width: 100%;
}

#my-slider-ism-badge {
width: 100%;
}

#my-slider:before {
content: '';
display: block;
padding-top: 25%;
}

#my-slider .ism-frame {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
}

#my-slider .ism-button {
display: block;
border-radius: 25px;
width: 50px;
height: 50px;
background-size: 16px 16px;
top: 50%;
margin-top: -25px;
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
visibility: hidden;
}

#my-slider .ism-button-prev {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=);
left: 10px;
}

#my-slider .ism-button-next {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC);
right: 10px;
}

#my-slider .ism-button:hover {
background-color: rgba(255, 255, 255, 0.6);
}

#my-slider .ism-pause-button:hover {
background-color: rgba(255, 255, 255, 0.6);
}

#my-slider:hover .ism-button {
visibility: visible;
}

#my-slider .ism-radios {
display: block;
height: 20px;
text-align: center;
}

#my-slider .ism-radios label {
width: 20px;
height: 20px;
border-radius: 10px;
color: #000;
background-color: rgba(255, 255, 255, 0.5);
}

#my-slider .ism-radios li.active label {
background-color: rgba(255, 255, 255, 1.0);
}

#my-slider .ism-radios label:hover {
background-color: rgba(255, 255, 255, 0.8);
} */


/* SLIDES */

/* #my-slider .ism-slide-0 .ism-img-frame {
width: 100%;
}

#my-slider .ism-slide-0 .ism-img {
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#my-slider .ism-slide-1 .ism-img-frame {
width: 100%;
}

#my-slider .ism-slide-1 .ism-img {
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#my-slider .ism-slide-2 .ism-img-frame {
width: 100%;
}

#my-slider .ism-slide-2 .ism-img {
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#my-slider .ism-slide-3 .ism-img-frame {
width: 100%;
}

#my-slider .ism-slide-3 .ism-img {
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#my-slider .ism-slide-4 .ism-img-frame {
width: 100%;
}

#my-slider .ism-slide-4 .ism-img {
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
} */


/* Hover */

@-webkit-keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hover {
    display: inline-block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.extremum-slide {
    display: none;
}

.button-materials {
    cursor: pointer;
    color: #009EE3;
    text-decoration: underline;
    font-weight: 600;
    margin: 0 auto;
    width: fit-content;

}

/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
    display: none
}

/* Убираем стандартный маркер Firefox */
details>summary {
    list-style: none;
}

/* Добавляем собственный маркер для закрытого состояния */
details summary:before {
    content: '+ ';
}

/* Добавляем собственный маркер для открытого состояния */
details[open] summary {
    display: none;
}

.map-card {
    text-shadow: 1px 1px 0 #fff;
    width: 359px;
    min-height: 140px;
    margin: 5px 0px 5px 16px;
    padding: 19px;
    border-radius: 10px;
    background-color: #eee;
    -webkit-box-shadow: 0 8px 6px -6px #696969;
    -moz-box-shadow: 0 8px 6px -6px #696969;
    box-shadow: 0 8px 6px -6px #696969;
    float: left;
    box-sizing: border-box;
    text-align: left;
}


.map-card svg {
    color: #1a5874;
    width: 21px;
}

.fa-map-marker-alt {
    margin: 0 2px;
}

.fa-home {
    margin: 0 -1px;
}

#sofa-icon:before {
    content: url(/images/template/icons/sofa-icon.svg);
    padding: 10px;
}

#mattress-icon:before {
    content: url(/images/template/icons/mattress-icon.svg);
    padding: 10px;
}

#carpet-icon:before {
    content: url(/images/template/icons/carpet-icon.svg);
    padding: 10px;
}

#overlok-icon:before {
    content: url(/images/template/icons/overlok-icon.svg);
    padding: 10px;
}

#repair-icon:before {
    content: url(/images/template/icons/repair-icon.svg);
    padding: 10px;
}

#restoration-icon:before {
    content: url(/images/template/icons/restoration-icon.svg);
    padding: 10px;
}

#carpeting-icon:before {
    content: url(/images/template/icons/carpeting-icon.svg);
    padding: 10px;
}

#curtains-icon:before {
    content: url(/images/template/icons/curtains-icon.svg);
    padding: 10px;
}

#smell-icon:before {
    content: url(/images/template/icons/smell-icon.svg);
    padding: 10px;
}

#bedbug-icon:before {
    content: url(/images/template/icons/bedbug-icon.svg);
    padding: 10px;
}

#stroller-icon:before {
    content: url(/images/template/icons/stroller-icon.svg);
    padding: 10px;
}

#toys-icon:before {
    content: url(/images/template/icons/toys-icon.svg);
    padding: 10px;
}

#skin-icon:before {
    content: url(/images/template/icons/skin-icon.svg);
    padding: 10px;
    top: 7px;
    position: relative;
}


.carpet-care-recommendations img {
    margin: 10px 15px;
    float: left;
}

.carpet-care-recommendations p {
    display: block;
}

.download-gost {
    display: inline;
    margin: 10px 20px 0px 70px;
}

video {
    display: block;
    margin: 0 auto;
    box-shadow: 0 8px 6px -6px #696969;
    border-radius: 10px;
}

.blank-mapcard {
    width: 325px;
    height: 190px;
    margin: 10px 10px;
    padding: 0 15px;
    border-radius: 10px;
    float: left;
}

blockquote {
    background-color: #eeeeee;
    padding: 10px;
    border: solid 2px #929292;
}

h2 a {
    color: #000000;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
    color: #666666;
}

dfn,
mark {
    padding: 2px 5px;
    font-style: initial;
    font-weight: bold;
    color: #ffffff;
    background: #518aa2;
    border-radius: .2rem;
    text-shadow: none;
}

mark a {
    color: #fff;
    text-decoration: none;
}

tr:hover td {
    background: #737373;
    color: #FFFFFF;
    border-top: 1px solid #22262e;
    text-shadow: 0 1px 2px #000;
    font-weight: 700;
}

dfn:hover,
mark:hover {
    cursor: help;
}

.marker-none {
    list-style-type: none;
    text-align: left;
}

.marker-none b {
    color: #00cc00;
}

.NY {
    margin: 0 0 0 15px;
}


/* hover tooltip @todo fix PROBLEM in IE  */

.tooltip {
    margin: 0 auto;
    /* height: 480px; */
    cursor: pointer;
}

.tooltip::after {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-title);
    margin: -17px auto;
    opacity: 0;
    padding: 4px 10px;
    position: relative;
    top: -40px;
    width: fit-content;
    display: block;
    visibility: hidden;
    text-align: center;
    transition: all 0.2s ease-in-out;
}

.tooltip:hover::after {
    opacity: 1;
    /* Показываем его */
    visibility: visible;
}


/* meter visual style */

meter::after {
    content: attr(value) "%";
    margin: -33px 0 0 0;
    display: block;
    color: #fff;
    text-shadow: none;
    text-align: center;
    font-weight: 500;
}

meter {
    height: 45px;
}

a:not(.aside2):not(.main-menu)::not(.myfooter):focus,
a:not(.aside2):not(.main-menu)::not(.myfooter):hover {
    background: -webkit-gradient(linear, left top, right top, from(#ff8a00), to(#da1b60));
    background: linear-gradient(to right, #ff8a00, #da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
}

.stroller-table th {
    width: 50%;
}

.stroller-table b {
    color: #00D600;
}

.stroller-table td {
    text-align: left;
}

.payment-logo {
    width: 100px;
    margin: 10px;
    display: inline-block;
    border-radius: 50%;
}

#YMapsID {
    margin: 0 10px !important;
}

.caution {
    color: #e54848;
}


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ NEW FOOTER START ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

footer {
    margin: 0 auto;
    background-color: #bababa;
    border-top: #222222 3px solid;
    float: left;
}

footer h4 {
    background: #222222;
    border-radius: 5px;
    color: #ffffff;
    padding: 7px 0;
    font-variant: all-small-caps;
    margin: 0px 0 15px 0;
    letter-spacing: 1px;
}

.footer-container {
    width: 980px;
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
}


/* footer columns */

.footer-column {
    width: 200px;
    /* height: 333px; */
    margin: 0 auto;
    color: #222222;
    position: relative;
}

.footer-column ul {
    /* list-style-type: square; */
    margin: 5px 0;
    padding: 0 0 0 30px;
    /* line-height: 5px; */
    font-size: 18px;
}

.footer-column a {
    color: #222222;
    text-decoration: none;
}

.footer-column a:hover {
    color: #ffffff;
    transition: 0.5s ease-out;
    text-decoration: underline;
}

.delivery-man__footer {
    position: absolute;
    bottom: -4px;
    display: block;
}



/* Speech bubble */

.speech-bubble {
    position: relative;
    color: #222222;
    background: #ffffff;
    border-radius: 10px;
    width: 180px;
    margin: 45px auto 0;
    height: 65px;
    /* z-index: 2; */
    padding: 10px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    border: 28px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    border-right: 0;
    margin-left: -54px;
    margin-bottom: -28px;

}


.speech-bubble span {

    display: inline-block;
    margin: 0 auto;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
}


.speech-bubble div {
    position: absolute;
    animation: text-rotation 6s ease-in-out infinite;
    opacity: 1;
    left: 18px;
}

.speech-bubble div:nth-child(2) {
    animation-delay: 3s;
}

@keyframes text-rotation {

    5%,
    50% {
        opacity: 0;
    }

    0%,
    55% {
        opacity: 1;
    }
}












/* floating animation in the footer speech bubble */


@keyframes float {
    0% {
        /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
        transform: translatey(0px);
    }

    50% {
        /* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
        transform: translatey(-18px);
    }

    100% {
        /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
        transform: translatey(0px);
    }
}

.float-animation {
    /* box-shadow: 0 15px 15px 0px rgba(0,0,0,0.6); */
    transform: translatey(0px);
    animation: float 2.5s ease-in-out infinite;
}

/* footer list style custom markers */

.footer-column li {
    list-style: none;
    line-height: 27px;
}


.feedback {
    background-image: url("/images/template/svg-icons/feedback-star.svg") !important;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    /* margin: 0 0 0 46px; */
    padding: 0px 0 0 23px;
}

.footer-column:nth-child(1) a {
    margin: 0 0 0 -15px;
    padding: 0 0 0 25px;
    background-image: url("/images/template/svg-icons/washing-machine.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px;
}

.footer-column:nth-child(1) a:hover {
    margin: 0 0 0 -15px;
    padding: 0 0 0 25px;
    background-image: url("/images/template/svg-icons/washing-machine-white.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px;
    transition: 0.8s ease-out;

}

.footer-column:nth-child(2) a {
    margin: 0 0 0 -15px;
    padding: 0 0 0 27px;
    background-image: url("/images/template/svg-icons/info.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}

.footer-column:nth-child(2) a:hover {
    margin: 0 0 0 -15px;
    padding: 0 0 0 27px;
    background-image: url("/images/template/svg-icons/info-white.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    transition: 0.8s ease-out;
}



/* footer social icons */

.icon-wrapper {
    display: flex;
    justify-content: center;
    justify-items: center;
}

.icon-wrapper img {
    width: 70%;
}

.max-messenger-color,
.vkontakte-color,
.youtube-color,
.instagram-color,
.viber-color,
.whatsapp-color,
.telegram-color {
    display: flex;
    justify-content: center;
    justify-items: center;
    vertical-align: middle;
    margin: 0 4%;
    width: 35px;
    height: 35px;
    border-radius: 7px;
}

/* base icon colors */

.viber-color {
    background: rgb(102, 92, 172);
    /* #665CAC → RGB */
}

.whatsapp-color {
    background: rgb(74, 201, 89);
    /* #4AC959 → RGB */
}

.telegram-color {
    background: rgb(0, 136, 204);
    /* #0088cc → RGB */
}


.max-messenger-color {
    background: radial-gradient(circle at 15% 85%,
            #1fd2ff 0%,
            #06affb 32%,
            #003bff 55%,
            #4b2cff 75%,
            #8d28c8 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}



.youtube-color {
    background: rgb(255, 0, 51);
    /* #FF0000 (старый цвет, если нужен новый — замени) */
}

.instagram-color {
    background: rgb(240, 148, 51);
    /* #f09433 → RGB */
    background: linear-gradient(45deg,
            rgba(240, 148, 51, 1) 0%,
            /* #f09433 */
            rgba(230, 104, 60, 1) 25%,
            /* #e6683c */
            rgba(220, 39, 67, 1) 50%,
            /* #dc2743 */
            rgba(204, 35, 102, 1) 75%,
            /* #cc2366 */
            rgba(188, 24, 136, 1) 100%
            /* #bc1888 */
        );
}


.vkontakte-color {
    background: rgb(0, 119, 255);
    /* #4d7198 → RGB */
}


/* .vkontakte-color,
.youtube-color,
.instagram-color {
	background-color: #222222;
} */

/* hover icon colors */

/* .vkontakte-color:hover,
.youtube-color:hover,
.instagram-color:hover,
.viber-color:hover,
.whatsapp-color:hover,
.telegram-color:hover {
	background: #222222;
} */



.vkontakte-color:hover,
.youtube-color:hover,
.instagram-color:hover,
.viber-color:hover,
.whatsapp-color:hover,
.telegram-color:hover,
.max-messenger-color:hover {
    box-shadow: 0 0 20px currentColor;
    transform: scale(1.15);
    transition: all 0.1s ease;
}

/* .vkontakte-color:hover,
.youtube-color:hover,
.instagram-color:hover,
.viber-color:hover,
.whatsapp-color:hover,
.telegram-color:hover {
    transform: translateY(-3px);
    transition: transform 0.2s ease;
} */


.telephone__footer {
    margin: 15px auto;
    display: block;
    width: fit-content;
    font-weight: 600;
    font-size: 20px;
}

#we-will-call {
    width: 175px;
    margin: 2px auto;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
}

/* footer contact form */

footer input {
    border-radius: 5px;
    width: 180px;
    height: 35px;
    margin: 0 auto 5px;
    padding: 0 0 0 10px;
    display: block;
    border: none;

}

footer button {
    background-color: #222222;
    position: relative;
    width: 175px;
    color: white;
    border-radius: 5px;
    border: none;
    font-weight: 600;
    border-radius: 5px;
    width: 180px;
    height: 35px;
    margin: 0 auto;
    display: block;
}

footer button:hover {
    background-color: #0088cc;
    transition: 0.5s ease-out;
    border: none;
}


footer button span:before {
    width: 20%;
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
    display: inline-block;
    content: url('/images/template/svg-icons/envelope-send-white.svg');

}

/* footer  yandex & google reviews badges */

#yandex-rating {
    width: 180px;
    border-radius: 5px;
    margin: 15px auto;
    display: block;
    filter: grayscale(0);
    transition: 0.8s ease-out;
}

#yandex-rating:hover {
    filter: grayscale(100%);
    transition: 0.5s ease-out;
}

.personal-data {
    color: gray !important;
    font-size: 0.7em;
    position: absolute;
    bottom: 15px;
    left: 4px;
    background-image: none !important;
    white-space: nowrap;

}

.deep-footer {
    background-color: #222222;
    color: #adadad;
    padding: 10px;
    text-align: center;
    font-size: 0.8em;
    /* border-top: 3px solid #181818; */
}

.reverse {
    transform: scaleX(-1)
}



/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ NEW FOOTER END ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */



.float-image__article {
    float: right;
    margin: 0 0 0 10px;
}

.float-image__article2 {
    float: right;
    margin: 14px 30px;
}


.float-paragraph__article {
    display: block;
    margin: 0 15px;
    text-indent: 0;
    /* padding: 0 0 0 15px; */

}

.discount-header__article {
    margin: 0 0 0 15px;
    padding: 0;
    text-align: left;
}













.yandex-widget {
    margin: 0 auto;
    width: 700px;
}


.google-widget {
    width: 700px;
    margin: 0 auto;
}


.highlight {
    background-color: #fbfbfb;
    padding: 15px 25px;
    border: solid 1px gainsboro;
    margin: -5px 5px 15px 15px;
    box-shadow: 0 8px 6px -6px #696969;
    border-radius: 10px;
    width: 720px;
}


@keyframes fade {
    0% {
        opacity: 0 ease-in;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0 ease-in;
    }
}

/* animation changing with fade 2 img */

.two-item-animation {
    position: relative;
    width: 105px;
    height: 80px;
}

.two-item-animation img {
    position: absolute;
    top: 0;
    opacity: 0;
    animation-name: fade;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.two-item-animation img:nth-child(1) {
    animation-delay: 0s;
}

.two-item-animation img:nth-child(2) {
    animation-delay: 4s;
}


/* NEW contact form */

.contact-form h3 {
    margin: 0 0 10px 0;
}

.contact-form input {
    border-radius: 5px;
    width: 180px;
    height: 35px;
    margin: 0 auto 5px;
    padding: 0 0 0 10px;
    display: block;
    border: 1px solid gainsboro;

}

.contact-form button {
    background-color: #00a0e3;
    position: relative;
    width: 175px;
    color: white;
    border-radius: 5px;
    border: none;
    font-weight: 600;
    border-radius: 5px;
    width: 180px;
    height: 35px;
    margin: 0 auto;
    display: block;
}

.contact-form button:hover {
    background-color: #0088cc;
    transition: 0.5s ease-out;
    border: none;
}


.contact-form button span:before {
    width: 15%;
    margin: 0 5px 0 0;
    position: relative;
    top: 3px;
    display: inline-block;
    content: url('/images/template/svg-icons/envelope-send-white.svg');

}

#header-form,
#advantages-form,
#price-form {
    display: none;
}

/* jquery modal 0.9.1 css */

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #ebebeb;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner>div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.5)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5)
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}

/* YANDEX KASSA */

.yandex-kassa {
    margin: 0 auto;
    max-width: 95%;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 5px;
    background: RGBA(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);
}

/* Стили полей ввода */
.textbox {
    height: 50px;
    width: 100%;
    border-radius: 3px;
    border: rgba(0, 0, 0, 0.3) 2px solid;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 30px;
}

.message:focus,
.textbox:focus {
    outline: none;
    border: rgba(24, 149, 215, 1) 2px solid;
    color: rgba(24, 149, 215, 1);
}

/* Стили текстового поля */
.message {
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 120px;
    border: rgba(0, 0, 0, 0.3) 2px solid;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

/* Базовые стили кнопки */
.button {
    height: 50px;
    width: 100%;
    border-radius: 3px;
    border: rgba(0, 0, 0, 0.3) 0px solid;
    box-sizing: border-box;
    padding: 10px;
    background: #90c843;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16pt;
    transition: background 0.4s;
    cursor: pointer;
}

/* Изменение фона кнопки при наведении */
.button:hover {
    background: #80b438;
}


.ymaps-2-1-79-map ymaps {
    border-radius: 5px;
}

.text-focus-in {
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1 forwards;
}

@keyframes text-focus-in {
    0% {
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        filter: blur(0px);
        opacity: 1;
    }
}




.advantages-cards {
    margin: 10px 0 0 10px;
    display: inline-block;
}

.advantages-cards-container div {

    text-align: left;
    font-size: 19px;
    line-height: 1.25;
    word-break: break-word;
    background-color: rgb(226 228 229);
    border-radius: 15px;
    padding: 10px 5px;
    height: 150px;
    width: 220px;
    float: left;
    font-weight: 500;
    box-shadow: 0 8px 6px -6px #696969;
    margin: 10px;
    padding: 20px 10px 0 0;

}

.advantages-cards span {
    font-size: 40px;
    height: 140px;
    display: block;
    float: left;
}

.advantages-cards a {
    color: black;
}

.laundry-icons-table h4 {
    text-align: left;
}

/* .laundry-icons-table td:nth-child(1) {
width: 150px;
} */

abbr {
    font-weight: 600;
}

/* svg icons */

.icon-home {
    display: inline-block;
    width: 1em;
    background: url('data:image/svg+xml;utf8,<svg class="svg-inline--fa fa-home fa-w-18" aria-hidden="true" data-prefix="fa" data-icon="home" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M488 312.7V456c0 13.3-10.7 24-24 24H348c-6.6 0-12-5.4-12-12V356c0-6.6-5.4-12-12-12h-72c-6.6 0-12 5.4-12 12v112c0 6.6-5.4 12-12 12H112c-13.3 0-24-10.7-24-24V312.7c0-3.6 1.6-7 4.4-9.3l188-154.8c4.4-3.6 10.8-3.6 15.3 0l188 154.8c2.7 2.3 4.3 5.7 4.3 9.3zm83.6-60.9L488 182.9V44.4c0-6.6-5.4-12-12-12h-56c-6.6 0-12 5.4-12 12V117l-89.5-73.7c-17.7-14.6-43.3-14.6-61 0L4.4 251.8c-5.1 4.2-5.8 11.8-1.6 16.9l25.5 31c4.2 5.1 11.8 5.8 16.9 1.6l235.2-193.7c4.4-3.6 10.8-3.6 15.3 0l235.2 193.7c5.1 4.2 12.7 3.5 16.9-1.6l25.5-31c4.2-5.2 3.4-12.7-1.7-16.9z"></path></svg>') 0 0/contain no-repeat;
}

.icon-clock {
    display: inline-block;
    width: 1em;
    background: url('data:image/svg+xml;utf8,<svg class="svg-inline--fa fa-clock fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="clock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm57.1 350.1L224.9 294c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v137.7l63.5 46.2c5.4 3.9 6.5 11.4 2.6 16.8l-28.2 38.8c-3.9 5.3-11.4 6.5-16.8 2.6z"></path></svg>') 0 0/contain no-repeat;
}

.icon-marker {
    display: inline-block;
    width: 1em;
    background: url('data:image/svg+xml;utf8,<svg class="svg-inline--fa fa-map-marker-alt fa-w-12" aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg=""><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg>') 0 0/contain no-repeat;
}

.icon-home::before,
.icon-clock::before,
.icon-marker::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.ymap-card {
    width: 240px;
    white-space: nowrap;
    padding: 3px;
}

/**/

.header-mobile-button,
.header-mobile-phone {
    display: none;
}

/*smartwidgets*/

.sw-app-body img {
    box-shadow: none;
}

.sw-review-list {
    z-index: 0;
}

/* fh-contacts-grid: flex-обёртка карточек контактов (страница kontakty), чтобы
   .map-card разной высоты (1-3 строки режима работы) не съезжали при float */
.fh-contacts-grid {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .fh-contacts-grid {
        display: block;
    }
    .map-card {
        width: 100%;
        margin: 8px 0;
    }
}

.map-widget-panorama-player-app__copyrights {
    display: none !important;
}
/* ============================================================
   Мобильные формы — только на узких экранах (08.09.2026)
   ------------------------------------------------------------
   Модули mobile-forms (172 «из боковой кнопки», 173 «из меню»)
   выводятся по User-Agent, а стили к ним лежат в media.css вне
   медиа-запроса. На Android-планшете и на телефоне в альбомной
   ориентации UA говорит «мобильный», а ширина больше 600px —
   формы оказывались поверх десктопной вёрстки.
   Порог 600px тот же, что в media.css.
   ============================================================ */

@media (min-width: 601px) {

	.form-fixed,
	#mobile-burger-form {
		display: none !important;
	}

}

/* ------------------------------------------------------------------
   Горизонтальная прокрутка: лечение 08.09.2026.

   Было: на телефоне страница шире экрана на 18-25 px, на планшете 768 px -
   на 237 px, на 900 px - на 105. Яндекс считает это ошибкой мобилопригодности.

   Причина: шесть блоков имели жёсткую width:980px без max-width, а медиазапросы
   в шаблоне были только для <=600px (media.css). Полоса 601-1000 px не
   обслуживалась вообще: десктопный макет 980 px просто не влезал в экран.

   Приём: не переписываем раскладку, а снимаем жёсткие ширины и разрешаем
   переносы. Десктоп не меняется - на экранах шире 1000 px контейнер
   по-прежнему ровно 980 px (проверено на 1024 и 1440).

   Проверено на 8 ширинах (360/375/414/600/768/900/1024/1440):
   переполнение 25 -> 0, 18 -> 0, 237 -> 57, 105 -> 0; формы (7 шт.)
   и карточки рубрикатора (23 шт.) на месте везде.
   Диагностика - tools/overflow-diag.js.
   ------------------------------------------------------------------ */

.container,
.main-menu,
.slider,
.hero-video-container,
.hero-video,
.footer-container {
	width: 100%;
	max-width: 980px;
}

/* слайдер отзывов шире экрана по своей природе (лента 6750 px) -
   его переполнение не должно тянуть прокрутку всей страницы */
.review-slider,
.review-slider-container {
	max-width: 100%;
}

.review-slider {
	overflow: hidden;
}

/* полоса 601-1000 px: пункты меню переносятся на вторую строку вместо
   того, чтобы вылезать за край */
@media (max-width: 1000px) {
	.main-menu {
		flex-wrap: wrap;
	}

	/* шапка отзыва: имя слева, звёзды справа - на узком экране в строку не влезают */
	.review-item-header {
		flex-wrap: wrap;
	}

	.review-item-header-right {
		max-width: 100%;
	}
}

/* телефон: карточки рубрикатора идут по две в ряд по 198 px в контейнер 340 px.
   Ширину не трогаем (её правка ломает раскладку сильнее - проверено),
   гасим только вылет за край. */
@media (max-width: 600px) {
	.rubricator-container {
		overflow-x: hidden;
	}
}

/* Добивка того же захода: остаток 57 px на 768 px.
   Источник — плавающий footer: он схлопывается по содержимому, а внутри четыре
   .footer-column по 200 px = 800 px, что шире экрана. Плюс аватарка отзыва (60 px)
   в шапке, которая не переносилась.
   После правки переполнение 0 на всех восьми проверенных ширинах, все четыре
   колонки футера видны, десктоп не изменился. */

@media (max-width: 1000px) {
	footer {
		float: none;
		width: 100%;
	}

	.footer-container {
		flex-wrap: wrap;
		justify-content: center;
	}

	.review-item-header-left {
		flex-wrap: wrap;
		min-width: 0;
	}

	.review-item-img {
		flex: 0 0 auto;
	}
}

/* ------------------------------------------------------------------
   ИСПРАВЛЕНИЕ моей же правки того же дня.

   Лечив горизонтальную прокрутку, я поставил max-width:100% и на .review-slider,
   и на .review-slider-container. Второе — ошибка: контейнер это ЛЕНТА слайдера,
   flex-строка из 18 карточек шириной 6750 px. Ограничив ленту шириной экрана,
   flex сжал карточки с 359 до 40 px — виджет схлопнулся на 87 страницах
   (везде, где data-template="slider"; вариант "catalog" на /fabrika/otzyvy/
   этого контейнера не имеет и не пострадал).

   Правильно: лента остаётся широкой, а за край страницы её не пускает
   overflow:hidden на внешнем .review-slider — он и гасит прокрутку.

   Проверено: карточки 359 px на 1280 и 768, 337 px на 375; переполнение
   страницы 0 на всех трёх; каталожный вариант не изменился.
   ------------------------------------------------------------------ */

.review-slider-container {
	max-width: none;
}

/* ------------------------------------------------------------------
   Виджет отзывов: нативная прокрутка вместо JS-трансформа.

   Было: ленту двигал скрипт виджета, меняя transform с transition:all.
   Отсюда рывки (скрипт не успевает за пальцем, браузер такую анимацию
   не оптимизирует), остановки «между карточками» и борьба двух вложенных
   скроллов с вертикальной прокруткой страницы.

   Стало: прокручивает браузер. Инерция и плавность — нативные,
   scroll-snap фиксирует ленту по карточке, overscroll-behavior не даёт
   докрученной до края ленте дёргать страницу.

   Это заплатка поверх стилей виджета (он приходит с srv.fh.spb.ru).
   !important здесь вынужденный: виджет ставит ленте инлайновый style="width:6120px",
   а его CSS подключается позже нашего. В самом виджете правка будет без !important.
   Правильное место для правки — сам виджет; здесь проверяем поведение.

   Не затрагивает вариант data-template="catalog" (/fabrika/otzyvy/):
   у него нет .review-slider.
   ------------------------------------------------------------------ */

.review-slider {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	overscroll-behavior-x: contain !important;
	scroll-snap-type: x mandatory !important;
	scroll-behavior: smooth;
	touch-action: pan-x pan-y !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.review-slider::-webkit-scrollbar {
	display: none;
}

/* лента: ширину считает содержимое, JS-трансформ отключаем */
.review-slider-container {
	width: max-content !important;
	max-width: none !important;
	transform: none !important;
	transition: none !important;
}

.review-item {
	scroll-snap-align: start !important;
}

/* верхняя полоса площадок — та же логика, но фиксация мягкая:
   вкладки разной ширины, жёсткий snap на них раздражает */
.review-types-container {
	overscroll-behavior-x: contain !important;
	scroll-snap-type: x proximity !important;
	touch-action: pan-x pan-y !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.review-types-container::-webkit-scrollbar {
	display: none;
}

.review-types-item {
	scroll-snap-align: start !important;
}

/* ------------------------------------------------------------------
   Кнопки прокрутки отзывов — одинаково на всех экранах.

   Виджет по умолчанию ставит на десктопе стрелки и точки в одну строку:
   стрелки занимают левую половину, индикатор — правую, и блок выглядит
   разъехавшимся. На телефоне у него другая раскладка — колонкой.

   Приводим к одному виду: стрелки по краям ленты, точки по центру под ними.
   Зона нажатия 44×44 — столько рекомендуют Apple и Google для касания,
   для мыши тоже удобно.
   ------------------------------------------------------------------ */

.review-control-slider {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.review-control-slider-arrow {
	order: 1;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.review-control-slider-nav {
	order: 2;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.review-control-slider-left,
.review-control-slider-right {
	min-width: 44px;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background-color 0.15s ease;
}

.review-control-slider-left:active,
.review-control-slider-right:active {
	background-color: rgba(0, 158, 227, 0.12);
}

@media (hover: hover) {
	.review-control-slider-left:hover,
	.review-control-slider-right:hover {
		background-color: rgba(0, 158, 227, 0.08);
	}
}

.review-control-slider-nav-page {
	cursor: pointer;
	transition: transform 0.15s ease, opacity 0.15s ease;
}

.review-control-slider-nav-page:active {
	transform: scale(1.3);
}


/* ------------------------------------------------------------------
   ПОЛОСА 601-1000 px — планшеты и узкие окна (09.09.2026)

   Что было. Медиазапросы шаблона существовали только для <=600px
   (media.css). Всё, что шире, получало десктопный макет: контент
   article/.content/.rubricator/хлебные крошки прибит width:750px и
   float:right, боковые колонки .aside1..5 - float:left по 225px
   (750 + 225 = 980 = ширина контейнера).

   Чем это плохо. На экране 620px контейнер сжимался до 100%, а статья
   оставалась 750px и висела справа - её левые 145px уезжали ЗА КРАЙ
   экрана. Влево страница не прокручивается, поэтому горизонтальной
   прокрутки не появлялось (замер 08.09 показывал 0) - текст просто
   обрезался по первым буквам каждой строки. На главной таких элементов
   насчитано 188. Плюс шапка: название в четыре строки, «9:00—21:00»
   разорвано пополам, телефон в две строки, меню слипшимися пунктами.

   Приём. В полосе раскладка становится одноколоночной: статья на всю
   ширину, боковые блоки уходят под неё в ряд (в DOM они и так идут
   после контента, поэтому порядок чтения не страдает). Шрифты шапки и
   меню сжимаются плавно через clamp() - на 1000px они совпадают с
   десктопными, к 601px уменьшаются примерно на четверть. Картинкам,
   видео и таблицам внутри контента дан max-width:100%.

   Десктоп не затронут: верхняя граница медиазапроса 1000px, а
   контейнер становится ровно 980px уже с 1001px (проверено на 1001,
   1024 и 1440 - раскладка 750+225 и шрифты прежние).

   Проверено 09.09.2026 на ширинах 601 / 620 / 768 / 900 / 1000 и на
   четырёх типах страниц (главная, /tseny/ с 18 таблицами,
   /fabrika/kontakty/ с карточками карт, внутренняя статья с виджетом
   отзывов): элементов за левым краем 0 (было 188), переполнения
   вправо 0, карточки отзывов 359px не схлопнулись.
   ------------------------------------------------------------------ */

@media (min-width: 601px) and (max-width: 1000px) {

	/* --- шапка: плавно сжимаем, переносим колонки вместо ломки строк --- */

	header {
		font-size: clamp(15px, 2vw + 3px, 20.8px);
		flex-wrap: wrap;
		column-gap: 10px;
	}

	.header-column-logo img {
		width: clamp(58px, 9vw, 90px);
		height: auto;
	}

	.header-column-text {
		margin-top: 10px;
	}

	/* nowrap: иначе «9:00—21:00» и номер телефона рвутся пополам */
	.header-column-time,
	.header-column-phone {
		margin-top: 8px;
		white-space: nowrap;
	}

	/* --- меню: одна строка с 768px, две на самых узких --- */

	.main-menu {
		justify-content: center;
		column-gap: clamp(5px, 1.1vw, 16px);
		row-gap: 2px;
	}

	/* padding-block, а не padding: у пункта «Отзывы» слева иконка-звезда
	   на padding-left:23px (.feedback), общий padding её сбивает */
	.main-menu a {
		font-size: clamp(17px, 1.6vw + 6px, 24px);
		padding-block: 3px;
	}

	/* --- раскладка: одна колонка --- */

	article,
	.rubricator,
	.content,
	.mod-breadcrumbs__wrapper {
		float: none;
		width: 100%;
	}

	/* боковые блоки идут в DOM после контента - под ним и лягут, в ряд
	   по ширине экрана; inline-block вместо float, чтобы не было лесенки */
	.aside1,
	.aside2,
	.aside3,
	.aside4,
	.aside5 {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 10px 8px 10px 0;
	}

	/* --- содержимое: ничто не шире своего контейнера --- */

	article img,
	article video,
	article iframe,
	article picture,
	.content img,
	.content video,
	.content iframe,
	.rubricator img,
	.rubricator video {
		max-width: 100%;
		height: auto;
	}

	/* таблицы цен (725px, 18 штук на /tseny/) не сжимаем в кашу,
	   а даём прокрутку внутри самой таблицы */
	article table,
	.content table,
	.rubricator table {
		max-width: 100%;
		display: block;
		overflow-x: auto;
	}

	/* баннер в шапке страницы - жёсткий width=955 в разметке */
	.slider img,
	.slider picture,
	.slider video,
	.hero-video,
	.hero-video-container video,
	.picto img {
		max-width: 100%;
		height: auto;
	}

	/* отрицательный margin-left:-23px компенсирует отступ списка на
	   десктопе; на узком экране он выносит маркеры за край */
	.special-list {
		margin-left: 0;
		padding-left: 0;
	}

}