:root {
    color-scheme: light dark;

    --OFF: ;
    --ON: initial;

    --light: var(--ON);
    --dark: var(--OFF);

    --color-green: #4f9101;
    --color-gray: #999;
    --color-blue-light: #9CA9BD;
    --color-red: #D91935;
    --page-bg: #fff;

    --theme-color: var(--color-green);
    --theme-color-rgba: 79, 145, 1;

    --base-color: #04324a;

    --scroll-size: 6px;
    --scroll-size-val: thin;
    --scroll-radius: 8px;
    --scroll-thumb-color: rgba(202, 204, 210, 0.48);
    --scroll-thumb-border: none;
    --scroll-track-color: #F8F8F8;

    --base-font-family: 'Montserrat', Arial, Tahoma, FreeSans, sans-serif;
    --base-font-size: 16px;
    --base-lineheight: 1.75;

    --grid-gap: 20px;

    --logo-bg: var(--theme-color);
    --logo-color: #fff;

    --_link-color: #005B88;
    --_link-color-hover: var(--_link-color);
    --_link-line: none;
    --_link-line-hover: underline;
    --_link-line-style: solid;
    --_link-line-style-hover: var(--_link-line-style);
    --_link-line-color: currentColor;
    --_link-line-color-hover: none;
    --_link-line-thickness: auto;

    --_ul-gap: 12px;

    --transition-duration: 0.2s;

    --_sections-gap: 40px;

    --header-height: 56px;
    --is-header-sticky: 1;

    /* input */
    --_input-font-family: Montserrat;
    --_input-font-size: 16px;
    --_input-font-weight: 500;
    --_input-line-height: calc(20 / 16);
    --_input-height: 46px;
    --_input-max-height: none;
    --_input-padding-y: 12px;
    --_input-padding-x: 19px;
    --_input-border-width: 1px;
    --_input-border-color: #E3E3E3;
    --_input-border-color-focus: #ADDAF7;
    /*--_input-border-color-required: #FF6A00;*/
    --_input-border-color-error: #E76969;
    --_input-radius: 6px;
    --_input-bg: #fff;
    --_input-bg-error: var(--_input-bg);
    --_input-img-error: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iJiN4NDIxOyYjeDQzQjsmI3g0M0U7JiN4NDM5O18xIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCINCgkgdmlld0JveD0iMCAwIDI4IDI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOCAyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9ImVsaXBzZSI+DQoJPGc+DQoJCTxjaXJjbGUgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0RGMUYyNjsiIGN4PSIxMCIgY3k9IjE4IiByPSIxMCIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxyZWN0IHg9IjkuMDEiIHk9IjEyLjAxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjEuOTkiIGhlaWdodD0iOS4wMyIvPg0KCTxyZWN0IHg9IjkuMDEiIHk9IjIyLjAxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjEuOTkiIGhlaWdodD0iMS45OSIvPg0KPC9nPg0KPC9zdmc+DQo=");
    --_input-bg-focus: var(--_input-bg);
    --_input-color: #222;
    --_input-plaseholder-color: #B8B8B8;
    --_input-plaseholder-opacity: 1;
    --_input-disabled-border-color: #CACCD2;
    --_input-disabled-bg-color: #F8F8F8;
    --_input-disabled-color: #A2A2AE;

    --_input-range-size: 6px;
    --_input-range-radius: 20px;
    --_input-range-bg: #707070;
    --_input-range-progress-bg: #F09100;
    --_input-range-thumb-size: 22px;
    --_input-range-thumb-radius: 50%;
    --_input-range-thumb-bg: #F09100;

    --_select-font-size: var(--_input-font-size);
    --_select-font-weight: var(--_input-font-weight);
    --_select-line-height: var(--_input-line-height);
    --_select-height: var(--_input-height);
    --_select-max-height: var(--_input-max-height);
    --_select-padding-y: var(--_input-padding-y);
    --_select-padding-x: var(--_input-padding-x);
    --_select-padding-right: 32px;
    --_select-border-width: var(--_input-border-width);
    --_select-border-color: var(--_input-border-color);
    --_select-border-color-focus: var(--_input-border-color-focus);
    /*--_select-border-color-required: var(--_input-border-color-required);*/
    --_select-border-color-error: var(--_input-border-color-error);
    --_select-radius: var(--_input-radius);
    --_select-bg: var(--_input-bg);
    --_select-bg-error: var(--_select-bg);
    --_select-img-error: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iJiN4NDIxOyYjeDQzQjsmI3g0M0U7JiN4NDM5O18xIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCINCgkgdmlld0JveD0iMCAwIDI4IDI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOCAyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9ImVsaXBzZSI+DQoJPGc+DQoJCTxjaXJjbGUgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0RGMUYyNjsiIGN4PSIxMCIgY3k9IjE4IiByPSIxMCIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxyZWN0IHg9IjkuMDEiIHk9IjEyLjAxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjEuOTkiIGhlaWdodD0iOS4wMyIvPg0KCTxyZWN0IHg9IjkuMDEiIHk9IjIyLjAxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjEuOTkiIGhlaWdodD0iMS45OSIvPg0KPC9nPg0KPC9zdmc+DQo=");
    --_select-bg-focus: var(--_select-bg);
    --_select-color: #04324A;
    --_select-plaseholder-color: var(--_input-plaseholder-color);
    --_select-plaseholder-opacity: var(--_input-plaseholder-opacity);
    --_select-disabled-border-color: var(--_input-disabled-border-color);
    --_select-disabled-bg-color: var(--_input-disabled-bg-color);
    --_select-disabled-color: var(--_input-disabled-color);
    --_select-icon: url("/layout/images/icons.svg#select-arrow-view");
    --_select-icon-focus: var(--_select-icon);
    --_select-icon-color: #3194c3;
    --_select-icon-pos: calc(100% - 25px) center;
    --_select-icon-size: 11px 6px;
    --_select-image-size: 40px;
    --_select-image-gap: 16px;

    /* buttons */
    --_button-font-size: 14px;
    --_button-font-weight: 500;
    --_button-font-variant: normal;
    --_button-line-height: calc(20 / 14);
    --_button-letter-spacing: 0;
    --_button-height: auto;
    --_button-padding-y: 13px;
    --_button-padding-x: 19px;
    --_button-border-width: 1px;
    --_button-border-color: #e78006;
    --_button-border-color-hover: #d97906;
    --_button-border-color-disabled: var(--color-gray);
    --_button-radius: 6px;
    --_button-gap: 8px;
    --_button-bg: transparent;
    --_button-bg-hover: var(--_button-bg);
    --_button-bg-disabled: var(--_button-bg);
    --_button-shadow: 0 13px 32px rgba(0, 0, 0, 0.18);
    --_button-shadow-hover: none;
    --_button-hover-overlay: none;
    --_button-color: #e78006;
    --_button-color-hover: #d97906;
    --_button-color-disabled: var(--color-gray);
    /*--_button-icon-color: inherit;*/
    /*--_button-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);*/
    /*--_button-hover-shadow: none;*/

    /* check */
    --_check-font-size: 14px;
    --_check-font-weight: 500;
    --_check-line-height: calc(20 / 14);
    --_check-size: 25px;
    --_check-gap: 12px;
    --_check-border-width: 1px;
    --_check-border-color: #e3e3e3;
    --_check-border-color-hover: #e3e3e3;
    --_check-border-color-checked: #e3e3e3;
    --_check-border-color-checked-hover: #e3e3e3;
    --_check-border-color-error: #D92700;
    --_check-disabled-border-color: #EFEFEF;
    --_check-border-radius: 3px;
    --_check-bg: #fff;
    --_check-bg-hover: #fff;
    --_check-bg-checked: #fff;
    --_check-bg-checked-hover: #fff;
    --_check-bg-disabled: #bababa;
    --_check-icon-offset: 6px;
    --_check-icon-radius: 0;
    --_check-icon-img: url("/layout/images/icons.svg#check-view");
    --_check-icon-color: #005b88;
    --_check-color: #fff;
    --_check-disabled-color: transparent;

    --_radio-size: var(--_check-size);
    --_radio-gap: var(--_check-gap);
    --_radio-border-width: var(--_check-border-width);
    --_radio-border-color: var(--_check-border-color);
    --_radio-border-color-hover: var(--_check-border-color-hover);
    --_radio-border-color-checked: var(--_check-border-color-checked);
    --_radio-border-color-checked-hover: var(--_check-border-color-checked-hover);
    --_radio-border-color-error: var(--_check-border-color-error);
    --_radio-disabled-border-color: var(--_check-disabled-border-color);
    --_radio-border-radius: 50%;
    --_radio-bg: var(--_check-bg);
    --_radio-bg-hover: var(--_check-bg-hover);
    --_radio-bg-checked: var(--_check-bg-checked);
    --_radio-bg-checked-hover: var(--_radio-bg-checked);
    --_radio-bg-disabled: var(--_check-bg-disabled);
    --_radio-icon-offset: 5px;
    --_radio-icon-radius: 50%;
    --_radio-icon-color: #005b88;
    --_radio-color: var(--_check-color);
    --_radio-disabled-color: var(--_check-disabled-color);

    --_h1-font-size-min: 24;
    --_h1-font-size-max: 48;

    --_h2-font-size-min: 24;
    --_h2-font-size-max: 38;

    --_h3-font-size-min: 20;
    --_h3-font-size-max: 32;

    --_h4-font-size-min: 18;
    --_h4-font-size-max: 28;


    --ratio-375to576: calc((100vw - 375px) / (576 - 375));
    --ratio-375to768: calc((100vw - 375px) / (768 - 375));
    --ratio-375to992: calc((100vw - 375px) / (992 - 375));
    --ratio-375to1200: calc((100vw - 375px) / (1200 - 375));
    --ratio-375to1440: calc((100vw - 375px) / (1440 - 375));

    --ratio-576to768: calc((100vw - 576px) / (768 - 576));
    --ratio-576to992: calc((100vw - 576px) / (992 - 576));
    --ratio-576to1200: calc((100vw - 576px) / (1200 - 576));
    --ratio-576to1440: calc((100vw - 576px) / (1440 - 576));

    --ratio-768to992: calc((100vw - 768px) / (992 - 768));
    --ratio-768to1200: calc((100vw - 768px) / (1200 - 768));
    --ratio-768to1440: calc((100vw - 768px) / (1440 - 768));

    --ratio-992to1200: calc((100vw - 992px) / (1200 - 992));
    --ratio-992to1440: calc((100vw - 992px) / (1440 - 992));

    --ratio-1200to1440: calc((100vw - 1200px) / (1440 - 1200));
}
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --light: var(--OFF);
        --dark: var(--ON);
    }
}
@media (prefers-color-scheme: light) {
    :root {
        color-scheme: light;
    }
}

@media (min-width: 576px) {
    :root {
        --_sections-gap: clamp(40px, 40px + (80 - 40) * var(--ratio-576to1200), 80px);
    }
}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1440px) {}