@font-face {
    font-family: 'TekturBlack';
    src: local('Tektur'), url("") format('truetype');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'TekturBold';
    src: local('Tektur Bold'), local('Tektur-Bold'), url('../fonts/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszucvA.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'TekturMedium';
    src: local('Tektur'), url("") format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'InterMedium';
    src: local('Inter'), url("") format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'InterRegular';
    src: local('Inter'), url("") format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'InterThin';
    src: local('Inter'), url("") format('truetype');
    font-weight: 100;
    font-display: swap;
}

:root {
    /*<editor-fold desc="COLORS">*/
    --main-color: #000;
    --second-color: #1A92F8;

    --gradient-background: linear-gradient(179deg, #1A92F8 10.21%, #B229BF 85.72%);
    --gradient-horisontal-background: linear-gradient(90deg, #1A92F8 10.21%, #B229BF 85.72%);
    --gradient-background-hover: linear-gradient(179deg, #332DC5 10.21%, #A009AC 85.72%);
    --gradient-horisontal-background-hover: linear-gradient(270deg, #332DC5 10.21%, #A009AC 85.72%);

    --text-color-main: #fff;
    --text-color-second: #3fb2fb;
    --text-color-third: #E038FF;

    --black-color: #000;
    --white-color: #fff;

    --grey-1-color: #111;
    --grey-2-color: #222;
    --grey-3-color: #333;
    --grey-4-color: #444;
    --grey-5-color: #555;
    --grey-6-color: #666;
    --grey-7-color: #777;
    --grey-8-color: #888;
    --grey-9-color: #999;
    --grey-a-color: #aaa;
    --grey-b-color: #bbb;
    --grey-c-color: #ccc;
    --grey-d-color: #ddd;
    --grey-e-color: #eee;

    --bg-body: rgba(12, 11, 16, 1);
    --bg-footer: rgba(0, 0, 0, 1);
    /*</editor-fold>*/

    /*<editor-fold desc="FONTS">*/
    --font-black: 'TekturBlack';
    --font-bold: 'TekturBold';
    --font-medium: 'InterMedium';
    --font-tektur-medium: 'TekturMedium';
    --font-regular: 'InterRegular';
    --font-thin: 'InterThin';
    /*</editor-fold>*/

    /*<editor-fold desc="BORDER RADIUS">*/
    --border-radius: 10px;
    --border-radius-sm: 4px;
    /*</editor-fold>*/

    /*<editor-fold desc="FORM VARIABLES">*/
    --form-background-color: var(--white-color);
    --form-border-radius: var(--border-radius);
    --form-input-radius: var(--border-radius);
    --form-border: 2px solid var(--second-color);
    --form-button-background: var(--gradient-horisontal-background);
    --form-button-background-hover: var(--gradient-horisontal-background-hover);
    --form-button-color: rgba(255, 255, 255, 1);
    --form-button-font: 25px var(--font-bold);
    --form-input-height: 50px;
    --form-error-color: var(--main-color);
    --form-error-background-color: rgba(235, 0, 15, 0.5);
    --form-success-color: rgba(0, 155, 55, 0.5);
    --form-text-color: var(--black-color);
    /*</editor-fold>*/

    /*<editor-fold desc="CSS LOADER">*/
    --css-loader-color: var(--second-color);
    /*</editor-fold>*/

    /*<editor-fold desc="Language Switcher">*/
    --language-switcher-list-z-index: 5;
    --language-switcher-background-color: transparent;
    --language-switcher-color: #ffffff;
    --language-switcher-list-background-color: #353639;
    --language-switcher-list-color: inherit;
    --language-switcher-item-hover-border-color: #353639;
    --language-switcher-item-hover-background-color: #393a3d;
    --language-switcher-item-hover-color: #2480EB;
    /*</editor-fold>*/
}