/* Popup */

@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);

.popup_1 {
    position: fixed;
    /* Задаём фиксированную позицию блоку элементов всплывающего окна */
    display: none;
    /* Скрываем блок до отправки формы */
    justify-content: center;
    /* Горизонтальное выравнивание элементов внутри блока */
    align-items: center;
    /* Вертикальное выравнивание элементов внутри блока */
    width: 100%;
    /* Ширина блока 100% от ширины родительского блока */
    height: 100%;
    /* Высота блока 100% от высоты родительского блока */
    top: 0;
    /* Прижимаем блок к верхнему краю родительского блока */
    opacity: 0;
    /* Делаем блок невидимым */

    z-index: 999999999999;
}

.popup_1.active {
    display: flex;
    opacity: 1;
    transition: opacity 1s;
}

.thanks_1 {
    position: relative;
    /* Устанавливает родительскую позицию */
    text-align: center;
    /* Выравнивание текста по центру */
    width: 750px;
    /* Ширина блока 440px */
    max-width: 100%;
    /* Максимальная ширина блока не может быть более 100% */
    border: 1px solid #00000038;
    /* Рамка вокруг блока */
    border-radius: 00px;
    /* Закругление блока на 4px */
    background-color: #ffffffeb;
    /* Цвет фона */

    padding: 100px 30px;
}

.close_thx {
    background: url('https://montazh-krovl.ru/forms/cross.png') no-repeat;
    background-size: 80%;
    background-position: center center;
    color: #000000;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 30px;
    right: 25px;
    font-size: 24px;
    cursor: pointer;
}

.overlay {
    position: absolute;
    /* Устанавливает абсолютную позицию */
    top: 0;
    /* Прижимаем блок к верхнему краю родительского блока */
    width: 100%;
    /* Ширина блока 100% от ширины родительского блока */
    height: 100%;
    /* Высота блока 100% от высоты родительского блока */
    background-color: #000;
    /* Устанавливает цвет фона */
    z-index: -1;
    /* Определяем порядок расположения блоков */
    opacity: 0.3;
    /* Прозрачность 0.3 из 1 */
}


.popup__title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 500;
    color: #000000;
    font-size: 34px;

    margin: 0px 0px 20px 0px;
}

.popup_text {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 28px;
}


@media (max-width: 768px) {
    .thanks_1 {
        position: relative;
        /* Устанавливает родительскую позицию */
        text-align: center;
        /* Выравнивание текста по центру */
        width: 85%;
        /* Ширина блока 440px */
        max-width: 100%;
        /* Максимальная ширина блока не может быть более 100% */
        border: 1px solid #00000038;
        /* Рамка вокруг блока */
        border-radius: 10px;
        /* Закругление блока на 4px */
        background-color: #ffffffeb;
        /* Цвет фона */

        padding: 100px 30px;
    }
}
/*
     FILE ARCHIVED ON 13:50:20 Apr 15, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:35:21 Sep 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.624
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.03
  esindex: 0.01
  cdx.remote: 145.449
  LoadShardBlock: 2181.586 (3)
  PetaboxLoader3.datanode: 1684.974 (4)
  PetaboxLoader3.resolve: 435.993 (2)
  load_resource: 280.035
*/