@font-face {
    /*font-family: 'GolosUIWebRegular';*/
    font-family: 'Golos UI';
    src:
            url('/thirdpart/fonts/Golos-UI_Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GolosUIWebMedium';
    src:
            url('/thirdpart/fonts/Golos-UI_Medium.woff2') format('woff2'),
            url('/thirdpart/fonts/Golos-UI_Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GolosUIWebBold';
    src:
            url('/thirdpart/fonts/Golos-UI_Bold.woff2') format('woff2'),
            url('/thirdpart/fonts/Golos-UI_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*
:root['theme="dark"']{*/
html/*:not([theme])*/{

    --Nazarov_fontFamily1: Golos UI;
    --Nazarov_fontSize: calc(1em / 18.46);/*18.46px размер шрифта в фигме в Котлы---навигация.
    Также можно использовать bodyFrame.cssVarNameFontSizePx, это как раз при минмальной стороне 600px размер шрифта 18.46px*/

    --Nazarov_pxScale: 0.05371em;/*18.46px размер шрифта в фигме в Котлы---навигация.*/



   /* --Nazarov_colorBlack: #1D1D1D;
    --Nazarov_colorDarkGray: #353537;
    --Nazarov_colorGray: #4C4C4C;
    --Nazarov_colorLightGray: #8C8C8C;
    --Nazarov_colorWhite: #E8E8E8;
    --Nazarov_colorBlue: #0494E7;
    --Nazarov_colorGreen: #00993F;
    --Nazarov_color-Red: #EF3F33;*/

    --Nazarov_colorBlack0: rgb(0, 0, 0);
    --Nazarov_colorBlack: rgb(29, 29, 29);
    --Nazarov_colorBlack36: rgb(36, 36, 36);
    --Nazarov_colorDarkGray: rgb(53, 53, 55);
    --Nazarov_colorGray: rgb(76, 76, 76);
    --Nazarov_colorLightGray: rgb(140, 140, 140);
    --Nazarov_colorWhite: rgb(232, 232, 232);
    --Nazarov_colorBlue: rgb(4, 148, 231);
    --Nazarov_colorGreen: rgb(0, 153, 63);
    --Nazarov_color-Red: rgb(239, 63, 51);
    --Nazarov_colorDarkRed: rgb(189,13,1);
    --Nazarov_colorBackground: var(--Nazarov_colorBlack);
    --Nazarov_colorWindowBackground: var(--Nazarov_colorBlack0);
    --Nazarov_colorText: var(--Nazarov_colorWhite);





    --Nazarov_filterBlack: invert(13%) sepia(21%) saturate(0%) hue-rotate(203deg) brightness(93%) contrast(102%);
    --Nazarov_filterWhite: invert(99%) sepia(3%) saturate(100%) hue-rotate(12deg) brightness(113%) contrast(82%);
    --Nazarov_filterDarkGray: invert(19%) sepia(5%) saturate(285%) hue-rotate(201deg) brightness(92%) contrast(89%);
    --Nazarov_filterGray: invert(30%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(96%) contrast(96%);;
    --Nazarov_filterBlue: invert(60%) sepia(98%) saturate(4905%) hue-rotate(178deg) brightness(98%) contrast(97%);
    --Nazarov_filterGreen: invert(34%) sepia(63%) saturate(3523%) hue-rotate(131deg) brightness(93%) contrast(101%);
    --Nazarov_filterRed: invert(34%) sepia(61%) saturate(5624%) hue-rotate(347deg) brightness(103%) contrast(87%);

    --Nazarov_image_electrical_services: url("https://static.ruweld.com/boilerNazarov/images/google-material-icons/sharp/electrical_services_black_24dp.svg");
}
/*html*/[theme="themeNazarovLight"]{

    --Nazarov_fontFamily1: Golos UI;

   /* --Nazarov_colorBlack: #1D1D1D;
    --Nazarov_colorDarkGray: #353537;
    --Nazarov_colorGray: #4C4C4C;
    --Nazarov_colorLightGray: #8C8C8C;
    --Nazarov_colorWhite: #E8E8E8;
    --Nazarov_colorBlue: #0494E7;
    --Nazarov_colorGreen: #00993F;
    --Nazarov_color-Red: #EF3F33;*/

    --Nazarov_colorBlack0: rgb(255, 255, 255);
    --Nazarov_colorBlack: rgb(266, 226, 226);
    --Nazarov_colorBlack36: rgb(219, 219, 219);
    --Nazarov_colorDarkGray: rgb(202, 202, 202);
    --Nazarov_colorGray: rgb(179, 179, 179);
    --Nazarov_colorLightGray: rgb(115, 115, 115);
    --Nazarov_colorWhite: rgb(23, 23, 23);
    --Nazarov_colorBlue: rgb(4, 148, 231);
    --Nazarov_colorGreen: rgb(0, 153, 63);
    --Nazarov_color-Red: rgb(239, 63, 51);
    --Nazarov_colorDarkRed: rgb(189,13,1);
    --Nazarov_colorBackground: var(--Nazarov_colorBlack);
    --Nazarov_colorWindowBackground: var(--Nazarov_colorBlack0);
    --Nazarov_colorText: var(--Nazarov_colorWhite);


    --Nazarov_filterBlack: invert(30%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(96%) contrast(96%);;
    --Nazarov_filterWhite: invert(19%) sepia(5%) saturate(285%) hue-rotate(201deg) brightness(92%) contrast(89%);
    --Nazarov_filterDarkGray: invert(99%) sepia(3%) saturate(100%) hue-rotate(12deg) brightness(113%) contrast(82%);
    --Nazarov_filterGray: invert(13%) sepia(21%) saturate(0%) hue-rotate(203deg) brightness(93%) contrast(102%);
    --Nazarov_filterBlue: invert(60%) sepia(98%) saturate(4905%) hue-rotate(178deg) brightness(98%) contrast(97%);
    --Nazarov_filterGreen: invert(34%) sepia(63%) saturate(3523%) hue-rotate(131deg) brightness(93%) contrast(101%);
    --Nazarov_filterRed: invert(34%) sepia(61%) saturate(5624%) hue-rotate(347deg) brightness(103%) contrast(87%);

    --Nazarov_image_electrical_services: url("https://static.ruweld.com/boilerNazarov/images/google-material-icons/sharp/electrical_services_black_24dp.svg");
}



button{
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    background: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nazarovBackgroundDarkGray{
    background:rgb(29,29,29);
}
.nazarovColorRed{

}
.nazarovFilterRed{
    filter: var(--Nazarov_filterRed);
}
.nazarovTextColor{
    color: #E8E8E8;
}

.nazarovButton, .nazarovInput{
    border: 0;
    border-radius: 0.2em;
    1line-height: 2.95em;
    1height:0.95em;
    font-family: var(--Nazarov_fontFamily1);
    text-decoration:none;
    display:inline-block;
    padding-left: 1em;
    padding-right: 1em;
    padding:1em;
    box-sizing: border-box;
    font-size:inherit;
}
.nazarovButton{
    cursor: pointer;
}
.nazarovInput{
    background: var(--Nazarov_colorWhite);
    color: var(--Nazarov_colorBlack);
    border: none;
    1border:#777 0.2vmin groove;
    1padding:0.5vmin;
    1box-shadow:#000 0.5vmin 0.5vmin 2vmin
}
.nazarovButton{
    cursor:pointer;
    text-transform: uppercase;
    text-align:center;
    user-select: none;
}
.nazarovButtonRed{
    background: var(--Nazarov_color-Red);
    color: var(--Nazarov_colorWhite);
}
.nazarovButtonGreen{
    background: var(--Nazarov_colorGreen);
    color: var(--Nazarov_colorWhite);
}
.nazarovButtonGray{
    background: var(--Nazarov_colorGray);
    color: var(--Nazarov_colorWhite);
}
.nazarovButton[disabled]{
    1background: var(--Nazarov_colorWhite);
    1color: var(--Nazarov_colorGray);
    cursor:default;
    filter: contrast(50%) brightness(50%);
    1opacity:0.7;
}

.nazarovButton[checked]{
    background:#0f0;
    color: var(--Nazarov_colorBlack);
}
.nazarovButton:not([disabled]):active{
    1background:var(--Nazarov_colorDarkRed);
    filter: contrast(150%);
    1backdrop-filter: brightness(60%);
}

.nazarov_H3{
    font-weight:100;
    display:block;
    padding:0;
    margin:0;
    padding-bottom:1em;
    font-size:calc(26.27 * var(--Nazarov_fontSize));
}


.nazarov_HR{
    clear: both;/*margin-top not work with clear*/
    1border-top: rgba(0,0,0,0) 0.5em solid;
    border:none;
    border-bottom: var(--Nazarov_colorGray) 0.05em solid;
    padding-top: 0.5em;
    margin-bottom: 0.5em;
    box-sizing: content-box;
}