@layer template forced;

@layer template {
    :root {
        --page-bg-color: #FFF9E5;
        --text-color: #1c1c1c;
        --brand-color: #388E3C;
        --accent-dark-color: #A66906;
        --bar-light-color: #FFFBF2;
        --font-base-size: 16px;
        --font-base-weight: 200;
    }

    body {
        font-family: Geologica-Batiskaf, serif;
        font-size: var(--font-base-size);
        font-weight: var(--font-base-weight);
        color: var(--text-color);
        margin: 0;
        padding: 0;
        /* line-height: 1.4em; */
        background-color: var(--page-bg-color);
    }

    .bg_cover {
        background: var(--page-bg-color) url('/local/assets/images/in_underwtr_cropped.jpg') no-repeat right top;
        background-size: cover;
        padding-top: 30px;
        z-index: 5;
        padding-bottom: 4px;
        /* background-position: top -120px right; */
    }

    a {
        color: var(--brand-color);
        text-decoration: none;
        display: inline;
        border-bottom: 1px solid;
        padding-bottom: 0px;
    }

    a:hover {
        color: var(--accent-dark-color);
    }

    div, p, aside, section, header, footer, nav {
        position: relative
    }

    .c_l_pad {
        padding-right: 40px;
        max-width: 910px;
    }

    .header {
        background-color: var(--bar-light-color);
        padding: 20px;
        box-shadow: 0 3px 20px 0px rgb(56 142 60 / 68%);
        /* margin-bottom: 30px; */
        display: flex;
        justify-content: space-between;
        /* margin-top: 20px; */
        max-width: 100%;
        z-index: 10;
    }

    .h_logo {
    }

    .hl_title {
        font-weight: 700;
        font-size: 2.6em;
        color: var(--brand-color);
    }

    .hl_title:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 29px;
        margin: auto;
        bottom: 0;
        transform: translate(-100%, 0);
        margin-left: -19px;
        transition: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='29' fill='none' viewBox='0 0 40 29'%3E%3Cpath fill='%23388e3c' fill-rule='evenodd' d='M.611 18.82c0 .322.077.655.222.963.136.272.301.507.512.732q.272.3.652.59l-.81 3.89a2.17 2.17 0 0 0 .45 1.832 2.17 2.17 0 0 0 1.693.806h2.416c.848 0 1.626-.497 1.983-1.266l.908-1.947q.402.212.758.407c.32.173.61.332.871.46 3.757 1.86 7.552 3.53 12.633 3.53 3.332 0 6.426-.453 8.946-1.31 2.801-.954 4.867-2.355 6.14-4.165.943-1.326 1.422-2.848 1.422-4.522a7.7 7.7 0 0 0-.765-3.405c-.478-.993-1.182-1.9-2.092-2.692-1.504-1.317-3.532-2.32-6.03-2.981l-.036-.374a4.19 4.19 0 0 0-3.587-3.756c-1.087-.01-1.909-.033-2.952-.042h-1.91a4.21 4.21 0 0 0-3.628 2.082l-1.022 1.74a18 18 0 0 0-3.425 1.139q-1.038.463-2.052.978l-.064.03c-.44.22-.893.444-1.369.668-.285.137-.598.304-.94.487l-.048.026c-.24.128-.496.264-.764.4l-.995-2.138a2.19 2.19 0 0 0-1.982-1.266H3.33c-.662 0-1.28.296-1.699.812a2.16 2.16 0 0 0-.443 1.834l.856 4.11q-.21.162-.387.323c-.378.346-.637.68-.816 1.05a2.2 2.2 0 0 0-.23.975m3.326.75a5 5 0 0 1-.705-.512 1.6 1.6 0 0 1-.229-.248l.103-.12c.125-.14.38-.371.888-.69l.691-.441-1.133-5.474H5.63l1.938 4.168 1.063-.462c.784-.34 1.484-.715 2.046-1.018l.02-.01c.305-.165.572-.308.794-.413.492-.234.955-.464 1.4-.685l.036-.018c.688-.34 1.34-.664 1.99-.948 1.21-.533 2.27-.867 3.442-1.086l.535-.107 1.556-2.657c.33-.561.937-.91 1.586-.91h4.273a1.83 1.83 0 0 1 1.818 1.66l.202 2.057.83.19c1.87.424 3.451 1.038 4.704 1.825 1.245.782 2.136 1.717 2.648 2.776.355.738.528 1.514.528 2.373 0 1.185-.323 2.218-.988 3.159-.65.922-1.617 1.727-2.874 2.395-2.518 1.338-6.167 2.075-10.277 2.075-4.584 0-7.958-1.488-11.582-3.285a20 20 0 0 1-.657-.35l-.033-.017-.006-.004c-.566-.31-1.27-.694-2.08-1.045l-1.063-.462-1.85 3.978H3.552l1.095-5.255z' clip-rule='evenodd'/%3E%3Ccircle cx='16.323' cy='20.893' r='1.85' fill='%23388e3c'/%3E%3Ccircle cx='21.859' cy='20.893' r='1.85' fill='%23388e3c'/%3E%3Cpath stroke='%23388e3c' stroke-width='2' d='m31.307 11.724-4.99 8.634 6.84 5.382'/%3E%3Cpath fill='%23388e3c' d='M21.785.78h3.794v6.423h-3.794z'/%3E%3C/svg%3E");
    }

    @keyframes batiskaf-processing {
        0% {
            left: -40px;
        }
        25% {
            left: -37px;
        }
        50% {
            left: -34px;
        }
        75% {
            left: -37px;
            background-color: #43b449;
        }
        100% {
            left: -40px;
        }
    }

    .hl_title:after {
        content: '';
        position: absolute;
        top: 13px;
        left: -39px;
        width: 3px;
        height: 2px;
        background-color: #388e3c;
        animation: batiskaf-processing 4s step-end infinite;
        transition: none;
    }

    .hl_title span {
        font-size: 0.3em;
        font-weight: normal;
        color: var(--text-color);
        position: absolute;
        bottom: 37px;
    }


    .hl_description {
        font-weight: bold;
        color: var(--brand-color);
        font-size: 1.31em;
    }

    .h_contacts { /* border: 1px solid; */
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .h_contacts a {
        padding: 10px;
        background-color: var(--brand-color);
        display: flex;
        border-radius: 700px;
        width: 40px;
        height: 40px;
        box-sizing: border-box;
    }

    .h_contacts a:hover {
        background-color: var(--accent-dark-color);
    }

    .h_contacts a:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    .hc_telegram {
    }

    .hc_telegram:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' fill='none' viewBox='0 0 19 16'%3E%3Cpath fill='%23fffbf2' d='M1.728 7.245q7.242-3.154 9.655-4.158c4.6-1.913 5.554-2.244 6.178-2.256.137-.002.441.03.64.193.166.135.213.319.236.448.021.129.05.423.027.652-.248 2.618-1.327 8.97-1.876 11.902-.23 1.242-.689 1.657-1.13 1.698-.963.088-1.692-.635-2.623-1.245-1.457-.956-2.28-1.55-3.695-2.483-1.635-1.076-.574-1.668.357-2.636.244-.254 4.481-4.107 4.561-4.457.01-.043.02-.206-.078-.292-.096-.086-.237-.057-.34-.033q-.222.05-6.986 4.615-.989.68-1.795.664c-.59-.013-1.729-.334-2.574-.61C1.25 8.912.425 8.734.498 8.16q.054-.447 1.23-.915'/%3E%3C/svg%3E") no-repeat center center;
    }

    .hc_mail {
    }

    .hc_mail:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' fill='none' viewBox='0 0 18 14'%3E%3Cpath fill='%23fffbf2' d='M16.796.54H.77a.57.57 0 0 0-.569.569v1.147c0 .052.058.113.104.138l8.422 4.81a.14.14 0 0 0 .144 0l8.168-4.806c.045-.026.168-.093.212-.124.056-.038.113-.072.113-.14V1.11a.57.57 0 0 0-.57-.57m.498 3.444a.14.14 0 0 0-.143.001l-4.622 2.72a.142.142 0 0 0-.033.22l4.623 4.982a.142.142 0 0 0 .246-.096V4.107a.14.14 0 0 0-.07-.123m-6.098 3.634a.14.14 0 0 0-.176-.027L9.167 8.682a.72.72 0 0 1-.715.005l-1.63-.932a.14.14 0 0 0-.168.02L.461 13.517a.142.142 0 0 0 .026.227.55.55 0 0 0 .284.083h15.86a.144.144 0 0 0 .104-.24zm-5.904-.523a.143.143 0 0 0-.026-.228L.414 4.097a.142.142 0 0 0-.213.124v7.27a.142.142 0 0 0 .24.105l4.85-4.5z'/%3E%3C/svg%3E") no-repeat center center;
    }

    .hc_phone {
    }

    .hc_phone:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' fill='none' viewBox='0 0 17 18'%3E%3Cpath fill='%23fffbf2' fill-rule='evenodd' d='M12.317 17.094c-1.175-.044-4.503-.516-7.988-4.09C.845 9.43.386 6.017.342 4.811.276 2.975 1.648 1.191 3.232.495a1.17 1.17 0 0 1 1.18.132c1.303.976 2.204 2.451 2.977 3.612a1.28 1.28 0 0 1-.21 1.66L5.59 7.112a.41.41 0 0 0-.116.515c.36.672 1.002 1.672 1.735 2.425s1.756 1.453 2.457 1.865a.385.385 0 0 0 .525-.136l1.035-1.616a1.204 1.204 0 0 1 1.677-.278c1.147.815 2.486 1.722 3.467 3.01a1.26 1.26 0 0 1 .153 1.241c-.682 1.634-2.409 3.024-4.205 2.957' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center;
    }

    .footer {
        background-color: #bad3b6;
        padding: 20px 20px 30px 20px;
        /* margin-top: 130px; */
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        /* margin-bottom: 70px; */
    }

    .f_left {
        display: flex;
        gap: 50px;
        flex-basis: 40%;
        justify-content: space-between;
        min-width: 470px;
    }

    .fl_logo {
    }

    .fll_title {
        font-weight: bold;
        font-size: 1.25em;
    }

    .fll_info {
    }

    .fll_info ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 10px;
        font-size: 0.8em;
    }

    .fll_info ul li {
    }

    .fl_links {
    }

    .fl_links ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.25em;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .fl_links ul li {
    }

    .f_right {
        /* align-self: end; */
    }

    .fr_important_links {
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 0.9em;
        align-items: baseline;
    }

    .fr_important_links a {
    }

    .footer .h_contacts {
        margin-top: 30px;
    }

    @media (max-width: 1020px) {
        .f_left {
            flex-direction: column-reverse;
            gap: 40px;
            min-width: unset;
        }
    }

    @media (max-width: 795px) {
        .footer {
            flex-direction: column;
            gap: 30px;
        }
    }

    @media (max-width: 695px) {
        .header {
            flex-direction: column;
            gap: 20px;
        }
    }

    @media (max-width: 595px) {
        .hl_title:before {
            position: relative;
            transform: none;
            display: block;
            margin: 0;
            margin-bottom: 20px;
        }

        .hl_title:after {

            /* position: relative; */

            /* display: block; */

            /* top: 0; */

            /* left: 0; */

            top: 0;

            left: 0;

            transform: translate(59px, 1px);
        }
    }

    @media (max-width: 825px) {
        body {
            padding-top: 0;
        }

        .bg_cover {
            background-position: top 0px right -0px;
        }

        .header {
            margin-top: 0;
        }
    }

    @media (max-width: 675px) {
        .bg_cover {
            background-position: top 0px right -40px;
        }
    }

    @media (max-width: 595px) {
        .bg_cover {
            background-position: top 0px right -119px;
        }
    }

    .wise {
        padding-bottom: 10px;
        text-align: right;
        max-width: 100%;
        font-size: 0.8em;
        padding-top: 30px;
        background: url('/local/assets/images/underfooter.jpg') no-repeat left bottom;
        background-size: cover;
        padding-right: 20px;
    }

    .wise a {
        border: none;
        padding: 0;
        vertical-align: middle;
    }
}

@layer forced {
    .c_l_pad {
        padding-left: 110px;
    }

    @media (max-width: 595px) {
        .c_l_pad {
            padding-left: 40px;
        }
    }
}