* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: Arial;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: #f3f3f3;
}

footer,
header,
main,
menu,
nav,
section {
    display: block
}

@font-face {
    font-family: Oswald-Light;
    src: url('fonts/Oswald-Light.ttf');
    font-display: block;
}

h3,
h4,
h5,
h6 {
    font-family: Oswald-Light;
    color: darkblue;
}

A {
    text-decoration: none;
    color: darkblue;
    /*color:#4e514b;*/
}

/* RESPONSIVE SAFETY RULE: Prevents images from breaking layout when width/height are set in HTML */
img {
    max-width: 100%;
    height: auto;
}

/* PERFORMANCE: Lazy render off-screen article blocks */
.stati {
    content-visibility: auto;
    contain-intrinsic-size: 1000px;
    /* Estimated height to minimize scroll bar jitter */
}

.Page404 {
    background: url('img/background/ur_predstavitelstvo_sud1920-1.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
}

.Price404 {
    position: relative;
    padding: 0 10px;
    width: 50%;
    margin: auto;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px 1px 1px silver;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border-radius: 15px;
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%), -o-radial-gradient(50% 0%, 190% 100%, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 50%, rgba(0, 0, 0, 0) 50%);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 50%, rgba(0, 0, 0, 0) 50%);
    background-repeat: no-repeat;
    background-size: 200% 100%, auto;
    background-position: 200% 0, 0 0;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 2px 5px;
    box-shadow: rgba(0, 0, 0, .3) 0 2px 5px;
    font-family: Oswald-Light;
    color: lawngreen;
    font-size: calc(0.5em + 0.4vw);
}

.Price404:active {
    top: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.Price404:hover {
    top: 3px;
    -webkit-transition: 1.0s linear;
    -o-transition: 1.0s linear;
    transition: 1.0s linear;
    background-position: -200% 0, 0 0;
}

@media(max-width:600px) {
    .Price404 {
        width: 80%;
        margin: auto;
    }
}

.h1Calc {
    text-align: center;
    padding-top: 0;
    font-family: Oswald-Light;
    letter-spacing: 5px;
}

@media(max-width:1550px) {
    .h1Calc {
        padding: 0 20px;
        padding-top: 0;
    }
}

@media(max-width:499px) {
    .h1Calc {
        font-size: calc(1.2em + 0.99vw);
    }
}

.h1Gr {
    text-align: center;
    padding-top: 150px;
    font-family: Oswald-Light;
    letter-spacing: 5px;
    text-shadow: -1px 2px 3px black;
}

.h1Lw {
    text-align: center;
    padding-top: 150px;
    font-family: Oswald-Light;
    letter-spacing: 5px;
    text-shadow: -1px 2px 4px black;
}

.h1Au {
    text-align: center;
    padding-top: 150px;
    font-family: Oswald-Light;
    letter-spacing: 5px;
    text-shadow: -1px 2px 4px black;
}

.h1Tr {
    text-align: center;
    padding-top: 150px;
    font-family: Oswald-Light;
    letter-spacing: 5px;
    text-shadow: -1px 2px 4px black;
}

.h1St {
    text-align: center;
    padding-top: 55px;
    color: silver;
    font-family: Oswald-Light;
    letter-spacing: 5px;
}

@media (max-width:1259px) {
    .h1St {
        text-align: center;
        padding-top: 0;
        color: silver;
        font-family: Oswald-Light;
        letter-spacing: 5px;
    }
}

@media(min-width:1550px) and (max-width:2250px) {
    .h1St {
        padding-top: 115px;
    }
}

.h1An {
    text-align: center;
    padding-top: 70px;
    color: silver;
    font-family: Oswald-Light;
    letter-spacing: 5px;
}

@media(min-width:1550px) and (max-width:2250px) {
    .h1An {
        padding-top: 115px;
    }
}

.Center404 {
    text-align: center;
    font-size: calc(1.1em + 0.9vw);
    font-family: Oswald-Light;
    padding: 0 10px;
    letter-spacing: 5px;
}

.white {
    color: white;
}

.black {
    color: black;
}

.tegs {
    font-size: .1em;
    color: #f3f3f3;
    line-height: .1;
}

.darkGreen {
    color: #006400;
    font-weight: 700;
}

.text-white {
    color: #fff;
}

.text-darkgreen {
    color: #006400;
}

.h1PP {
    text-align: center;
    padding: 0 15px;
}

/*--------------------------------------------------------------------------------------------Start-------ScrollUp----*/
.scrollUp {
    position: fixed;
    bottom: 50px;
    right: 40px;
    cursor: pointer;
    display: none;
}

/*@media(max-width:991px){
    .scrollUp{
        bottom:50px;
        right:40px;
    }
}*/
/*-------------------------------------------------------------------------------------------------------/ScrollUp----*/
.FirstBG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-top: 90px;
    border-bottom: solid 2px darkgrey;
}

@media(max-width:1461px) {
    .FirstBG {
        border-bottom: none;
        padding-top: 00px;
    }
}

@media(max-width:660px) {
    .FirstBG {
        padding-top: 20px;
    }
}

.center {
    text-align: center;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    max-width: 1200px;
    margin: 1.5em auto;
    font-size: 1.5em;
    padding: 10px 40px 0 45px;
    font-family: Oswald-Light;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

.FirstBG-img2 {
    background: url("img/qr-zhkh-konsalt.webp") center center no-repeat;
    /*background-size: cover;*/
    margin: 0 0 0 15px;
    float: right;
    width: 250px;
    height: 257px;
    border-radius: 15px;
}

/*First-BG/Zakon-i-poriadok279.webp*/
@media(min-width:1462px) {
    .FirstBG-img2 {
        background-image: url("img/qr-zhkh-konsalt.webp");
        /*background-image: url("img/First-BG/vremy-rabot.webp");*/
        margin: 0 0 0 15px;
        background-size: auto;
        float: right;
        width: 269px;
        border-radius: 15px;
    }
}

@media(min-width:660px) {
    .FirstBG-img2 {
        height: 257px;
        margin: 0 0 0 10px;
    }
}

@media(max-width:660px) {
    .FirstBG-img2 {
        display: none;
    }
}

.FirstBG-text {
    margin: 0 20px 15px;
}

.FBG-item1 {
    /*z-index:5;*/
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 20%;
    max-width: 425px;
    flex-basis: 20%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("img/First-BG/FBG-orig.webp") center center no-repeat;
    background-size: cover;
}

@media(min-width:631px) {
    .NoneMin630 {
        display: none;
    }
}

.ofer {
    font-weight: 600;
    color: darkblue;
    text-align: center;
    margin: 0 5px;
    font-family: Oswald-Light;
    font-size: 1.6em;
}

.ofer2 {
    font-family: monospace;
    ;
    text-align: center;
    color: darkblue;
    font-size: 2em;
}

.ofer3 {
    font-family: Oswald-Light;
    margin-top: 114px;
    color: darkblue;
    text-align: center;
    font-size: 1.8em;
}

@media(max-width:1260px) {
    .ofer3 {
        margin-top: 70px;
    }
}

.ofer4 {
    font-family: Oswald-Light;
    color: darkblue;
    text-align: center;
    font-size: 1.5em;
    letter-spacing: 1px;
}

.ofer4Black {
    max-width: 1200px;
    margin: 0 auto;
    font-weight: 400;
    font-family: Oswald-Light;
    color: #2f2f2f;
    text-align: justify;
    font-size: 1.5em;
    padding: 10px 40px 0 45px;
    letter-spacing: 1px;
}

@media (max-width:402px) {
    .ofer4Black {
        text-align: justify;
        font-size: 1.4em;
        padding: 0 20px 20px 30px;
    }
}

.sporUK {
    max-width: 1200px;
    margin: 32px auto;
    font-weight: 400;
    font-family: Oswald-Light;
    color: #2f2f2f;
    text-align: justify;
    font-size: 1.5em;
    padding: 10px 40px 0 50px;
    letter-spacing: 1px;
}

.ofer4Black2 {
    font-family: Oswald-Light;
    color: #2f2f2f;
    text-align: left;
    font-size: 1.5em;
    letter-spacing: 1px;
    margin-top: 50px;
}

@media(max-width:650px) {
    .ofer4Black2 {
        font-size: 1.5em;
        letter-spacing: 1px;
        margin-top: 50px;
    }
}

.FBG-item2 {
    padding-top: 60px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    max-width: 1280px;
    -webkit-box-ordinal-group: 3;
    order: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 5px;
}

@media(max-width:2010px) {
    .FBG-item1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .FBG-item2 {
        -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
    }
}

@media(max-width:1370px) {
    .FBG-item1 {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }
}

@media(max-width:1461px) {
    .FBG-item1 {
        display: none;
    }

    .FBG-item2 {
        padding-top: 100px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 15px;
    }
}

@media(min-width:2318px) {
    .FBG-item1 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .FBG-item2 {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    }
}

.IMG2 {
    background: url("img/background/квадрат/команда-юристов.webp") center center no-repeat;
    width: 100%;
    background-size: cover;
    max-width: 1500px;
    height: 400px;
    margin: 20px auto 0;
    float: right;
    border-radius: 25px 25px 0 0;
}

@media(max-width:600px) {
    .IMG2 {
        width: 100%;
        max-width: 600px;
        height: 300px;
        margin: 20px auto 0;
        float: none;
        background: url("img/background/квадрат/команда-юристов.webp") center center no-repeat;
        background-size: cover;
    }
}

@media(min-width:790px) and (max-width:850px) {
    .padding-bottom {
        padding-bottom: 15px;
    }
}

/*--------------------------------------------------------------------Start--------Галерея Почему вам стоит к нам ----*/
.swiper {
    width: 100%;
    height: auto !important;
}

@media (min-width:2100px) {
    .swiper {
        height: auto !important;
    }
}

@media (min-width: 1024px) and (max-width:1620px) {
    .swiper {
        height: auto !important;
    }
}

@media (min-width:1621px) and (max-width:2099px) {
    .swiper {
        height: auto !important;
    }
}

@media (min-width: 639px) and (max-width:1024px) {
    .swiper {
        height: auto !important;
    }
}

@media (min-width: 420px) and (max-width:639px) {
    .swiper {
        height: auto !important;
    }
}

@media (max-width:420px) {
    .swiper {
        height: auto !important;
    }
}

@media (max-width:639px) {
    .swiper {
        height: auto !important;
    }
}

.swiper-slide27-11 {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-pagination-bullet:hover {
    background: rgba(128, 128, 128, 0.7);
    /* Меньшая прозрачность при наведении */
}

/*--------------------------------------------------------------------End----------Галерея Почему вам стоит к нам ----*/
/*Start для статьи про бесплатную юр.консультацию*/
.swiperFree {
    width: 50%;
    height: auto !important;
}

@media (min-width:2100px) {
    .swiperFree {
        height: auto !important;
    }
}

@media (min-width: 1024px) and (max-width:1620px) {
    .swiperFree {
        height: auto !important;
    }
}

@media (min-width:1621px) and (max-width:2099px) {
    .swiperFree {
        height: auto !important;
    }
}

@media (min-width: 639px) and (max-width:1024px) {
    .swiperFree {
        height: auto !important;
    }
}

@media (min-width: 420px) and (max-width:639px) {
    .swiperFree {
        height: auto !important;
    }
}

@media (max-width:420px) {
    .swiperFree {
        height: auto !important;
    }
}

@media (max-width:639px) {
    .swiperFree {
        height: auto !important;
    }
}

/*End для статьи про бесплатную юр.консультацию*/

.why-do-you-needIMG {
    float: right;
    width: 330px;
    height: 330px;
    border-radius: 15px;
    margin: 40px;
}

.flexSecondBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media(min-width:1530px) {
    .flexSecondBlock {
        display: none;
    }
}

.flexSecondBlock1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    float: none;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 1em;
}

.flexSecondBlock2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 1em;
}

.flexSecondBlock3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 1em;
}

@media(min-width:850px) and (max-width:1530px) {
    .flexSecondBlock1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    }

    .flexSecondBlock2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    }

    .flexSecondBlock3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    }
}

@media(min-width:600px) and (max-width:850px) {
    .flexSecondBlock1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        float: right;
    }

    .flexSecondBlock2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .flexSecondBlock3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media(min-width:1801px) and (max-width:3300px) {
    .secondBlock {
        margin: 40px auto 30px;
        max-width: 1200px;

    }
}

@media(min-width:850px) and (max-width:1800px) {
    .secondBlock {
        margin: 40px 135px 30px;
    }
}

@media(max-width:850px) {
    .secondBlock {
        width: 80%;
        margin: 30px auto 30px;
    }
}

.IMG1SecondBlock {
    background: url("img/background/квадрат/besplatnyy-mk-dlya-predprinimateley-bud-liderom-na-peregovorah.webp") center center no-repeat;
    margin: 30px 50px 10px 0;
    float: left;
    width: 330px;
    height: 350px;
    border-radius: 15px;
}

@media(max-width:950px) {
    .IMG1SecondBlock {
        float: none;
        /*background: url("img/background/квадрат/zhkh-2021.jpg") center center no-repeat;*/
        width: 100%;
        margin: 30px auto;
        height: 300px;
        background-size: cover;
    }
}

.IMG2secondBlock2 {
    margin: 0 50px 10px 0;
    width: 330px;
    float: left;
    border-radius: 15px;
}

@media(max-width:950px) {
    .IMG2secondBlock2 {
        display: block;
        float: none;
        width: 270px;
        margin: auto;
    }
}

.IMG2secondBlock3 {
    margin: 0 50px 10px 0;
    width: 330px;
    float: left;
    border-radius: 15px;
}

@media(max-width:950px) {
    .IMG2secondBlock3 {
        display: block;
        float: none;
        text-align: center;
        width: 270px;
        margin: auto;
    }
}

.IMG2secondBlock4 {
    float: left;
    width: 330px;
    margin: 0 50px 10px 0;
    height: 330px;
    border-radius: 15px;
}

@media(max-width:950px) {
    .IMG2secondBlock4 {
        display: block;
        float: none;
        width: 270px;
        height: 250px;
        margin: auto;
    }
}

.line_gradient {
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background-image: -o-linear-gradient(left, #10a1cd, #fff);
    background-image: -webkit-gradient(linear, left top, right top, from(#10a1cd), to(#fff));
    background-image: linear-gradient(90deg, #10a1cd, #fff)
}

.marginTop20px {
    margin-top: 20px;
}

/* Начало изменений: восстановление оригинального стиля кнопки .order */
.order {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 5px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white);
    background: linear-gradient(45deg, grey, white);
    width: 210px;
    margin: 15px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
    z-index: 100;
}

/* Конец изменений: восстановление оригинального стиля кнопки .order */

/* Добавление класса .link-green для восстановления цвета текста внутри кнопок */
.link-green {
    color: green !important;
}

/* Изолированный стиль для кнопки на странице 404 (восстановлен оригинал) */
.btn-order-404 {
    display: table;
    margin: 20px auto;
    background: linear-gradient(to right, #56ab2f 0%, #a8e063 51%, #56ab2f 100%);
    background-size: 200% auto;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Oswald-Light', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(86, 171, 47, 0.4);
    border: 2px solid #fff;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: fit-content;
    text-align: center;
}

.btn-order-404:hover {
    background-position: right center;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(86, 171, 47, 0.6);
    color: #fff !important;
}

.btn-order-404:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(86, 171, 47, 0.3);
}

/* Утилитарные классы (перенесены из 404.html) */
.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.text-white {
    color: white !important;
}

.white {
    color: white !important;
}

.text-shadow-small {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.Center404 {
    text-align: center;
}

.h1PP {
    text-align: center;
    margin: 0 auto;
}

/* Исправление прилипания блока услуг на мобильных */
@media(max-width: 800px) {
    .uslugi {
        margin-top: 40px !important;
        padding-top: 20px !important;
    }

    .btn-order-404 {
        font-size: 1rem;
    }

    .Price404 {
        margin-bottom: 30px !important;
    }
}



.order:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 2.5s infinite;
}

@-webkit-keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.order:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px gold;
}

/*@media (min-width: 851px){*/
/*    .orderTel {*/
/*        position: relative;*/
/*        overflow: hidden;*/
/*        text-align: center;*/
/*        padding:0 80px 9px;*/
/*        border-radius: 25px;*/
/*        -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);*/
/*        box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);*/
/*        -webkit-transition: all 300ms ease-in-out;*/
/*        -o-transition: all 300ms ease-in-out;*/
/*        transition: all 300ms ease-in-out;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:-o-linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        background:linear-gradient(45deg, grey, white)!*#474747*!;*/
/*        width:235px;*/
/*        margin: 15px auto 0;*/
/*        font-size: 24px;*/
/*        font-weight: 700;*/
/*        text-decoration: none;*/
/*        font-family:Oswald-Light;*/
/*    }*/
/*    .orderTel:before {*/
/*        content: '';*/
/*        width: 100%;*/
/*        height: 200%;*/
/*        position: absolute;*/
/*        top: 0; left: 0;*/
/*        opacity: 0.9;*/
/*        background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);*/
/*        background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));*/
/*        background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);*/
/*        -webkit-transform: translate(-100%, -25%) rotate(10deg);*/
/*        -ms-transform: translate(-100%, -25%) rotate(10deg);*/
/*        transform: translate(-100%, -25%) rotate(10deg);*/
/*        -webkit-animation: blick 2.5s infinite;*/
/*        animation: blick 2.5s infinite;*/
/*    }*/
/*    @-webkit-keyframes blick {*/
/*        0% {*/
/*            -webkit-transform: translate(-100%, -25%) rotate(10deg);*/
/*            transform: translate(-100%, -25%) rotate(10deg);*/
/*        }*/
/*        20% {*/
/*            -webkit-transform: translate(100%, -25%) rotate(10deg);*/
/*            transform: translate(100%, -25%) rotate(10deg);*/
/*        }*/
/*        100% {*/
/*            -webkit-transform: translate(100%, -25%) rotate(10deg);*/
/*            transform: translate(100%, -25%) rotate(10deg);*/
/*        }*/
/*    }*/
/*    @keyframes blick {*/
/*        0% {*/
/*            -webkit-transform: translate(-100%, -25%) rotate(10deg);*/
/*            transform: translate(-100%, -25%) rotate(10deg);*/
/*        }*/
/*        20% {*/
/*            -webkit-transform: translate(100%, -25%) rotate(10deg);*/
/*            transform: translate(100%, -25%) rotate(10deg);*/
/*        }*/
/*        100% {*/
/*            -webkit-transform: translate(100%, -25%) rotate(10deg);*/
/*            transform: translate(100%, -25%) rotate(10deg);*/
/*        }*/
/*    }*/
/*    .orderTel:hover {*/
/*        -webkit-box-shadow: none;*/
/*        box-shadow: none;*/
/*        text-shadow: -1px 1px 2px gold;*/
/*    }*/
/*}*/
/*@media (max-width: 850px){*/
/*    .orderTel{*/
/*        display: none;*/
/*    }*/
/*}*/

.fw400 {
    font-weight: 400;
}

.uslugi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url("img/background/Ispolnitelnaya-nadpis-notariusa-kak-vnesudebnyj-sposob-zashchity-obyazatelstvennyh-prav.jpg") no-repeat;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: cover;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 25px;
    -webkit-box-shadow: 0 0 15px darkblue;
    box-shadow: 0 0 15px darkblue;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:1024px) {
    .uslugi {
        background: -o-linear-gradient(45deg, lightblue, whitesmoke, silver, lightcyan);
        background: linear-gradient(45deg, lightblue, whitesmoke, silver, lightcyan);
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }

    .uslugiItem1 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem2 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem3 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem4 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem5 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem7 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem8 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }

    .uslugiItem9 {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    }
}

@media(max-width:375px) {
    .uslugi {
        padding: 10px 5px;
    }

    .uslugiItem1,
    .uslugiItem2,
    .uslugiItem3,
    .uslugiItem4,
    .uslugiItem5,
    .uslugiItem6,
    .uslugiItem7,
    .uslugiItem8,
    .uslugiItem9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 15px auto;
        min-height: auto;
    }
}

.uslugiItem1 {
    position: relative;
    /* Для работы "растянутой" ссылки */
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/bushinesLawyer.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem1:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiText {
    color: darkgreen;
    text-shadow: 0 0 5px white;
    font-family: Oswald-Light;
}



.uslugiItem2 {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/152800_intext.jpg") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem2:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem3 {
    position: relative;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/manhattan_art_dealer_stiffed_on_1m_cassatt.max-1000x1000.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem3:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem4 {
    position: relative;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    order: 6;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/fcb01dbcec94bdb657d3056687e77330.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem4:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem5 {
    position: relative;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/lawyer-write.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem5:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem6 {
    position: relative;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/bez-imeni-1.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem6:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem7 {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/bez-imeni-1.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem7:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem8 {
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/Квитанции.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem8:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

.uslugiItem9 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    min-height: 200px;
    margin: 25px auto;
    background: url("img/background/квадрат/webp/kompensacii-zhkh-saratov.webp") no-repeat;
    color: white;
    text-shadow: 0 0 2px darkblue;
    background-size: cover;
    padding: 15px;
    border: 1px solid black;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.uslugiItem9:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    border-radius: 45px;
    -webkit-box-shadow: 0 0 15px white;
    box-shadow: 0 0 15px white;
}

/*---------------------------------------------------------------------------------------------StartStati2Link1-------*/
/*---------------------------------------------------------------------------------------------StartGrazhdanam--------*/
.FLEX_GR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.AccordeonGrazhdanamFlex {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: left;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.IMGGrazhdanam2Flex {
    border-radius: 15px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-height: 9000px;
    -ms-flex-preferred-size: 500px;
    flex-basis: 400px;
    margin: 0 0 0 10px;
    background-size: cover;
    background: url("img/background/longGrazhdansMaxWidth8183.webp") no-repeat;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.IMGGrazhdanam2FlexLawyer {
    border-radius: 15px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-height: 11000px;
    -ms-flex-preferred-size: 500px;
    flex-basis: 400px;
    margin: 0 0 0 10px;
    background-size: cover;
    background: url("img/background/longMaxWidthLayers8183.webp") no-repeat;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:1050px) {
    .FLEX_GR {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%;
        margin: auto;
    }

    .IMGGrazhdanam2Flex {
        display: none;
    }

    .IMGGrazhdanam2FlexLawyer {
        display: none;
    }

    .AccordeonGrazhdanamFlex {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 90%;
        margin: auto;
    }
}



.insideTextIMG1 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/жкх.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMG1 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMG2 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/webp/provedenie-sobraniy.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMG2 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMG3 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/scale_1200.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

/*.insideTextIMG3:hover{*/
/*    -webkit-transform:scale(1.5);*/
/*    -ms-transform:scale(1.5);*/
/*    transform:scale(1.5);*/
/*}*/
@media(max-width:750px) {
    .insideTextIMG3 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMG4 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/d11265ff72cb0bad039a63ed56e43967.jpeg") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMG4 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMG5 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/02.jpg") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMG5 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMG6 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/аварийный-дом.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMG6 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}


.insideTextIMGLawyer1 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/ur_predstavitelstvo_sud1920-1.jpg") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer1 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer2 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/24fafafc7156cb59f9b39a6e5c06cd40.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer2 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer3 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/besplatnyy-mk-dlya-predprinimateley-bud-liderom-na-peregovorah.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer3 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer4 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/882bb6b0874a150b99f5f1325bc57ab4.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer4 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer4-1 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/webp/razrabotka-ustavnih-documentov.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer4-1 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer4-2 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/pomosh-pri-rabote-s-pristavami.jpg") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer4-2 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGGrazhdans4-1 {
    width: 500px;
    margin: 10px auto;
    height: 550px;
    border-radius: 15px;
    background: url("img/background/квадрат/webp/oformlenie-zemelnih-uchastkov.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGGrazhdans4-1 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGGrazhdans4-2 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/webp/videl-doli-v-nature-uslugi-yourista.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGGrazhdans4-2 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGGrazhdans4-3 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/webp/uslugi-yourista-po-vseleniyou-grazhdan.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGGrazhdans4-3 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGGrazhdans4-4 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/pomosh-pri-rabote-s-pristavami.jpg") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGGrazhdans4-4 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGGrazhdans4-5 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/webp/izmenenie-vikupnoi-stoimosti.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGGrazhdans4-5 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer5 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/7b4cd69f.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer5 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer6 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/контракт-бизнесмена-по-писывая-на-таб-ице-50537558.png") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer6 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.insideTextIMGLawyer7 {
    width: 500px;
    margin: 10px auto;
    height: 300px;
    border-radius: 15px;
    background: url("img/background/квадрат/скидка.webp") no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:750px) {
    .insideTextIMGLawyer7 {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0;
    }
}

.underlineHover {
    text-decoration: none;
}

.underlineHover:hover {
    text-decoration: underline;
}

@media(max-width:1330px) {
    .IMGGrazhdanam {
        background: url("img/background/квадрат/гражданам.webp") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

@media(min-width:1330px) {
    .IMGGrazhdanam {
        background: url("img/background/slide1.webp") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

/* Modal Styles */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    backdrop-filter: blur(3px);
    opacity: 0;
    transition: opacity 0.3s ease;
    /* Flexbox centering */
    align-items: center;
    justify-content: center;
}

.modal-overlay.show {
    opacity: 1;
    display: flex;
    /* Activate flex when shown */
}

.modal-window {
    background: hwb(0 99% 1% / 0.96);
    width: 90%;
    max-width: 500px;
    margin: 150px auto;
    /* Centered by flex parent */
    padding: 20px;
    border-radius: 20px;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    transform: translateY(-50px);
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.modal-overlay.show .modal-window {
    transform: translateY(0);
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #aaa;
    line-height: 1;
}

.close-modal:hover {
    color: #000;
}

/* Consolidated Prices styles moved here */
.prices-header-overlay {
    background: rgba(255, 255, 255, 0.85);
    padding: 20px 50px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    box-sizing: border-box;
}

.page-title {
    font-family: 'Oswald-Light', sans-serif;
    color: darkblue;
    font-size: 2.5em;
    margin-bottom: 10px;
}

.subtitle {
    font-size: 1.2em;
    color: #2f2f2f;
    font-family: 'Oswald-Light', sans-serif;
}

.services-pricing {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 30px;
    justify-content: center;
}

.service-card {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    flex: 1 1 320px;
    max-width: 400px;
    margin: 20px 0 0 !important;
}

.services-pricing .service-card {
    max-width: none;
    width: 100%;
    box-sizing: border-box;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.service-card h2 {
    font-family: 'Oswald-Light', sans-serif;
    color: darkblue;
    font-size: 1.6em;
    margin-bottom: 15px;
    min-height: 60px;
}

.price {
    font-size: 1.3em;
    color: #28a745;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Oswald-Light', sans-serif;
}

.service-desc {
    color: #555;
    line-height: 1.5;
    flex-grow: 1;
    margin-bottom: 25px;
    font-size: 1.1em;
    text-align: justify;
}

.watermark {
    position: absolute;
    opacity: 0.10;
    z-index: 0;
    pointer-events: none;
    width: 200px;
    height: auto;
}

.watermark-middle-left {
    top: 60%;
    left: 5%;
    transform: translateY(-50%);
}

.watermark-bottom-center {
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.bodyContacts {
    background: #ffffff;
}

.price-variation-section {
    background: #ffffff;
    padding: 70px 10px 0 10px;
}

.section-title {
    text-align: center;
    color: darkblue;
    font-family: 'Oswald-Light', sans-serif;
    font-size: 2em;
    margin: 0 20px 40px 20px;
}

.variation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.variation-block {
    background: white;
    padding: 25px;
    border-radius: 15px;
    border-left: 5px solid darkblue;
}

.variation-block h3 {
    font-size: 1.4em;
    margin-bottom: 15px;
}

.variation-block p {
    font-size: 1.1em;
    color: #444;
}

.modal-btn-container {
    display: flex;
    justify-content: center;
}

.IMGPrices {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1100px) {
    .price-variation-section .variation-grid {
        grid-template-columns: repeat(2, minmax(250px, 400px));
        justify-content: center;
    }

    .price-variation-section .variation-block:nth-child(3):last-child {
        grid-column: span 2;
        justify-self: center;
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .prices-header-container {
        height: 250px;
    }

    .page-title {
        font-size: 1.8em;
    }

    .prices-header-overlay {
        padding: 20px;
    }

    .modal-window {
        width: 90%;
        margin: 30px auto 0;
    }

    .watermark {
        width: 150px;
    }

    .variation-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 10px;
    }

    .variation-block {
        padding: 20px;
    }
}

/*-----------------------------------------------------------page----Prices---------------------Prices--------------*/
/* @media(max-width:1330px) { */
.IMGPricesCenaMobile {
    background: url("img/background/квадрат/webp/prices-cena-zhkh-konsalt.webp") center center no-repeat;
    width: 100%;
    background-size: cover;
    height: 300px;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

/* } */
/* @media(min-width:1330px){
    .IMGPricesCena{
        background: url("img/background/slide1.webp") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
} */
/*---------------------------------------------------------------/page------Prices-------------------------Calculat--------------*/
@media(min-width:1550px) {
    .qrAbsolute {
        position: absolute;
        top: 70px;
        right: 0;
    }
}

@media(min-width:1260px) and (max-width:1550px) {
    .qrAbsolute {
        position: absolute;
        top: 90px;
        right: 0;
    }
}

@media(min-width:1150px) and (max-width:1260px) {
    .qrAbsolute {
        position: absolute;
        top: 90px;
        right: 0;
    }
}

@media(max-width:1150px) {
    .qrAbsolute {
        display: none;
    }
}

.phone-header-container {
    background: rgba(255, 255, 255, 0.7);
    padding: 8px 25px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin-bottom: 15px;
    flex-shrink: 0;
}

.phone-header-container a {
    text-decoration: none;
}

.phone-header-container b {
    color: darkblue;
    font-size: 1.2em;
    font-family: 'Oswald-Light', sans-serif;
}

.calc-header-overlay {
    background: rgba(255, 255, 255, 0.85);
    padding: 10px 15px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    height: auto;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .phone-header-container {
        padding: 6px 20px;
        font-size: 0.9em;
    }

    .calc-header-overlay {
        padding: 15px 5px;
        max-width: 95%;
    }
}

@media(max-width:1330px) {
    .IMGcalculat {
        background: url("img/background/Ordner.png") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
        -webkit-box-shadow: 0 0 30px black;
        box-shadow: 0 0 30px black;
    }
}

@media(min-width:1330px) {
    .IMGcalculat {
        background: url("img/background/etapy-spok3.png") center center no-repeat;
        width: 100%;
        background-size: cover;
        -webkit-box-shadow: 0 0 50px black;
        box-shadow: 0 0 50px black;
        height: 327px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

/* Override style.css height constraints for this page */
.IMGcalculat {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 297px;
    padding: 30px 0 0;
}

/*---------------------------------------------------------------------------------------------/Calculat--------------*/
.calc {
    text-align: justify;
    max-width: 1300px;
    margin: 10px auto 0;
    padding: 20px 30px;
}

@media (min-width:1151px) {
    .NoneMax1150 {
        display: none;
    }
}

.fullVersionCalc {
    text-align: center;
}

@media(max-width:692px) {
    .fullVersionCalc {
        display: none;
    }
}

.fullVersionCalc692px {
    text-align: center;
    width: 85%;
    margin: auto;
    color: black;
    text-shadow: -1px 1px 1px white;
    -webkit-box-shadow: 0 0 10px green;
    box-shadow: 0 0 10px green;
    background: silver;
    border: 2px solid greenyellow;
    border-radius: 10px;
}

@media(min-width:692px) {
    .fullVersionCalc692px {
        display: none;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Start++BGvideo++/
#myVideo{
    position:fixed;
    z-index:-5;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%;
    overflow:hidden;}
@media(max-width:299px){
    #myVideo, .content, #myBtn{
        display:none;
    }
}
@media(max-width:700px){
    .content, #myBtn{
        display:none;
    }
}
.content{
    position:fixed;
    z-index:1;
    bottom:0;
    background:rgba(0, 0, 0, 0.5);
    color:#f1f1f1;
    width:242px;
    padding:20px;}
#myBtn{
    width:200px;
    font-size:18px;
    padding:10px;
    border:none;
    background:#000;
    color:#fff;
    cursor:pointer;}
#myBtn:hover{
    background:#ddd;
    color:black;}
/++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++End++BGvideo++*/
/*---------------------------------------------------------------------------------------------Lawyer-----------------*/
@media(max-width:1330px) {
    .IMGLawyer {
        background: url("img/background/uridicheskaya-konsultaciya.webp") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

@media(min-width:1330px) {
    .IMGLawyer {
        background: url("img/background/Arbitrazhnyj-jurist_5344086.png") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

/*---------------------------------------------------------------------------------------------/Lawyer----------------*/
/*---------------------------------------------------------------------------------------------Lawyer-----------------*/
@media(max-width:3330px) {
    .IMGTrue {
        background: url("img/background/business-handshake-1920x595.webp") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

@media(min-width:1330px) {
    .IMGTrue {
        background: url("img/background/slide1.webp") center center no-repeat;
        width: 100%;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

/*---------------------------------------------------------------------------------------------/Lawyer----------------*/
.mapBG {
    background: url("img/background/Саратов.avif") center center no-repeat;
    /*linear-gradient(45deg,lightblue, lightgray);*/
    background-size: cover;
}

.map {
    /*border:solid 1px grey;*/
    max-width: 1300px;
    margin: auto;
}

/*-----------------------------------------------------------------------------------------------------Audit----------*/
@media(max-width:1330px) {
    .IMGAudit {
        background: url("img/background/Audit_reviziya.webp") center center no-repeat;
        width: 100%;
        margin: auto;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

@media(min-width:1330px) {
    .IMGAudit {
        background: url("img/background/f4us3kimgoi.jpg") center center no-repeat;
        width: 100%;
        margin: auto;
        background-size: cover;
        height: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

.auditIMG {
    background: url("img/background/квадрат/1613683487_3-p-fon-dlya-pravovoi-prezentatsii-3.webp") center center no-repeat;
    width: 100%;
    margin: auto;
    padding-top: 10px;
    background-size: cover;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.auditIMG2 {
    width: 500px;
    margin: 0 40px 20px 100px;
    float: left;
    border-radius: 10px;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:800px) {
    .auditIMG {
        background: #f3f3f3;
        /* #abbaab; fallback for old browsers */
        /* Chrome 10-25, Safari 5.1-6 */
        /*background: -o-linear-gradient(left, #ffffff, #abbaab);*/
        /*background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#abbaab));*/
        /*background: linear-gradient(to right, #ffffff, #abbaab); !* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!*/
        background-size: cover;
        padding-top: 20px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }

    .auditIMG2 {
        margin: 0 20px 20px;
        width: 300px;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

@media(max-width:645px) {
    .auditIMG2 {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        border-radius: 0;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

.auditIMG2Text {
    font-size: 1.4em;

    margin: 0 20% 70px 100px;
}

@media(max-width:800px) {
    .auditIMG2Text {
        font-size: 1.2em;
        margin: 0 30px 40px 40px;
    }
}

.paddingB10 {
    padding-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------------/Audit--------*/
/*---------------------------------------------------------------------------------------------------------Form-------*/
.form {
    z-index: 50;
    width: 650px;
    margin: 60px auto 0;
}

@media(max-width: 660px) {
    .form {
        width: 100%;
        margin: 40px auto;
    }
}

/*--------------------------------------------------------------------------------------------------------/Form-------*/
.statiLast {
    padding: 20px 0 0;
    max-width: 1100px;
    margin: auto;
}

@media(min-width:1260px) and (max-width:1550px) {
    .statiLast {
        padding: 40px 0 0;
        max-width: 1100px;
        margin: auto;
    }
}

@media(min-width:1550px) and (max-width:3333px) {
    .statiLast {
        padding: 87px 0 0;
        max-width: 1100px;
        margin: auto;
    }
}

.lineGreyWidth1300 {
    clear: both;
    border-bottom: solid 2px darkslategrey;
    max-width: 1300px;
    margin: auto;
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.stati {
    padding: 10px 0 0;
    max-width: 1100px;
    margin: auto;
}

.statiText {
    color: darkblue;
    margin: 0 0 5px;
    font-family: Oswald-Light;
    font-weight: 600;
    padding: 0 25px;
    letter-spacing: 1px;
    text-align: justify;
}

.iconsLeft {
    text-align: left;
    margin-left: 20px;
    font-size: 0.7em;
}

.VIDEOstati {
    width: 500px;
    float: right;
    margin: 100px 10px 5px;
    border: none;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:700px) {
    .VIDEOstati {
        float: none;
        width: 100%;
        margin: auto;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

.VIDEO2stati {
    width: 690px;
    margin: auto;
    border: none;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:720px) {
    .VIDEO2stati {
        width: 100%;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

.centerFloatSchool {
    float: right;
}

@media(max-width: 584px) {
    .centerFloatSchool {
        float: none;
        text-align: center;
    }
}

.VIDEO2statiSchools {
    width: 300px;
    margin: 0 20px;
    float: right;
    border: none;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:584px) {
    .VIDEO2statiSchools {
        display: block;
        width: 100%;
        margin: auto;
        float: none;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

.IMGstati {
    width: 500px;
    float: right;
    margin: 0 30px 5px 20px;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

@media(max-width:700px) {
    .IMGstati {
        float: none;
        width: 100%;
        margin: auto;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

.IMGstati-legacy {
    width: 500px;
    float: right;
    margin: 0 30px 5px 20px;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media(max-width:700px) {
    .IMGstati-legacy {
        float: none;
        width: 100%;
        margin: auto;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
}

/*-------------------------------------------------------------------------------------------------/Stati2Link1-------*/
/*---------------------------------------------------------------------------------------------StartScreen2Link1-------*/
.orderLink1 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 55px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.orderLink1:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 3.5s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.orderLink1:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px orangered;
}

/*-------------------------------------------------------------------------------------------------/Screen2Link1------*/
/*---------------------------------------------------------------------------------------------StartScreen2Link2-------*/
.orderLink2 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 55px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.orderLink2:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 4.0s infinite;
    animation: blick 4.0s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.orderLink2:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px orangered;
}

/*-------------------------------------------------------------------------------------------------/Screen2Link2-------*/
/*---------------------------------------------------------------------------------------------StartScreen2Link3-------*/
.orderLink3 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 55px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.orderLink3:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 4.5s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.orderLink3:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px orangered;
}

/*-------------------------------------------------------------------------------------------------/Screen2Link3-------*/
/*---------------------------------------------------------------------------------------------StartScreen2Link4-------*/
.orderLink4 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 55px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.orderLink4:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 5.0s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.orderLink4:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px orangered;
}

/*-------------------------------------------------------------------------------------------------/Screen2Link4-------*/
/*---------------------------------------------------------------------------------------------StartScreen2Link5-------*/
.orderLink5 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 55px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.orderLink5:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 5.5s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.orderLink5:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px orangered;
}

/*-------------------------------------------------------------------------------------------------/Screen2Link5-------*/
/*---------------------------------------------------------------------------------------------StartScreen2Link6-------*/
.orderLink6 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 55px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.orderLink6:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 6.0s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.orderLink6:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px orangered;
}

/*-------------------------------------------------------------------------------------------------/Screen2Link6-------*/
/*------------------------------------------------------------------------------------------------------ViberPC-------*/
@media(max-width:900px) {
    .whatsappPC {
        position: relative;
        display: none;
    }
}

@media(min-width:900px) {
    .whatsapp-buttonPC {
        position: fixed;
        left: 65px;
        bottom: 20px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #25D366;
        /*цвет кнопки*/
        border-radius: 50%;
        width: 50px;
        /*ширина кнопки*/
        height: 50px;
        /*высота кнопки*/
        color: #fff;
        text-align: center;
        line-height: 67px;
        /*центровка иконки в кнопке*/
        /*font-size:25px; !*размер иконки*!*/
        z-index: 9999;
    }

    .whatsapp-buttonPC a {
        color: #fff;
    }

    .whatsapp-buttonPC:before,
    .whatsapp-buttonPC:after {
        content: " ";
        display: block;
        position: absolute;
        border: 50px;
        border: 1px solid #25D366;
        /*цвет анимированных волн от кнопки*/
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        -webkit-animation: animate 1.5s linear infinite;
        animation: animate 1.5s linear infinite;
        opacity: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .whatsapp-buttonPC:after {
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
    }

    @-webkit-keyframes animate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 0;
        }
    }

    @keyframes animate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 0;
        }
    }
}

/*-----------------------------------------------------------------------------------------------------/ViberPC-------*/
/*----------------------------------------------------------------------------------------Start------MobViber---------*/
@media(min-width:900px) {
    .whatsapp {
        position: relative;
        display: none;
    }
}

@media(max-width:900px) {
    .whatsapp-button {
        position: fixed;
        left: 65px;
        bottom: 20px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #25D366;
        /*цвет кнопки*/
        border-radius: 50%;
        width: 50px;
        /*ширина кнопки*/
        height: 50px;
        /*высота кнопки*/
        color: #fff;
        text-align: center;
        line-height: 67px;
        /*центровка иконки в кнопке*/
        /*font-size:25px; !*размер иконки*!*/
        z-index: 9999;
    }

    .whatsapp-button a {
        color: #fff;
    }

    .whatsapp-button:before,
    .whatsapp-button:after {
        content: " ";
        display: block;
        position: absolute;
        border: 50px;
        border: 1px solid #25D366;
        /*цвет анимированных волн от кнопки*/
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        -webkit-animation: animate 1.5s linear infinite;
        animation: animate 1.5s linear infinite;
        opacity: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .whatsapp-button:after {
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
    }

    @-webkit-keyframes animate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 0;
        }
    }

    @keyframes animate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 0;
        }
    }
}

/*-------------------------------------------------------------------------------------------------------/Viber-mob---*/
/*------------------------------------------------------------------------------------------------------ViberPC-mob---*/

/*-----------------------------------------------------------------------------------------------------/ViberPC-mob---*/
/*--------------------------------------------------------The actual popup (appears on top)--------Start PopUps...----*/
.popup3 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup3 .popuptext3 {
    visibility: hidden;
    width: 290px;
    background-color: #555;
    color: #fff;
    border-radius: 7px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 125%;
    margin-left: -10px;
}

/*------------------------------------------------------------------------------------------------------- Popup arrow */
.popup3 .popuptext3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;

    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/*---------------------------------- Toggle this class when clicking on the popup container (hide and show the popup) */
.popup3 .show3 {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Анимация исчезновения PopUp */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Start CLOSE popup-2*/
.CLOSE_rekvizit_Mob {
    position: sticky;
    text-align: center;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    height: 60px;
    font-size: large;
    color: #555;
    background: -o-linear-gradient(top, transparent, #fff 90%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, #fff));
    background: linear-gradient(180deg, transparent, #fff 90%)
}

.CLOSE_rekvizit:hover {
    color: black;
    font-weight: 700;
}

@media(max-width:766px) {
    .CLOSE_rekvizit_Mob {
        bottom: 45px;
    }
}

/*------------------------------------------------------------------------------------------------------/CLOSE popup-2*/
/*-----------------------------------------------------------------------------------------------------------Rekvizits*/
.blickRekvizits {
    position: relative;
    overflow: hidden;
    padding: 1.0em 1.7em;
    border-radius: 10px;
    background-color: #faae26;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #474747;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.blickRekvizits:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 2.5s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.blickRekvizits:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

/*---------------------------------------------------------------------------------------------------------/Blick-----*/
/*---------------------------------- Toggle this class when clicking on the popup container (hide and show the popup) */
.popup3 .show3 {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Анимация исчезновения PopUp */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*-----------------------------------------------------------------------------------------------------Start accordion*/
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    border-bottom: solid 1px silver;
    border-top: none;
    border-right: none;
    border-left: none;
    padding: 18px;
    width: 100%;
    text-align: center;
    outline: none;
    font-size: 23px;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:1920px) {
    .accordion {
        padding: 15px 20px 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width:600px) {
    .accordion {
        padding: 15px 5px 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }

    .FLEX_GR {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 95%;
        margin: auto;
    }
}

.active,
.accordion:hover {
    background-color: #c0c0c0;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.panel {
    font-family: Oswald-Light;
    font-size: 1.5em;
    padding: 5px 20px 10px;
    display: none;
    background-color: white;
    overflow: hidden;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:1920px) {
    .panel {
        padding: 5px 20px 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width:750px) {
    .panel {
        padding: 0 10px 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

/*----------------------------------------------------------------------------------------------------------/accordion*/
/*@media(min-width:1281px){
    .Max1024{
        display:none;
    }
}*/
/*----------------------------------------------------------------------------------------------Start-Menu-New--------*/
.navigation {
    height: 70px;
    background: silver;
    /*#262626;*/
    /*overflow: hidden; идет сдвиг как по relative, but not absolute*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 25;
    font-size: calc(0.4em + 0.5vw);
}

.brand {
    position: absolute;
    float: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 10px;
    line-height: normal;
    text-transform: uppercase;
}

.brand a,
.brand a:visited {
    color: #ffffff;
    text-decoration: none;
}

@media(min-width:1550px) and (max-width: 2010px) {
    .TEL4 {
        font-weight: 100;
        position: absolute;
        padding-top: 90px;
        padding-left: 80px;
        text-shadow: 0 0 5px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
        z-index: 70;
    }
}

@media(min-width:2010px) and (max-width: 2250px) {
    .TEL4 {
        font-weight: 100;
        position: absolute;
        padding-top: 90px;
        padding-left: 210px;
        text-shadow: 0 0 5px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
        z-index: 70;
    }
}

@media(min-width:1260px) and (max-width: 2010px) {
    .TEL42 {
        font-weight: 100;
        position: absolute;
        padding-top: 65px;
        padding-left: 150px;
        text-shadow: 0 0 5px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
    }
}

@media(min-width:2010px) and (max-width: 2250px) {
    .TEL42 {
        font-weight: 100;
        position: absolute;
        padding-top: 65px;
        padding-left: 210px;
        text-shadow: 0 0 5px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
    }
}

@media(max-width:1260px) and (min-width: 2250px) {
    .TEL42 {
        display: none;
    }
}

/*@media(min-width:1260px) and (max-width:1535px){
    .TEL5aboutUs{
        display: none;
    }
}*/
@media(min-width:500px) and (max-width: 1535px) {
    .TEL5aboutUs {
        position: fixed;
        right: 80px;
        top: 45px;
        font-weight: 100;
        text-shadow: 0 0 5px white;
        text-decoration: underline;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(min-width:1533px) {
    .TEL5aboutUs {
        display: none;
    }
}

@media(max-width:500px) {
    .TEL5aboutUs {
        display: none;
    }
}

@media(min-width:500px) and (max-width: 1555px) {
    .TEL5 {
        position: fixed;
        right: 80px;
        top: 51px;
        font-weight: 100;
        text-shadow: 0 0 5px white;
        text-decoration: underline;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(min-width:1555px) {
    .TEL5 {
        display: none;
    }
}

@media(max-width:500px) {
    .TEL5 {
        display: none;
    }
}

@media(min-width:500px) and (max-width:1260px) {
    .TEL52 {
        font-weight: 100;
        position: absolute;
        padding-top: 46px;
        padding-left: 150px;
        text-shadow: 0 0 5px white;
        text-decoration: underline;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(min-width:620px) and (max-width: 1260px) {
    .TEL52 {
        position: fixed;
        right: 80px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width:500px) {
    .TEL52 {
        padding-top: 46px;
        padding-left: 150px;
        text-decoration: underline;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width:390px) {
    .TEL52 {
        padding-top: 26px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(min-width:1260px) {
    .TEL52 {
        display: none;
    }
}

@media(max-width:370px) {
    .TEL52 {
        display: none;
    }
}

.TEL3 {
    font-weight: 600;
    position: absolute;
    padding: 26px 0 0 405px;
    text-shadow: 0 0 5px white;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.TEL3:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
    text-shadow: -1px 2px 7px white;
}

@media(max-width:600px) {
    .TEL3 {
        padding: 44px 0 0 330px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width:500px) {
    .TEL3 {
        padding: 44px 0 0 150px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

.TEL2 {
    z-index: 15;
    font-weight: 100;
    position: absolute;
    padding-top: 40px;
    padding-left: 120px;
    text-shadow: 0 0 5px white;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.TEL2:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:630px) {
    .TEL2 {
        display: none;
    }
}

.TEL2down {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 230px;
    margin: 15px auto 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.stati .TEL2down {
    width: 300px;
}

.TEL2down:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 2.5s infinite;
}

@-webkit-keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.TEL2down:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px gold;
}

.TEL1 {
    width: 300px;
    font-size: calc(0.8em + 0.5vw);
    position: absolute;
    padding-top: 10px;
    padding-left: 120px;
    text-shadow: 0 0 5px white;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.TEL3Important {
    z-index: 1;
    font-size: 1.4em;
    font-weight: 500;
    position: absolute;
    padding: 23px 0 0 470px;
    text-shadow: 0 0 5px white;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
    text-decoration: underline;
}

.TEL3Important:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
    text-shadow: -1px 2px 7px white;
}

@media(min-width:631px) and (max-width: 1260px) {
    .TEL3Important {
        position: fixed;
        right: 80px;
        top: -10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        text-shadow: -1px 2px 7px white;
    }
}

/*@media(min-width:320px) and (max-width:391px){*/
/*    .TEL3Important{*/
/*        font-size:2.5em;*/
/*        font-weight: 800;*/
/*        padding:40px 0 0 150px;*/
/*        -webkit-transition: ease 500ms;*/
/*        -o-transition: ease 500ms;*/
/*        transition: ease 500ms;*/
/*    }*/
/*}*/

@media(max-width:630px) {
    .TEL3Important {
        font-size: 2.0em;
        font-weight: 800;
        padding: 40px 0 0 150px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}



@media(min-width:1800px) {
    .TEL3Important {
        display: none;
    }
}

@media(min-width: 1260px) and (max-width:1800px) {
    .TEL3Important {
        display: none
    }
}


@media(min-width:1260px) and (max-width:1549px) {
    .TEL32Important {
        font-weight: 100;
        position: absolute;
        top: 47px;
        left: 90px;
        text-shadow: 0 0 5px white;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 70;
        width: fit-content;
        max-width: 200px;
        pointer-events: none;
    }
}

@media(min-width:1550px) and (max-width:2010px) {
    .TEL32Important {
        font-size: 1.2em;
        font-weight: 400;
        position: absolute;
        top: 150px;
        left: 80px;
        text-shadow: 0 0 3px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 70;
        width: fit-content;
        max-width: 250px;
        pointer-events: none;
    }
}

@media(min-width:2010px) and (max-width:2250px) {
    .TEL32Important {
        font-size: 1.2em;
        font-weight: 400;
        position: absolute;
        top: 150px;
        left: 210px;
        text-shadow: 0 0 3px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 70;
        width: fit-content;
        max-width: 250px;
        pointer-events: none;
    }
}

@media(min-width:2250px) and (max-width:2550px) {
    .TEL32Important {
        font-size: 1.3em;
        font-weight: 400;
        position: absolute;
        top: 40px;
        left: 570px;
        text-shadow: 0 0 5px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 70;
        width: fit-content;
        max-width: 300px;
        pointer-events: none;
    }
}

@media(min-width:2550px) and (max-width:3333px) {
    .TEL32Important {
        font-size: 1.3em;
        font-weight: 400;
        position: absolute;
        top: 40px;
        left: 640px;
        text-shadow: 0 0 5px white;
        -webkit-text-decoration: underline green;
        text-decoration: underline green;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 70;
        width: fit-content;
        max-width: 300px;
        pointer-events: none;
    }
}

/*---------------------------------------------------------------------------------------Start---for calculation -----*/
@media(max-width:1260px) {
    .TEL32ImportantCalc {
        position: fixed;
        top: 75px;
        right: 0;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 100;
    }
}

@media(min-width:1260px) and (max-width:1550px) {
    .TEL32ImportantCalc {
        position: fixed;
        top: 90px;
        right: 20px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 100;
    }
}

@media(min-width:1550px) and (max-width:2120px) {
    .TEL32ImportantCalc {
        position: fixed;
        top: 80px;
        right: 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 100;
    }
}

@media(min-width:2120px) and (max-width:2250px) {
    .TEL32ImportantCalc {
        position: fixed;
        top: 3px;
        right: 200px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10035;
    }
}

@media(min-width:2250px) and (max-width:2800px) {
    .TEL32ImportantCalc {
        position: fixed;
        top: 3px;
        right: 270px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10035;
    }
}

@media(min-width:2800px) and (max-width:5000px) {
    .TEL32ImportantCalc {
        position: fixed;
        top: 0;
        right: 550px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10035;
    }
}

/*---------------------------------------------------------------------------------------End-----for calculation -----*/
/*---------------------------------------------------------------------------------------Start---for Yandex good point*/
@media(max-width:1260px) {
    .TEL32ImportantYandex {
        position: fixed;
        top: 75px;
        left: 0;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 99;
    }
}

@media(min-width:1260px) and (max-width:1550px) {
    .TEL32ImportantYandex {
        position: fixed;
        top: 90px;
        left: 20px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 99;
    }
}

@media(min-width:1550px) and (max-width:2120px) {
    .TEL32ImportantYandex {
        position: fixed;
        top: 80px;
        left: 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10030;
    }
}

@media(min-width:2120px) and (max-width:2250px) {
    .TEL32ImportantYandex {
        position: fixed;
        top: 0;
        left: 35px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10030;
    }
}

@media(min-width:2250px) and (max-width:2800px) {
    .TEL32ImportantYandex {
        position: fixed;
        top: 0;
        left: 270px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10030;
    }
}

@media(min-width:2800px) and (max-width:5000px) {
    .TEL32ImportantYandex {
        position: fixed;
        top: 0;
        left: 550px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        z-index: 10030;
    }
}

/*---------------------------------------------------------------------------------------End-----for Yandex good point*/


/* Разрешаем клики сквозь пустые области контейнеров, которые перекрываются */
.TEL4,
.TEL42,
.TEL32ImportantCalc,
.TEL1,
.TEL2,
.TEL3,
.TEL3Important,
.fixed-tab {
    pointer-events: none;
}

/* Возвращаем кликабельность самим ссылкам внутри этих контейнеров */
.TEL4 a,
.TEL42 a,
.TEL32ImportantCalc a,
.TEL1 a,
.TEL2 a,
.TEL3 a,
.TEL3Important a,
.fixed-tab a {
    pointer-events: auto;
}

/* Обеспечиваем кликабельность кнопки консультации */
/* Consolidated with line 886 */

/* Расширяем область клика ТОЛЬКО для основных блоков услуг на главной и кнопок «Оставить заявку» (Правило кнопки ЖКХ) */
.order a::after,
.orderLink1 a::after,
.orderLink2 a::after,
.orderLink3 a::after,
.orderLink4 a::after,
.orderLink5 a::after,
.orderLink6 a::after,
.TEL2down a::after,
.fixed-tab a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

/* Возвращаем кликабельность ссылкам внутри TEL32Important */
.TEL32Important a,
.TEL32Important img,
.TEL32ImportantCalc {
    pointer-events: auto !important;
}

/* Уменьшаем z-index калькулятора, чтобы он был под меню */
/* .TEL32ImportantCalc {
    z-index: 9996 !important;
} */

/* Увеличиваем z-index для sidebar меню на stati.html, чтобы оно было выше всех элементов */
.sidebar-nav,
#sidebarNav {
    z-index: 10050 !important;
}

.fixed-tab {
    /* Создание линейного градиента */
    /*background: linear-gradient(to right, darkviolet, blueviolet, blue, green, red, darkviolet);*/
    background: -webkit-gradient(linear, left top, right top, from(blueviolet), color-stop(darkblue), color-stop(darkviolet), color-stop(lawngreen), color-stop(darkblue), color-stop(darkviolet), to(blueviolet));
    background: -o-linear-gradient(left, blueviolet, darkblue, darkviolet, lawngreen, darkblue, darkviolet, blueviolet);
    background: linear-gradient(to right, blueviolet, darkblue, darkviolet, lawngreen, darkblue, darkviolet, blueviolet);
    /* Определение анимации */
    background-size: 900% 100%;
    -webkit-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    position: fixed;
    top: 60%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10035;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-weight: normal;
    text-align: center;
    height: 257px;
    width: 24px;
    border-radius: 0 10px 10px 0;
    /*background:-o-linear-gradient(45deg,lawngreen,yellow);*/
    /*background:linear-gradient(45deg,lawngreen,yellow);*/
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

/* Определение анимации */
@-webkit-keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.fixed-tab:hover {
    -webkit-box-shadow: 0 0 7px red;
    box-shadow: 0 0 7px red;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.fixed-tabNoneMove {
    position: fixed;
    top: 60%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 7px;
    z-index: 2;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-weight: normal;
    text-align: center;
    height: 250px;
    width: 20px;
    -webkit-box-shadow: 0 0 7px green;
    box-shadow: 0 0 7px green;
    font-size: large;
    border-radius: 0 10px 10px 0;
    background: -o-linear-gradient(45deg, lawngreen, yellow);
    background: linear-gradient(45deg, lawngreen, yellow);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:850px) {

    .fixed-tab,
    .fixed-tabNoneMove {
        padding: 3px 0 0 0;
        width: 17px;
    }

    .fixed-tab strong {
        position: relative;
        left: -3px;
    }
}

.fixed-tabNoneMove:hover {
    -webkit-box-shadow: 0 0 7px red;
    box-shadow: 0 0 7px red;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}


@media(min-width:1260px) and (max-width:1549px) {
    .about {
        position: fixed;
        overflow: hidden;
        text-align: center;
        padding: 0 5px 9px;
        border-radius: 0 0 50px 50px;
        -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
        box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        background: -o-linear-gradient(45deg, grey, white)
            /*#474747*/
        ;
        background: linear-gradient(45deg, grey, white)
            /*#474747*/
        ;
        width: 200px;
        margin: 23px auto 0;
        font-size: 22px;
        font-weight: 700;
        text-decoration: none;
        font-family: Oswald-Light;
        z-index: 10;
    }

    .about:before {
        content: '';
        width: 100%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.9;
        background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
        background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
        background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        -ms-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
        -webkit-animation: blick 2.5s infinite;
        animation: blick 2.5s infinite;
    }

    @-webkit-keyframes blick {
        0% {
            -webkit-transform: translate(-100%, -25%) rotate(10deg);
            transform: translate(-100%, -25%) rotate(10deg);
        }

        20% {
            -webkit-transform: translate(100%, -25%) rotate(10deg);
            transform: translate(100%, -25%) rotate(10deg);
        }

        100% {
            -webkit-transform: translate(100%, -25%) rotate(10deg);
            transform: translate(100%, -25%) rotate(10deg);
        }
    }

    @keyframes blick {
        0% {
            -webkit-transform: translate(-100%, -25%) rotate(10deg);
            transform: translate(-100%, -25%) rotate(10deg);
        }

        20% {
            -webkit-transform: translate(100%, -25%) rotate(10deg);
            transform: translate(100%, -25%) rotate(10deg);
        }

        100% {
            -webkit-transform: translate(100%, -25%) rotate(10deg);
            transform: translate(100%, -25%) rotate(10deg);
        }
    }

    .about:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: -1px 1px 2px gold;
    }
}

/*---------------------------------------------------------------------------------------------------About-me---------*/
.About {
    background: #abbaab;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(left, #ffffff, #abbaab);
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#abbaab));
    background: linear-gradient(to right, #ffffff, #abbaab);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding-bottom: 100px;
    background-size: cover;
}

.IMGAboutIndex {
    float: left;
    width: 280px;
    margin: 0 50px 30px 0;
    border-radius: 25px;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width: 768px) {
    .IMGAboutIndex {
        display: block;
        float: none;
        width: 300px;
        margin: 20px auto 15px;
        border-radius: 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width: 500px) {
    .IMGAboutIndex {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

.IMGAbout {
    float: left;
    width: 400px;
    margin: 20px 50px 30px 70px;
    border-radius: 25px;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.IMGAbout:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

/*1460px*/
@media(max-width: 1024px) {
    .IMGAbout {
        display: block;
        float: none;
        width: 400px;
        margin: 20px auto 15px;
        border-radius: 10px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width: 500px) {
    .IMGAbout {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

.zoomTelega {
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.zoomTelega:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.font-weight-light {
    font-weight: 600;
}

.font-weight-light-400 {
    font-weight: 400;
}

.flexAbout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-family: Oswald-Light;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.About-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    font-size: 1.5em;
    font-family: Oswald-Light;
    text-shadow: 0 0 1px white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: 900px;
    margin: 15px 35px 0;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.About-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    font-size: 1.5em;
    font-family: Oswald-Light;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: 900px;
    margin: 15px 35px 0;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:1260px) and (min-width:620px) {
    .About-1 {
        font-weight: 500;
        font-size: 1.4em;
        margin: 15px 25px 0;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }

    .About-2 {
        font-weight: 500;
        font-size: 1.4em;
        margin: 15px 25px 0;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(max-width:620px) {
    .flexAbout {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }

    .About-1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 90%;
        text-align: center;
        font-size: 1.2em;
        font-weight: 500;
        margin: 15px auto 0;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }

    .About-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 90%;
        font-size: 1.2em;
        font-weight: 500;
        margin: 15px auto 0;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

.aboutText1 {
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 15px 10px;
    font-family: Oswald-Light;
    text-shadow: 0 0 1px white;
}

.fontSize {
    font-weight: 500;
    font-size: 1.3em;
}

.About-3 {
    font-size: 1.0em;
    font-family: Oswald-Light;
    width: 90%;
    max-width: 1200px;
    margin: 1.5em auto;
}

/*--------------------------------------------------------------------------------------------------/About-me---------*/
@media(max-width:390px) {
    .TEL1 {
        display: none;
    }

    .TEL3 {
        padding: 28px 0 0 150px;
        font-size: 1.25em;
    }

    .TEL3Important {
        padding: 28px 0 0 130px;
        font-size: 2.0em;
        font-weight: 600;
    }
}

@media(min-width:620px) and (max-width:850px) {
    .TEL1 {
        font-size: calc(0.5em + 0.5vw);
        padding-top: 5px;
    }

    .TEL2 {
        font-size: calc(0.7em + 0.7vw);
        padding-top: 34px;
    }
}

@media(min-width:850px) and (max-width:1260px) {
    .TEL1 {
        font-size: calc(0.40em + 0.40vw);
        padding-top: 5px;
    }

    .TEL2 {
        font-size: calc(0.7em + 0.6vw);
        padding-top: 35px;
    }
}

@media(min-width:1260px) and (max-width: 2150px) {
    .TEL1 {
        font-size: calc(0.3em + 0.3vw);
        padding-top: 6px;
    }

    .TEL2 {
        font-size: calc(0.5em + 0.5vw);
        padding-top: 32px;
    }
}

@media(min-width:2150px) and (max-width: 7000px) {
    .TEL1 {
        font-size: calc(0.20em + 0.25vw);
        padding-top: 6px;
    }

    .TEL2 {
        font-size: calc(0.5em + 0.4vw);
        padding-top: 35px;
    }
}

@media(min-width:2900px) and (max-width: 3700px) {
    .TEL1 {
        font-size: calc(0.15em + 0.2vw);
        padding-top: 6px;
    }

    .TEL2 {
        font-size: calc(0.5em + 0.4vw);
        padding-top: 35px;
    }
}

@media(min-width:3700px) and (max-width: 5000px) {
    .TEL1 {
        font-size: calc(0.10em + 0.15vw);
        padding-top: 6px;
    }

    .TEL2 {
        font-size: calc(0.5em + 0.4vw);
        padding-top: 35px;
    }
}

.None850px {
    position: absolute;
    top: 90px;
    left: 52%;
    text-align: center;
    overflow: hidden;
    padding: 0 10px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 200px;
    margin-left: -105px;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.None850px:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 2.5s infinite;
}

@-webkit-keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.None850px:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px gold;
}

@media(min-width:1260px) and (max-width: 5000px) {
    .None850px {
        position: absolute;
        top: 90px;
        left: 50%;
    }
}

@media(min-width:600px) and (max-width: 1260px) {
    .None850px {
        position: absolute;
        top: 90px;
        left: 51%;
    }
}

@media(min-width:420px) and (max-width: 600px) {
    .None850px {
        position: absolute;
        top: 90px;
        left: 52%;
    }
}

@media(min-width:300px) and (max-width: 420px) {
    .None850px {
        position: absolute;
        top: 90px;
        left: 53%;
    }
}


@media(max-width:661px) {
    .none661 {
        display: none;
    }
}


.None850px2 {
    position: absolute;
    top: 90px;
    left: 51%;
    text-align: center;
    overflow: hidden;
    padding: 0 5px 9px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -6px 0 0 rgba(197, 137, 29, 0.55);
    box-shadow: inset 0 -6px 0 0 rgba(97, 37, 29, 0.55);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: -o-linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    background: linear-gradient(45deg, grey, white)
        /*#474747*/
    ;
    width: 235px;
    margin-left: -130px;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    font-family: Oswald-Light;
}

.None850px2:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 2.5s infinite;
    animation: blick 2.5s infinite;
}

@-webkit-keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.None850px2:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: -1px 1px 2px gold;
}




@media(min-width:1461px) {
    .None850px2 {
        position: absolute;
        left: 53%;
    }
}

@media(max-width: 2250px) and (min-width:1461px) {
    .None850px2 {
        position: absolute;
        left: 54%;
    }
}

@media(min-width: 661px) and (max-width: 1461px) {
    .None850px2 {
        position: absolute;
        top: 95px;
        left: 53%;
        display: block;
    }
}

@media(min-width: 500px) and (max-width: 660px) {
    .None850px2 {
        position: absolute;
        left: 54%;
        width: 200px;
    }
}

@media(min-width: 350px) and (max-width: 560px) {
    .None850px2 {
        position: absolute;
        left: 57%;
        width: 200px;
    }
}

@media(min-width: 300px) and (max-width: 350px) {
    .None850px2 {
        position: absolute;
        left: 62%;
        width: 180px;
    }
}

.consultation {
    text-shadow: none;
    color: black;
    background: -o-linear-gradient(80deg, silver, lawngreen, yellow, silver);
    background: -o-linear-gradient(10deg, silver, lawngreen, yellow, silver);
    background: linear-gradient(80deg, silver, lawngreen, yellow, silver);
}

.nav-container {
    max-width: 1600px;
    margin: 0 auto;
}

#menu {
    float: right;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu ul li {
    float: left;
    position: relative;
}

#menu ul li a,
#menu ul li a:visited {
    display: block;
    padding: 0 20px;
    line-height: 70px;
    background: silver;
    /*#262626;*/
    color: darkblue;
    text-shadow: 0 0 2px white;
    text-decoration: none;
}

#menu ul li a:hover,
#menu ul li a:visited:hover {
    background: lightgrey
        /*#2581DC*/
    ;
}

#menu ul li:has(> ul)>a:after,
#menu ul li:has(> ul)>a:visited:after {
    padding-left: 4px;
    content: ' ▾';
}

#menu ul li ul li {
    min-width: 500px;
}

@media(max-width:1720px) {
    #menu ul li ul li {
        min-width: 400px;
    }
}

@media(max-width:600px) {
    #menu ul li ul li {
        min-width: 380px;
    }
}

@media(max-width:430px) {
    #menu ul li ul li {
        min-width: 295px;
    }
}

#menu ul li ul li a {
    padding: 15px;
    line-height: 33px;
}

.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.LI {
    color: black;
    padding-left: 5px;
}

/* Mobile navigation */

.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: silver
        /*#262626*/
    ;
    height: 70px;
    width: 70px;
}

@media only screen and (max-width: 1554px) {
    .nav-mobile {
        display: block;
    }

    #menu {
        width: 100%;
        padding: 70px 0 15px;
    }

    #menu ul {
        display: none;
    }

    #menu ul li {
        float: none;
        text-align: right;
    }

    #menu>ul>li>a {
        padding: 15px 10px;
        /* Увеличено для удобства нажатия (Touch Target) */
        line-height: 20px;
        font-size: 1.5em;
        font-weight: bold;
        border-top: solid 1px black;
        /* Одиночная линия сверху каждого пункта */
        display: block;
    }

    .nav-list {
        border-bottom: solid 1px black;
        /* Линия в самом низу всего списка в мобильном виде */
    }


    #menu ul li ul li a {
        padding-left: 30px;
    }

    .nav-dropdown {
        position: static;
    }
}

@media screen and (min-width: 1555px) {
    .nav-list {
        display: block;
    }

    .nav-list li:hover .nav-dropdown {
        display: block;
    }
}

@media(max-width:670px) {
    #menu ul li a {
        font-size: 1.8em;
        text-align: right;
    }
}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 25px;
    cursor: pointer;
    padding: 10px 35px 16px 0;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: grey;
    /*box-shadow: 0 0 2px black;*/
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*-------------------------------------------------------------------------------------------------/Menu-New----------*/
.home {
    position: fixed;
    padding: 0 10px 0 0;
    right: 0;
    bottom: 0;
    width: 290px;
    height: 30px;
    text-align: right;
    color: darkblue;
    text-shadow: -1px 1px 2px gold;
    background: -o-linear-gradient(45deg, lawngreen, white, silver, grey);
    background: linear-gradient(45deg, lawngreen, white, silver, grey);
    border: solid 2px darkblue;
    -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
    font-size: 1.4em;
    z-index: 2;
}

.sale {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 6px 30px;
    height: auto;
    color: #000;
    text-decoration: none;
    background: linear-gradient(45deg, #32cd32, #adff2f, #32cd32);
    background-size: 200% auto;
    border: 1px solid #228b22;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(34, 139, 34, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: fit-content;
    margin: 45px auto 0;
    font-family: Oswald-Light;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: pulse 2s infinite;
}

.sale a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.sale strong {
    font-size: 1.4em;
    font-weight: 700;
}

.sale img {
    width: 24px;
    height: auto;
    transition: transform 0.3s ease;
}

.sale:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 3.5s infinite;
    animation: blick 3.5s infinite;
}

@-webkit-keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.sale:hover {
    transform: scale(1.08) translateY(-3px);
    box-shadow: 0 8px 25px rgba(34, 139, 34, 0.6);
    background-position: right center;
}

.sale:hover img {
    transform: translateX(5px);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(50, 205, 50, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(50, 205, 50, 0);
    }
}

/*-------------------------------------------------------------------------------------------Start--hover--Blick------*/
a.button_nav_Down {
    width: 270px;
    height: 50px;
    display: block;
    position: relative;
    margin: auto;
    overflow: hidden;
    border: 1px solid #333333;
    color: white;
    font-family: Oswald-Light;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .4);
    border-radius: 25px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: -o-linear-gradient(to bottom, green 35%, transparent 49%, transparent 50%, lawngreen 75%);
    background-image: -o-linear-gradient(top, darkgreen 35%, grey 49%, grey 50%, lawngreen 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, darkgreen), color-stop(49%, grey), color-stop(50%, grey), color-stop(75%, lawngreen));
    background-image: linear-gradient(to bottom, darkgreen 35%, grey 49%, grey 50%, lawngreen 75%);
}

a.button_nav_Down span.text_nav_Down {
    position: absolute;
    top: 4px;
    left: 47px;
    font-family: Oswald-Light;
    font-size: x-large;
    text-shadow: -2px -1px 0 darkgreen;
}

a.button_nav_Down span.shine_nav_Down {
    content: '';
    position: absolute;
    height: 400px;
    width: 40px;
    background: white;
    top: -80px;
    left: -20px;
    display: block;
    opacity: 0.7;
    -webkit-box-shadow: 0 0 20px 10px white;
    box-shadow: 0 0 20px 10px white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

a.button_nav_Down:hover {
    background-position: -200% 0, 0 0;
}

a.button_nav_Down:active {
    -webkit-box-shadow: inset 0 1px 15px 0 rgba(0, 0, 0, .4), inset 0 1px 1px 1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(255, 255, 255, .5);
    box-shadow: inset 0 1px 15px 0 rgba(0, 0, 0, .4), inset 0 1px 1px 1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(255, 255, 255, .5);
}

a.button_nav_Down:hover span.shine_nav_Down {
    left: 170px;
    top: -300px;
}

/*--------------------------------------------------------------------------------------------------Start---Blick-----*/
.button_nav_Down:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 1.5s infinite;
    animation: blick 1.5s infinite;
}

@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}

/*---------------------------------------------------------------------------------------------------------/Blick-----*/
/*------------------------------------------------------------------------------------------------------start-footer--*/
.oferta {
    width: 90%;
    margin: 10px auto;
    color: white;
    text-shadow: -1px 1px 3px darkblue;
    font-family: Oswald-Light;
    font-size: calc(0.5em + 0.6vw)
}

@media(max-width:1300px) {
    .footerFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: url("img/background/uridicheskaya-konsultaciya.webp");
        background-size: cover;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        min-height: 250px;
        -webkit-box-shadow: 0 0 10px darkblue;
        box-shadow: 0 0 10px darkblue;
        font-family: Oswald-Light;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

@media(min-width:1300px) {
    .footerFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: url("img/background/law-banner2.webp");
        background-size: cover;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        min-height: 250px;
        -webkit-box-shadow: 0 0 10px darkblue;
        box-shadow: 0 0 10px darkblue;
        font-family: Oswald-Light;
        -webkit-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
    }
}

.footerFlex1 {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}

.footerFlex2 {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footerFlex3 {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: right;
}

.footer-icons-wrap {
    padding-right: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px;
    margin-bottom: 15px;
}

.PP {
    color: white;
    text-shadow: -2px 2px 2px black;
    font-size: 1.0em;
}

.C {
    color: white;
    text-shadow: -2px 2px 2px black;
}

.Telegram {
    width: 50px;
    padding-right: 0;
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

.Telegram:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: ease 500ms;
    -o-transition: ease 500ms;
    transition: ease 500ms;
}

@media(max-width:800px) {
    .Telegram {
        width: 50px;
        padding-right: 0;
    }

    /* Forced Footer Reorder */
    .footerFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footerFlex3 {
        display: contents;
    }

    .footer-icons-wrap {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .footerFlex1,
    .footerFlex2,
    .footerFlex3>.oferta {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
        padding: 5px 10px;
    }

    .footerFlex1 {
        order: 1;
    }

    .footerFlex2 {
        order: 3;
    }

    .footerFlex3>.oferta {
        order: 2;
    }
}

/*------------------------------------------------------------------------------------------------------------footer--*/
/*------------------------------------------------------------------------------------------------------Start PP------*/
.bodyPP {
    margin: 0;
    padding: 0;
    background: url("img/background/ZHKH-konsalt.jpg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.PPGreen {
    text-align: center;
    padding: 0 15px;
    font-weight: 100;
    color: lawngreen;
    text-shadow: -1px 1px 1px green;
}

@media(max-width:500px) {
    .PPGreen {
        margin-top: -60px;
        font-size: medium;
    }
}

.centerWhite4 {
    position: relative;
    text-align: center;
    margin: 20px 20% 3%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.7em 0.7em;
    outline: none;
    border-radius: 3px / 100%;
    background-image:
        -o-linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%),
        -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .3)),
        -o-linear-gradient(left, rgba(125, 125, 125, 1), rgba(255, 255, 255, .9) 45%, rgba(125, 125, 125, .5)),
        -o-linear-gradient(left, rgba(125, 125, 125, 1), rgba(255, 255, 255, .9) 45%, rgba(125, 125, 125, .5)),
        -o-linear-gradient(left, rgba(223, 190, 170, 1), rgba(255, 255, 255, .9) 45%, rgba(223, 190, 170, .5)),
        -o-linear-gradient(left, rgba(223, 190, 170, 1), rgba(255, 255, 255, .9) 45%, rgba(223, 190, 170, .5));
    background-image:
        linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%),
        linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .3)),
        linear-gradient(to right, rgba(125, 125, 125, 1), rgba(255, 255, 255, .9) 45%, rgba(125, 125, 125, .5)),
        linear-gradient(to right, rgba(125, 125, 125, 1), rgba(255, 255, 255, .9) 45%, rgba(125, 125, 125, .5)),
        linear-gradient(to right, rgba(223, 190, 170, 1), rgba(255, 255, 255, .9) 45%, rgba(223, 190, 170, .5)),
        linear-gradient(to right, rgba(223, 190, 170, 1), rgba(255, 255, 255, .9) 45%, rgba(223, 190, 170, .5));
    background-repeat: no-repeat;
    background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 10px 10px -10px;
    box-shadow: rgba(0, 0, 0, .5) 3px 10px 10px -10px;
}

.centerWhite4:hover {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}

.centerDDD4 {
    font-family: Oswald-Light;
    color: white;
    text-shadow: -1px 1px 1px black;
    font-size: x-large;
    margin: 0 15px 0;
    font-weight: 500;
    letter-spacing: 2px;
}

@media(min-width:420px) {
    .centerDDD4 {
        margin: 0 15px 0 30px;
    }
}

@media(max-width:700px) {
    .centerWhite4 {
        margin: 20px 5% 3%;
        ;
    }
}

/*@media(min-width:1024px){
    .viber{
        display: none;
    }
}*/
.H5PP {
    text-align: left;
    font-family: Oswald-Light;
    margin: 0 20px;
    color: black;
}

.centerPP {
    text-align: center;
    color: black;
    margin: 5px;
}

.footer {
    padding: 10px;
    margin-top: auto;
    -webkit-box-shadow: inset 0 0 10px 0 cyan;
    box-shadow: inset 0 0 10px 0 cyan;
    background: url('img/background/Footer365.jpg') no-repeat;
    opacity: 0.7;
    background-size: cover;
    text-align: center;
}

@media (max-width:1340px) and (min-width:900px) {
    .footer {
        background: url('img/background/Footer365.jpg') center no-repeat;
        opacity: 0.7;
        background-size: cover;

    }
}

.DarkGreen {
    text-align: center;
    padding: 0 15px;
    font-weight: 300;
    color: darkgreen;
    text-shadow: 1px -1px 0 black;
}

@media(max-width:500px) {
    .DarkGreen {
        font-size: small;
    }
}

.DarkGreen {
    text-align: center;
    padding: 0 15px;
    font-weight: 300;
    color: darkgreen;
    text-shadow: 1px -1px 0 black;
}

@media(max-width:500px) {
    .DarkGreen {
        font-size: small;
    }
}

.orderPP {
    margin: 0 220px;
    font-size: calc(0.6em + .8vw);
}

@media(max-width:1020px) {
    .orderPP {
        margin: 0 30px;
        font-size: calc(0.8em + 1.1vw);
    }
}

/*-----------------------------------------------------------------------------------------------------------/PP------*/
/*
.wrp_footer {
    padding-right: 4%;
    padding-left: 4%
}
.container_navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1170px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.container_brand_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.brand_footer {
    width: 145px;
    height: 33px;
    background-image: url("img/Logo/ZHKH-konsaltCUTClean.png");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}
.line_logo {
    width: 1px;
    height: 45px;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #c3c3c3
}
.nav_link {
    display: inline-block;
    color: #171717;
    text-shadow: 0 0 5px white;
    text-decoration: none
}

.nav_link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #10a1cd;
    -webkit-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out;
    margin-top: 4px
}

.nav_link:hover::after {
    width: 100%
}
.nav_link {
    margin-right: 35px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #474747;
    font-size: 14px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: .5px;
    text-decoration: none
}
.w-inline-block {
    max-width: 100%;
    display: inline-block
}
.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.text_brand_footer {
    max-width: 135px;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400
}
.navbar_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.Color4e514b {
    color:#4e514b;
}
.container_phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.CLOSE_rekvizit{
    position: -webkit-sticky;
    position: sticky;
    text-align:center;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    height: 60px;
    font-size: large;
    color:#555;
    background: -o-linear-gradient(top, transparent, #fff 90%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, #fff));
    background: linear-gradient(180deg, transparent, #fff 90%)
}
.CLOSE_rekvizit:hover{
    color:black;
    font-weight:700;}
.phone_head{
    color:#474747;;
    font-weight: 700;
    text-decoration: none;
    font-size:x-large;
}
.wrp_phone_mobile {
    display: none
}
.container_phone_sticky {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.phone_head_mob {
    display: none;
    color: #474747;
    font-weight: 700;
    text-decoration: none
}
/*-----------------------------------------------------------Start---Blick-----/
.container_phone_sticky:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0; left: 0;
    opacity: 0.9;
    background: -o-linear-gradient(right, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, #fff), color-stop(60%, #fff), to(transparent));
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    -webkit-transform: translate(-100%, -25%) rotate(10deg);
    -ms-transform: translate(-100%, -25%) rotate(10deg);
    transform: translate(-100%, -25%) rotate(10deg);
    -webkit-animation: blick 5.5s infinite;
    animation: blick 5.5s infinite;
}
@keyframes blick {
    0% {
        -webkit-transform: translate(-100%, -25%) rotate(10deg);
        transform: translate(-100%, -25%) rotate(10deg);
    }
    20% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
    100% {
        -webkit-transform: translate(100%, -25%) rotate(10deg);
        transform: translate(100%, -25%) rotate(10deg);
    }
}
------------------------------------------------------------------------End---Blick-----
@media(max-width:885px) {
    .container_navbar {
        display: none;
        margin-top: 15px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}
@media(max-width:767px) {
    .phone_head_mob {
        display: block;
        margin-bottom: 10px
    }
    .phone_head_mob._1 {
        margin-bottom: 0;
        color: #fff;
        letter-spacing: .5px
    }
    .wrp_phone_mobile {
        position: fixed;
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
        z-index: 900;
        display: block;
        background-color: #474747
    }
    .container_phone_sticky {
        text-align: center
    }
    .text_brand_footer {
        max-width: 100%;
        text-align: center
    }
    .container_navbar {
        margin-top: 10px
    }
    .footer {
        display: block;
        padding-bottom: 60px
    }
    .brand_footer {
        width: 100px;
        height: 28px;
        max-width: 100px
    }
    .container_phone.sticky {
        display: none
    }
}
@media(max-width:479px) {
    .phone_head_mob {
        margin-bottom: 0
    }
    .container_navbar {
        margin-top: 5px
    }
    .brand_footer {
        width: 87px;
        height: 25px;
        max-width: 87px
    }
    .text_brand_footer {
        max-width: 236px
    }
}
@media(max-width:991px) {
    .footer {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .text_brand_footer {
        margin-top: 10px
    }
    .container_brand_footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .container_brand_footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .brand_footer{
        position:relative;
        width:120px;
        height:30px
    }
    .line_logo {
        display: none
    }
    .text_brand_footer {
        margin-top: 10px
    }
    .container_phone {
        margin-right: 0
    }
}

/-----------------------------------------------------------------------------------------------------------/footer--*/

/* Sidebar Navigation Styles */
/* Sidebar Navigation Styles - Removed duplicates to rely on stati.html */

/* SEARCH HINT POPUP */
.hint-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20000;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.hint-popup-overlay.show-popup {
    opacity: 1;
    visibility: visible;
}

.hint-popup {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
    max-width: 400px;
    width: 90%;
    transform: translateY(-20px);
    transition: transform 0.5s ease;
}

.hint-popup-overlay.show-popup .hint-popup {
    transform: translateY(0);
}

.hint-popup h3 {
    font-family: 'Oswald-Light', sans-serif;
    color: #222;
    margin-bottom: 0px;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hint-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    transition: color 0.3s;
    line-height: 1;
}


.hint-popup-close:hover {
    color: #333;
}

.hint-popup-menu-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.hint-popup-menu-btn:hover {
    transform: scale(1.05);
}

.hint-popup-menu-btn svg {
    width: 40px;
    height: 40px;
    stroke: #333;
    transition: stroke 0.3s;
}

.hint-popup-menu-btn:hover svg {
    stroke: #6F5EBD;
}

.hint-popup-menu-btn span {
    font-size: 0.9em;
    color: #555;
    margin-top: 5px;
    font-family: 'Oswald-Light', sans-serif;
}

/* -------------------------------------------------для страницы Статей------------*/
.swiper-slide img {
    display: block;
    width: 100%;
    height: 540px;
    z-index: 1;
}

@media (min-width: 2100px) {
    .swiper-slide img {
        height: 640px;
        object-fit: contain;
    }
}

@media (min-width: 1024px) and (max-width:1620px) {
    .swiper-slide img {
        height: 570px;
        object-fit: contain;
    }
}

/* Coverage for gap 1621px - 2099px */
@media (min-width: 1621px) and (max-width:2099px) {
    .swiper-slide img {
        height: 600px;
        object-fit: contain;
    }
}

@media (min-width: 639px) and (max-width:1024px) {
    .swiper-slide img {
        height: 550px;
        object-fit: contain;
    }
}

@media (min-width: 420px) and (max-width:639px) {
    .swiper-slide img {
        height: 400px;
        /* Reduced from 540px to avoid huge whitespace */
        object-fit: contain;
    }
}

@media (max-width:420px) {
    .swiper-slide img {
        height: 300px;
        /* Reduced height for better mobile fit */
        object-fit: contain;
        /* Show full image on very small screens if needed, or stick to cover */
    }
}

/* Article 9 Slider: 25% height reduction starting from 640px to prevent cropping */
@media (min-width: 639px) and (max-width: 1024px) {
    #swiper-article-9 .swiper-slide img {
        height: 413px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1620px) {
    #swiper-article-9 .swiper-slide img {
        height: 428px !important;
    }
}

@media (min-width: 1621px) and (max-width: 2099px) {
    #swiper-article-9 .swiper-slide img {
        height: 450px !important;
    }
}

@media (min-width: 2100px) {
    #swiper-article-9 .swiper-slide img {
        height: 480px !important;
    }
}

#swiper-article-9 {
    height: auto !important;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullet {
    background: rgba(128, 128, 128, 0.5);
    /* Серый полупрозрачный фон */
    border-radius: 50%;
    /* Закругленные углы */
    transition: background 0.5s;
    /* Плавное изменение фона за 0.5 секунды */
}

.swiper-button-prev,
.swiper-button-next {
    width: 42px !important;
    /* Размер кнопок увеличен на 25% (было 34px) */
    height: 42px !important;
    /* Размер кнопок увеличен на 25% (было 34px) */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    /* Цвет стрелок (сделан важным из-за перезаписи стилей библиотеки) */
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 18px !important;
    /* Размер стрелок (подобрано под размер кнопки 42px) */
}

.swiper-pagination-bullet {
    width: 16px;
    /* Размер точек пагинации */
    height: 16px;
    /* Размер точек пагинации */
    opacity: 1;
    /* Полная непрозрачность */
    margin: 0 4px;
    /* Отступы между точками */
}

.swiper-pagination-bullet-active {
    background: white;
    /* Фон активной точки пагинации */
}

.navigation {
    z-index: 1000;
}



/* ========== Sidebar Navigation Styles ========== */
.sidebar-nav {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 300px !important;
    max-width: 300px !important;
    height: 100vh !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-right: 2px solid rgba(102, 126, 234, 0.3);
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
    z-index: 10020;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
}

.sidebar-nav.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

.sidebar-header {
    padding: 20px 15px 15px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    position: sticky;
    top: 0;
    height: auto;
    /* Разрешаем высоте подстраиваться под контент (заголовок + поиск) */
    z-index: 10;
    background: #6c75df;
    /* Цвет из начала градиента для бесшовности */
}

.sidebar-header h3 {
    margin: 0;
    font-size: 1.1em;
    color: white;
}

#searchResults {
    display: none;
    position: absolute;
    top: 100%;
    /* Всегда начинаться ровно под хедером */
    left: 0;
    /* Растягиваем на всю ширину */
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #444;
    font-size: 1.2em;
    color: white;
    z-index: 1000;
    /* Гарантируем, что поиск всегда поверх списка меню */
    cursor: pointer;
}

.sidebar-close-btn {
    position: absolute;
    top: 20px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 1.5em;
    color: white;
    cursor: pointer;
}

.sidebar-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 1.2em;
    transition: all 0.3s ease;
    position: relative;
    min-width: 50px;
    height: 50px;
    left: 6px;
    margin-top: 10px;
    pointer-events: auto;
    z-index: 0;
    /* Ensure it is above navigation (10010) */
}

.sidebar-toggle-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

@media (min-width:1260px) {
    .sidebar-toggle-btn {
        left: 0;
        right: auto;
    }
}

#sidebarToggle.scrolled {
    position: fixed;
    top: 150px;
    left: 20px;
    right: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    z-index: 15;
    border: 2px solid white;
}


@media screen and (min-width:2119px) and (max-width:3000px) {
    #sidebarToggle.scrolled {
        top: 170px;
        left: 40px;
        right: auto;
    }
}

@media (min-width:1549px) and (max-width:2119px) {
    #sidebarToggle.scrolled {
        top: 195px;
        left: 17px;
        right: auto;
    }
}

@media (min-width:1260px) and (max-width:1549px) {
    #sidebarToggle.scrolled {
        top: 165px;
        left: 10px;
        right: auto;
    }
}

@media screen and (min-width:1181px) and (max-width:1259px) {
    #sidebarToggle.scrolled {
        top: 120px;
        left: 5px;
        right: auto;
    }
}

@media screen and (max-width:1180px) {
    #sidebarToggle.scrolled {
        top: 130px;
        left: auto;
        right: 7px;
    }
}


.sidebar-toggle-btn.scrolled .btn-text {
    display: none;
}

.btn-text {
    margin-left: 10px;
}

.burger-icon {
    position: relative;
    top: 0;
}

/* ========== Sidebar Menu Items (Flexbox Fix) ========== */
#sidebarNav .sidebar-menu {
    list-style: none !important;
    padding: 15px 0 0 0 !important;
    margin: 0 !important;
    display: block !important;
}

#sidebarNav .sidebar-menu li {
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

#sidebarNav .sidebar-menu li a {
    display: flex !important;
    align-items: center !important;
    /* Vertically align icon/number and text */
    justify-content: flex-start !important;
    /* Force left alignment */
    width: 100% !important;
    padding: 12px 15px 12px 15px !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    font-weight: 400 !important;
    /* Ensure normal weight */
    box-sizing: border-box !important;
    background: transparent !important;
    white-space: normal !important;
    /* Allow wrapping to prevent layout breaking */
    line-height: 1.4 !important;
    text-align: left !important;
    /* Ensure text aligns left when wrapped */
    text-shadow: none !important;
    /* Remove any shadow */
    -webkit-font-smoothing: antialiased;
    /* Make text crisp */
    -moz-osx-font-smoothing: grayscale;
    transition: transform 0.3s ease;
    /* Smooth hover effect */
}

#sidebarNav .sidebar-menu li a:hover {
    transform: translateX(4px);
    /* Shift right on hover */
}

#sidebarNav .sidebar-menu .article-number {
    font-weight: normal;
    margin-right: 8px;
    flex-shrink: 0;
    /* Prevent number from shrinking */
}

/* Remove old conflicts */
.sidebar-menu li a.active {
    background: transparent !important;
}

@media (min-width: 1549px) and (max-width: 2009px) {
    .sidebar-toggle-btn {
        margin-left: 0;
    }
}

@media (max-width: 1259px) {
    .sidebar-toggle-btn {
        margin: 60px auto 10px auto !important;
    }
}

@media (min-width: 1260px) and (max-width: 1549px) {
    .sidebar-toggle-btn {
        margin-top: 60px;
        margin-left: 15px;
    }
}

.sidebar-toggle-wrapper {
    min-height: 80px;
    display: block;
    text-align: center;
    position: relative;
}

html {
    scroll-padding-top: 200px;
}

.stati h2 {
    margin: 20px 20px 0 35px;
}

.iconsLeft {
    margin-left: 20px;
    text-align: left;
    font-size: 0.7em;
}

@media (min-width: 1260px) and (max-width: 1549px) {
    .iconsLeft {
        margin-top: 37px;
    }
}

@media (max-width: 1170px) {
    .iconsLeft {
        margin-left: 57px;
        margin-right: 57px;
    }
}

.btn-download-pdf {
    display: table;
    margin: 20px auto;
    background: linear-gradient(to right, #56ab2f 0%, #a8e063 51%, #56ab2f 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Oswald-Light', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(86, 171, 47, 0.4);
    border: 2px solid #fff;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.btn-download-pdf:hover {
    background-position: right center;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(86, 171, 47, 0.6);
    color: #fff;
}

.btn-download-pdf:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(86, 171, 47, 0.3);
}

/* Sidebar Styles Phase 2 */
.sidebar-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.search-wrapper {
    position: relative;
    margin-top: 10px;
    width: 100%;
}

.article-search-input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 30px 8px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
}

.search-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.search-results-container {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(30, 30, 40, 0.95);
    border: 1px solid #555;
    border-radius: 0 0 5px 5px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1010;
    backdrop-filter: blur(5px);
}

.author-img {
    border-radius: 45px;
    padding: 5px;
}

.author-desc {
    margin-left: 10px;
}

/* ------------------------------------------/End for stati.html */

/* Отступы для списка вопросов на консультации (stati.html) */
#consultation-questions {
    margin-bottom: 10px;
}

@media (min-width: 1060px) {
    #consultation-questions {
        margin-bottom: 150px;
    }
}

/* Отступ при скролле по якорю для раздела Правозащитная деятельность (шапка + отступ) */
.pravo-scroll {
    scroll-margin-top: 0;
}

/*---------------------------------------------------------------------------------------------Start Refactoring answer.html-------*/
.brand-logo {
    width: 110px;
}

.icon-relative-top {
    position: relative;
    top: 5px;
}

.icon-relative-top-3 {
    position: relative;
    top: 3px;
}

.text-green {
    color: green;
}

.nav-link-lg {
    font-size: 18px;
}

.dropdown-spacer {
    padding: 0;
    font-size: 0.1px;
}

/* Глобальные разделители для выпадающих списков */
.nav-dropdown a {
    border-top: solid 1px black;
    font-size: 18px;
    display: block;
}

.nav-dropdown {
    border-bottom: solid 1px black;
}

/* Мобильная адаптация границ: восстановление стандартного вида */
@media only screen and (max-width: 1554px) {
    .nav-dropdown {
        border-bottom: none;
        /* Убираем нижнюю у выпадающего, так как она есть у родителя или следующего пункта */
    }
}

.text-darkblue {
    color: darkblue;
}

.font-weight-100 {
    font-weight: 100;
}

.clear-both {
    clear: both;
}

.iframe-width {
    width: 99%;
}

.absolute-hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.stati-container {
    margin: 0 auto;
    padding: 0 30px;
}

.h2-center {
    margin: 0 auto;
}

.h3-center {
    text-align: center;
}

.answer-container {
    max-width: 1200px;
    margin: auto;
}

.h3-margin {
    margin: 0 20px;
}

.p-margin-line-height {
    margin: 0 20px;
    line-height: 1.5;
}

.font-weight-300 {
    font-weight: 300;
}

.h2-margin-top {
    margin: 25px auto 0;
}

.img-aspect-ratio {
    aspect-ratio: 1/1;
}

.font-weight-400 {
    font-weight: 400;
}

.link-green {
    color: green;
}

.link-grey {
    color: #dadada;
}

.text-shadow-black {
    text-shadow: -1px 1px 2px black;
}

/*---------------------------------------------------------------------------------------------End Refactoring answer.html-------*/

/*---------------------------------------------------------------------------------------------Start Refactoring index.html-------*/
.brand-logo-index {
    width: 110px;
    height: auto;
}

.icon-relative-top-aspect {
    position: relative;
    top: 5px;
    aspect-ratio: 1/1;
}

.text-decoration-underline-green {
    text-decoration: underline green;
}

.text-color-dark-grey {
    color: #2f2f2f;
}

.text-black {
    color: black;
}

.text-left {
    text-align: left;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.order-clear-margin {
    clear: both;
    margin: 0 auto 32px;
}

.h2-margin-side {
    margin: 0 15px;
}

.img-radius-280 {
    width: 280px;
    border-radius: 40px;
}

.img-radius-290 {
    width: 290px;
    border-radius: 40px;
}

.blockquote-font-size {
    font-size: 1.1em;
}

.clear-right {
    clear: right;
}

/* Swiper Controls Customization */
.swiper-slide img {
    display: block;
    width: 100%;
    height: 540px;
    z-index: 1;
}

@media (min-width: 2100px) {
    .swiper-slide img {
        height: 640px;
    }
}

@media (min-width: 1024px) and (max-width:1620px) {
    .swiper-slide img {
        height: 370px;
    }
}

@media (min-width: 639px) and (max-width:1024px) {
    .swiper-slide img {
        height: 350px;
    }
}

@media (min-width: 420px) and (max-width:639px) {
    .swiper-slide img {
        height: 340px;
    }
}

@media (max-width:420px) {
    .swiper-slide img {
        height: 300px;
    }
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullet {
    background: rgba(128, 128, 128, 0.5);
    /* Серый полупрозрачный фон */
    border-radius: 50%;
    /* Закругленные углы */
    transition: background 0.5s;
    /* Плавное изменение фона за 0.5 секунды */
}

.swiper-button-prev,
.swiper-button-next {
    width: 50px;
    /* Размер кнопок */
    height: 50px;
    /* Размер кнопок */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    /* Цвет стрелок */
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 20px;
    /* Размер стрелок */
}

.swiper-pagination-bullet {
    width: 16px;
    /* Размер точек пагинации */
    height: 16px;
    /* Размер точек пагинации */
    opacity: 1;
    /* Полная непрозрачность */
    margin: 0 4px;
    /* Отступы между точками */
}

.swiper-pagination-bullet-active {
    background: white;
    /* Фон активной точки пагинации */
}

/*---------------------------------------------------------------------------------------------End Refactoring index.html-------*/

/* Article Content Utility Classes (Phase 3) */
.statiS-mb-10 {
    margin-bottom: 10px;
}

.statiS-footer-header {
    margin: 100px 20px 0;
}

.statiS-caption-right {
    text-align: right;
    margin-right: 30px;
}

.statiS-text-darkred {
    color: darkred;
}

.statiS-link-underline {
    text-decoration: underline;
}

.link-darkslategrey {
    color: darkslategrey;
}

.font-12 {
    font-size: 12px;
}

.m-0-p-0 {
    margin: 0;
    padding: 0;
}


.m-20 {
    margin: 20px;
}

.max-w-1300 {
    max-width: 1300px;
}

.btn-orange-lawngreen {
    box-shadow: 0 0 4px lawngreen;
    padding: 0 5px 4px;
    border-radius: 5px;
    border: 2px solid darkgrey;
    background: #ea6842;
}

.text-color-1f008b {
    color: #1f008b;
}

.m-0-20 {
    margin: 0 20px;
}


.z-index-10 {
    z-index: 10;
}

.mb-15 {
    margin-bottom: 15px;
}




.m-0-15 {
    margin: 0 15px;
}

.white-shadow-black {
    color: white;
    text-shadow: -1px 1px 1px black;
}


.bg-eee {
    background-color: #eee;
}

.z-index-1 {
    z-index: 1;
}

.text-decoration-none {
    text-decoration: none;
}



.text-center {
    text-align: center;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.min-vh-100 {
    min-height: 100vh;
}

.flex-grow-1 {
    flex-grow: 1;
}

.p-t-80 {
    padding-top: 80px;
}

.text-shadow-small {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Центрированная кнопка с эффектом пульсирующих кругов */
.vibration-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 10px;
    position: relative;
    z-index: 5;
}

.vibration-button-static {
    background: #25D366;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: transform 0.3s ease;
}

.vibration-button-static:hover {
    transform: scale(1.1);
}

.vibration-button-static:before,
.vibration-button-static:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
}

.vibration-button-static:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}


.darkblue {
    color: darkblue;
}

.m-0-20 {
    margin: 0 20px;
}

.text-grey-dark {
    color: #4e514b;
}

.m-audit-subscribe {
    margin: 15px 15px 15px 40px;
}


.width-110 {
    width: 110px;
}

.m-25-auto-0 {
    margin: 25px auto 0;
}

.nav-empty-item {
    padding: 0;
    font-size: 0.1px;
}

.mb-30 {
    margin-bottom: 30px;
}

.text-grey-dark {
    color: #555;
}

.h-100 {
    height: 100px;
}

/* Styles for calc-lator.html */
.text-red {
    color: red;
}

.bg-transparent {
    background-color: transparent;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.text-decoration-none {
    text-decoration: none;
}

.text-white {
    color: white;
}

.text-shadow-black {
    text-shadow: -1px 1px 1px black;
}

.text-darkgreen {
    color: darkgreen;
}

.underline {
    text-decoration: underline;
}

.full-version-link {
    color: darkgreen;
    font-weight: 700;
}

.text-red-bold {
    color: red;
    font-weight: 600;
}

.text-dadada,
.dadada {
    color: #dadada;
}

.clear-both {
    clear: both;
}

.text-darkblue,
.darkblue {
    color: darkblue;
}

.fw100,
.font-weight-100 {
    font-weight: 100;
}

.fw300,
.font-weight-300 {
    font-weight: 300;
}

.fw400,
.font-weight-400 {
    font-weight: 400;
}

.fw600,
.font-weight-600 {
    font-weight: 600;
}

.fw700,
.font-weight-700 {
    font-weight: 700;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.text-consultation {
    color: rgb(65, 105, 25);
}

/* Common Utility Classes for Refactored Pages */
.brand-logo {
    width: 110px;
}

.icon-relative-top {
    position: relative;
    top: 5px;
}

.icon-relative-top-3 {
    position: relative;
    top: 3px;
}

.text-green {
    color: green;
}

.nav-link-lg {
    font-size: 18px;
}

/* Удалены дублирующие классы разделителей */

.aspect-1-1 {
    aspect-ratio: 1/1;
}

.dropdown-spacer {
    padding: 0;
    font-size: 0.1px;
}

.font-weight-light-400 {
    font-weight: 400;
}

.m-25-auto-0 {
    margin: 25px auto 0;
}

.text-shadow-black {
    text-shadow: -1px 1px 1px black;
}

.white,
.text-white {
    color: white;
}

.company-link-responsive,
.company-link-responsive strong {
    color: white;
    text-shadow: -1px 1px 1px black;
    text-decoration: none;
    font-weight: 400;
}

@media (max-width: 1259px) {

    .company-link-responsive,
    .company-link-responsive strong {
        color: darkblue;
        text-shadow: none;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }
}

.footer-shadow-text {
    font-weight: 100;
    color: white;
    text-shadow: -1px 1px 1px black;
}

.footer-shadow-text-300 {
    font-weight: 300;
    color: white;
    text-shadow: -1px 1px 1px black;
}

.modal-title {
    font-size: 1.8em;
    margin-bottom: 20px;
}

.modal-text {
    font-size: 1.2em;
    color: #333;
}

/* Styles for calc-lator.html */

.calc-wrapper {
    max-width: 1200px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

@media (max-width: 1550px) and (min-width: 1260px) {
    .calc-wrapper {
        margin: 100px auto 40px;
        padding: 0 20px;
    }
}

@media (max-width: 1260px) {
    .calc-wrapper {
        margin: 70px auto 40px;
        padding: 0 20px;
    }
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.service-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    border-color: darkblue;
}

.service-item.selected {
    border-color: #28a745;
    background-color: #f0fff4;
}

.service-checkbox {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.service-name {
    font-family: 'Oswald-Light', sans-serif;
    font-size: 1.2em;
    color: darkblue;
    margin-bottom: 10px;
    padding-right: 30px;
}

.service-price {
    font-weight: bold;
    color: #28a745;
    font-size: 1.1em;
    margin-top: 10px;
}

.total-section {
    position: sticky;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    padding: 20px;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    border-top: 1px solid #eee;
    z-index: 90;
    text-align: center;
    backdrop-filter: blur(5px);
}

.fixed-tab {
    z-index: 10000;
}

.total-amount {
    font-family: 'Oswald-Light', sans-serif;
    font-size: 2em;
    color: darkblue;
}

.total-amount span {
    color: #28a745;
}

.calc-note {
    font-size: 0.9em;
    color: #666;
    margin-top: 5px;
}

.reset-btn {
    background: transparent;
    border: 1px solid #999;
    color: #666;
    padding: 8px 20px;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 15px;
    transition: all 0.2s;
    font-family: inherit;
}

.reset-btn:hover {
    border-color: darkred;
    color: darkred;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    .total-section {
        padding: 15px;
    }

    .total-amount {
        font-size: 1.5em;
    }
}


.h1Calc-lator {
    text-align: center;
    padding-top: 105px;
    font-family: Oswald-Light;
    letter-spacing: 5px;
}

@media(max-width:2250px) and (min-width:1550px) {
    .h1Calc-lator {
        padding: 150px 20px 0;
    }
}

@media(max-width:1550px) and (min-width:425px) {
    .h1Calc-lator {
        padding: 0 20px 0;
    }
}

@media(max-width:850px) {
    .h1Calc-lator {
        width: 80%;
        margin: auto;
    }
}

@media(max-width:555px) {
    .h1Calc-lator {
        padding-top: 0;
        width: 80%;
        margin: auto;
        font-size: calc(1.2em + 0.99vw);
    }
}

/* ==========================================================================
   ADVANCED COOKIE CONSENT WIDGET (Global)
   ========================================================================== */
body.cookie-active #cookieBlockerOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 999999;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    /* Разрешаем прокрутку сквозь оверлей */
    pointer-events: none;
}

body.cookie-active .cookie-advanced-popup {
    pointer-events: auto;
    /* Разрешаем клики внутри самого виджета */
    background: rgba(20, 20, 20, 0.95);
    border: 1px solid rgba(76, 175, 80, 0.3);
    border-radius: 20px;
    padding: 30px;
    max-width: 700px;
    width: calc(100% - 40px);
    /* Отступы 20px по бокам */
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    color: #fff;
    font-family: 'Oswald-Light', Arial, sans-serif;
    margin: 0 20px;
}

.cookie-advanced-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px;
    color: #e0e0e0;
    font-weight: 300;
}

.cookie-advanced-text a {
    color: #4CAF50;
    text-decoration: underline;
}

.cookie-policy-link {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

/* Группа кнопок */
.cookie-btn-group {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Стили кнопок */
.c-btn {
    padding: 10px 30px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Oswald-Light', Arial, sans-serif;
    border-radius: 10px;
}

.c-btn-accept {
    background: transparent;
    color: #4CAF50;
    border: 2px solid #4CAF50;
}

.c-btn-accept:hover {
    background: #4CAF50;
    color: #000;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.3);
}

.c-btn-refuse {
    background: transparent;
    color: #E57373;
    border: 2px solid #E57373;
}

.c-btn-refuse:hover {
    background: #E57373;
    color: #fff;
    box-shadow: 0 0 15px rgba(229, 115, 115, 0.3);
}

/* Блокировка кликов по всему контенту сайта, кроме самого виджета */
body.cookie-active.cookie-interaction-blocked>*:not(#cookieBlockerOverlay) {
    pointer-events: none !important;
    user-select: none !important;
    /* Дополнительно предотвращаем клики по ссылкам через z-index, если pointer-events где-то перекрыт */
}

/* Разрешаем клики внутри виджета */
body.cookie-active.cookie-interaction-blocked #cookieBlockerOverlay,
body.cookie-active.cookie-interaction-blocked .cookie-advanced-popup {
    pointer-events: auto !important;
}


@media (max-width: 480px) {
    .cookie-advanced-popup {
        padding: 20px;
    }

    .cookie-advanced-text {
        font-size: 14px;
    }

    .c-btn {
        width: 100%;
    }
}

/* ==========================================================================
   END ADVANCED COOKIE CONSENT WIDGET (Global)
   ========================================================================== */
/* ==========================================================================
   START Responsive Map Styles (Added)
   ========================================================================== */
.mapPlaceholderWrapper {
    position: relative;
    width: 100%;
}

.mapPlaceholder {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.mapLink {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.mapImageStatic {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Overlay Styling */
.mapOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.mapOverlayText {
    color: white;
    font-family: 'Oswald-Light', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid white;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Hover Effect */
.mapLink:hover .mapOverlay {
    opacity: 1;
}

/* Fluid Height Logic for Mobile */
@media (max-width: 768px) {
    .mapPlaceholder {
        /* Linearly interpolates from ~338px at 768px to 640px at 300px */
        height: clamp(338px, calc(833px - 0.645 * 100vw), 640px);
    }

    .mapImageStatic {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .mapLink {
        height: 100%;
    }
}

/* ==========================================================================
   END Responsive Map Styles
   ========================================================================== */
/* ==========================================================================
   START H1 Contacts Heading Styles
   ========================================================================== */
@media (max-width: 1550px) and (min-width: 555px) {
    .h1Contacts {
        padding: 110px 20px 0;
        /* Force top padding: 70px header + 40px space */
    }
}

@media (max-width: 555px) {
    .h1Contacts {
        padding-top: 90px;
        /* Force top padding: 70px header + 20px space */
    }
}

/* ==========================================================================
   END H1 Contacts Heading Styles
   ========================================================================== */
/* ==========================================================================
   START Anchor Scroll Offset Fix (#pravozashita)
   ========================================================================== */
#pravozashita {
    scroll-margin-top: -100px;
}

@media (max-width: 950px) {
    #pravozashita {
        scroll-margin-top: -40px;
    }
}

/* ==========================================================================
   END Anchor Scroll Offset Fix
   ========================================================================== */
@media (min-width: 1550px) {
    .contactAboutLift {
        position: relative;
        top: -25px;
    }
}

/* ==========================================================================
   START Anchor Scroll Offset Fix (#nteractivMap)
   ========================================================================== */
#nteractivMap {
    scroll-margin-top: -100px;
}

@media (max-width: 950px) {
    #nteractivMap {
        scroll-margin-top: -130px;
    }
}

/* ==========================================================================
   END Anchor Scroll Offset Fix (#nteractivMap)
   ========================================================================== */
/* ==========================================================================
   START Пагинация статей (stati.html)
   ========================================================================== */
.article-hidden {
    display: none;
}

.load-more-wrapper {
    text-align: center;
    margin: 30px auto 10px;
    max-width: 1300px;
}

.load-more-btn {
    display: inline-block;
    padding: 14px 40px;
    font-size: 1.05em;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #2e7d32, #43a047);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.15s ease;
    box-shadow: 0 4px 15px rgba(46, 125, 50, 0.3);
    letter-spacing: 0.3px;
}

.load-more-btn:hover {
    background: linear-gradient(135deg, #1b5e20, #2e7d32);
    box-shadow: 0 6px 20px rgba(46, 125, 50, 0.45);
    transform: translateY(-2px);
}

.load-more-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(46, 125, 50, 0.3);
}

.load-more-counter {
    display: block;
    margin-top: 8px;
    font-size: 0.85em;
    color: #777;
}

/* ==========================================================================
   END Пагинация статей (stati.html)
   ========================================================================== */

/* --- Privacy Info Widget --- */
#privacyInfoWidget {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(20, 20, 20, 0.95);
    color: #81C784;
    border: 1px solid rgba(129, 199, 132, 0.4);
    padding: 15px 25px;
    border-radius: 12px;
    font-family: 'Oswald-Light', Arial, sans-serif;
    z-index: 1000000;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.8s ease;
    pointer-events: none;
    text-align: center;
    width: auto;
    max-width: 90%;
}

@media (max-width: 768px) {
    #privacyInfoWidget {
        width: 80%;
    }
}

/* Стилизация полезных материалов на странице 404 */
.statiText {
    font-weight: 300;
    /* Менее жирный шрифт для заголовка */
}

.statiText a.white {
    font-weight: 300;
    /* Менее жирный шрифт для ссылок */
    transition: all 0.3s ease;
}

.statiText a.white:hover {
    opacity: 0.9;
}

/*-------------------------------------------------------------------------Стиль блока для копирования кода*/
.copy-code-block {
    color: darkslateblue;
    cursor: pointer;
    background: rgba(129, 199, 132, 0.05);
    padding: 10px 15px;
    border-radius: 6px;
    border: 2px solid darkslateblue;
    display: inline-block;
    word-break: break-all;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 0.9em;
    margin: 10px 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.copy-code-block:hover {
    background: rgba(129, 199, 132, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.copy-code-block.copied {
    background: rgba(129, 199, 132, 0.45);
    border-color: #388e3c;
    color: #1b5e20;
    transform: translateY(0);
}
/*------------------------------------------------------------------------/Стиль блока для копирования кода*/

/*-------------------------------------------------------------------------Виджет информации о приватности*/
#privacyInfoWidget {
    position: fixed;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(30, 30, 30, 0.95);
    color: #81C784; /* Зеленый текст */
    padding: 16px 30px;
    border-radius: 12px;
    font-family: 'Oswald-Light', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
    pointer-events: auto;
    max-width: 90%;
    width: max-content;
    backdrop-filter: blur(10px);
}

#privacyInfoWidget.visible {
    opacity: 1;
    visibility: visible;
    bottom: 40px;
}

#privacyInfoWidget b {
    color: #fff; /* Белый цвет номера ID */
    font-family: monospace;
    font-size: 1.1em;
    letter-spacing: 1px;
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    margin: 0 4px;
}

#privacyInfoWidget small {
    display: block;
    margin-top: 8px;
    opacity: 0.7;
    font-size: 0.85em;
}
/*------------------------------------------------------------------------/Виджет информации о приватности*/

/*-------------------------------------------------------------------------Кнопка получения ClientID*/
.btn-clientID {
    display: inline-block;
    background: #006400; /* darkgreen */
    color: #fff !important;
    padding: 10px 24px;
    margin: 15px 0;
    border-radius: 8px;
    font-family: 'Oswald-Light', Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 100, 0, 0.2);
    text-decoration: none;
}

.btn-clientID:hover {
    background: #008000; /* green */
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 100, 0, 0.3);
}

.btn-clientID:active {
    transform: translateY(0);
}
/*-------------------------------------------------------------------------/Кнопка получения ClientID*/