/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* cyrillic-ext */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXX3I6Li01BKofIMNaORs71cA.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXX3I6Li01BKofIMNaHRs71cA.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXX3I6Li01BKofIMNaNRs71cA.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXX3I6Li01BKofIMNaDRs4.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXV3I6Li01BKofIOOaBXso.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXV3I6Li01BKofIMeaBXso.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXV3I6Li01BKofIO-aBXso.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/XRXV3I6Li01BKofINeaB.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

:root {
    --sous-color: #FC1A3B;
    --gray-color: #a4a4a5;
    --light-gray-color: #c1c1c2;
    --red-transparent: #6f111140;
    --main-bg-color: #131315;
    --main-bg-transparent: #131315c4;
    --important-bg-color: #18181d;

    --separator-thikness: 3px;
    --separator-radius: 3px;
    --separator-shadow: 0 0 5px 0 var(--sous-color);
    --separator-border: var(--separator-thikness) solid var(--sous-color);
    --thin-separator-color: #ffffff24;
    --thin-separator-border: 1px solid var(--thin-separator-color);

    --big-interval: 60px;
    --semibig-interval: 30px;
    --def-interval: 20px;
    --small-interval: 10px;

    --radius: 15px;

    --glow-filter: drop-shadow(0px 0px 6px var(--sous-color));
    --active-glow-filter: drop-shadow(0px 0px 8px var(--sous-color));
    --glow-shadow: 0 0 5px 0 var(--sous-color);

    --transition-all: all .3s;

    /* icons */
    --plus-circle-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjZmZmIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PHBhdGggZD0iTTEyLDFDNS45LDEsMSw1LjksMSwxMnM0LjksMTEsMTEsMTFzMTEtNC45LDExLTExUzE4LjEsMSwxMiwxeiBNMTcsMTRoLTN2M2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMnYtM0g3ICAgYy0xLjEsMC0yLTAuOS0yLTJjMC0xLjEsMC45LTIsMi0yaDNWN2MwLTEuMSwwLjktMiwyLTJzMiwwLjksMiwydjNoM2MxLjEsMCwyLDAuOSwyLDJDMTksMTMuMSwxOC4xLDE0LDE3LDE0eiIgaWQ9ImFkZCIvPjwvZz48L3N2Zz4=');
    --plus-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDtyb3RhdGU6IDQ1ZGVnOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJpbmZvIi8+PGcgaWQ9Imljb25zIj48cGF0aCBkPSJNMTQuOCwxMmwzLjYtMy42YzAuOC0wLjgsMC44LTIsMC0yLjhjLTAuOC0wLjgtMi0wLjgtMi44LDBMMTIsOS4yTDguNCw1LjZjLTAuOC0wLjgtMi0wLjgtMi44LDAgICBjLTAuOCwwLjgtMC44LDIsMCwyLjhMOS4yLDEybC0zLjYsMy42Yy0wLjgsMC44LTAuOCwyLDAsMi44QzYsMTguOCw2LjUsMTksNywxOXMxLTAuMiwxLjQtMC42bDMuNi0zLjZsMy42LDMuNiAgIEMxNiwxOC44LDE2LjUsMTksMTcsMTlzMS0wLjIsMS40LTAuNmMwLjgtMC44LDAuOC0yLDAtMi44TDE0LjgsMTJ6IiBpZD0iZXhpdCIvPjwvZz48L3N2Zz4=');
    --cross-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjZmZmIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PHBhdGggZD0iTTE0LjgsMTJsMy42LTMuNmMwLjgtMC44LDAuOC0yLDAtMi44Yy0wLjgtMC44LTItMC44LTIuOCwwTDEyLDkuMkw4LjQsNS42Yy0wLjgtMC44LTItMC44LTIuOCwwICAgYy0wLjgsMC44LTAuOCwyLDAsMi44TDkuMiwxMmwtMy42LDMuNmMtMC44LDAuOC0wLjgsMiwwLDIuOEM2LDE4LjgsNi41LDE5LDcsMTlzMS0wLjIsMS40LTAuNmwzLjYtMy42bDMuNiwzLjYgICBDMTYsMTguOCwxNi41LDE5LDE3LDE5czEtMC4yLDEuNC0wLjZjMC44LTAuOCwwLjgtMiwwLTIuOEwxNC44LDEyeiIgaWQ9ImV4aXQiLz48L2c+PC9zdmc+');
    --cross-big-ico: url('data:image/svg+xml;base64,PHN2ZyBpZD0iY3Jvc3MiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBpZD0ibGluZTMiIGNsYXNzPSJjbHMtMSIgZD0iTTY4MS41LDIxOS40OUw4MjEuNTEsMzU5LjVBMjksMjksMCwxLDEsNzgwLjUsNDAwLjUxTDY0MC40OSwyNjAuNUEyOSwyOSwwLDEsMSw2ODEuNSwyMTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTY1IC0xNDQpIi8+PHBhdGggaWQ9ImxpbmUyIiBjbGFzcz0iY2xzLTEiIGQ9Ik02NDEuNzE4LDUzOC4yNjlMOTU5LjI2OSwyMjAuNzE4YzEyLjI4NS0xMi4yODQsMzEuNDI1LTEzLjA2Myw0Mi43NTEtMS43MzdzMTAuNTUsMzAuNDY1LTEuNzQsNDIuNzVMNjgyLjczMSw1NzkuMjgyYy0xMi4yODUsMTIuMjg0LTMxLjQyNSwxMy4wNjMtNDIuNzUsMS43MzdTNjI5LjQzNCw1NTAuNTU0LDY0MS43MTgsNTM4LjI2OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NjUgLTE0NCkiLz48cGF0aCBpZD0ibGluZTEiIGNsYXNzPSJjbHMtMSIgZD0iTTkwMi4wMDksNDQwbDk4Ljk5MSw5OUEyOSwyOSwwLDAsMSw5NTkuOTkxLDU4MEw4NjEsNDgxLjAwOUEyOSwyOSwwLDAsMSw5MDIuMDA5LDQ0MFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NjUgLTE0NCkiLz48L3N2Zz4=');
    --send-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PHBhdGggZD0iTTIxLjUsMTEuMWwtMTcuOS05QzIuNywxLjcsMS43LDIuNSwyLjEsMy40bDIuNSw2LjdMMTYsMTJMNC42LDEzLjlsLTIuNSw2LjdjLTAuMywwLjksMC42LDEuNywxLjUsMS4ybDE3LjktOSAgIEMyMi4yLDEyLjUsMjIuMiwxMS41LDIxLjUsMTEuMXoiIGlkPSJzZW5kIi8+PC9nPjwvc3ZnPg==');
    --gear-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PHBhdGggZD0iTTIyLjIsMTQuNEwyMSwxMy43Yy0xLjMtMC44LTEuMy0yLjcsMC0zLjVsMS4yLTAuN2MxLTAuNiwxLjMtMS44LDAuNy0yLjdsLTEtMS43Yy0wLjYtMS0xLjgtMS4zLTIuNy0wLjcgICBMMTgsNS4xYy0xLjMsMC44LTMtMC4yLTMtMS43VjJjMC0xLjEtMC45LTItMi0yaC0yQzkuOSwwLDksMC45LDksMnYxLjNjMCwxLjUtMS43LDIuNS0zLDEuN0w0LjgsNC40Yy0xLTAuNi0yLjItMC4yLTIuNywwLjcgICBsLTEsMS43QzAuNiw3LjgsMC45LDksMS44LDkuNkwzLDEwLjNDNC4zLDExLDQuMywxMywzLDEzLjdsLTEuMiwwLjdjLTEsMC42LTEuMywxLjgtMC43LDIuN2wxLDEuN2MwLjYsMSwxLjgsMS4zLDIuNywwLjdMNiwxOC45ICAgYzEuMy0wLjgsMywwLjIsMywxLjdWMjJjMCwxLjEsMC45LDIsMiwyaDJjMS4xLDAsMi0wLjksMi0ydi0xLjNjMC0xLjUsMS43LTIuNSwzLTEuN2wxLjIsMC43YzEsMC42LDIuMiwwLjIsMi43LTAuN2wxLTEuNyAgIEMyMy40LDE2LjIsMjMuMSwxNSwyMi4yLDE0LjR6IE0xMiwxNmMtMi4yLDAtNC0xLjgtNC00YzAtMi4yLDEuOC00LDQtNHM0LDEuOCw0LDRDMTYsMTQuMiwxNC4yLDE2LDEyLDE2eiIgaWQ9InNldHRpbmdzIi8+PC9nPjwvc3ZnPg==');
    --list-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDtzY2FsZTogLTE7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9ImluZm8iLz48ZyBpZD0iaWNvbnMiPjxnIGlkPSJtZW51Ij48cGF0aCBkPSJNMjAsMTBINGMtMS4xLDAtMiwwLjktMiwyYzAsMS4xLDAuOSwyLDIsMmgxNmMxLjEsMCwyLTAuOSwyLTJDMjIsMTAuOSwyMS4xLDEwLDIwLDEweiIvPjxwYXRoIGQ9Ik00LDhoMTJjMS4xLDAsMi0wLjksMi0yYzAtMS4xLTAuOS0yLTItMkg0QzIuOSw0LDIsNC45LDIsNkMyLDcuMSwyLjksOCw0LDh6Ii8+PHBhdGggZD0iTTE2LDE2SDRjLTEuMSwwLTIsMC45LTIsMmMwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0yQzE4LDE2LjksMTcuMSwxNiwxNiwxNnoiLz48L2c+PC9nPjwvc3ZnPg==');
    /* --menu-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDtzY2FsZTogLTE7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9ImluZm8iLz48ZyBpZD0iaWNvbnMiPjxnIGlkPSJtZW51Ij48cGF0aCBkPSJNMjAsMTBINGMtMS4xLDAtMiwwLjktMiwyYzAsMS4xLDAuOSwyLDIsMmgxNmMxLjEsMCwyLTAuOSwyLTJDMjIsMTAuOSwyMS4xLDEwLDIwLDEweiIvPjxwYXRoIGQ9Ik00LDhoMTJjMS4xLDAsMi0wLjksMi0yYzAtMS4xLTAuOS0yLTItMkg0QzIuOSw0LDIsNC45LDIsNkMyLDcuMSwyLjksOCw0LDh6Ii8+PHBhdGggZD0iTTE2LDE2SDRjLTEuMSwwLTIsMC45LTIsMmMwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0yQzE4LDE2LjksMTcuMSwxNiwxNiwxNnoiLz48L2c+PC9nPjwvc3ZnPg=='); */
    /* --menu-ico: url('data:image/svg+xml;base64,PHN2ZyBpZD0ibWVudSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxyZWN0IGlkPSJsaW5lMyIgY2xhc3M9ImNscy0xIiB4PSIyMCIgeT0iNDMiIHdpZHRoPSI0NzIiIGhlaWdodD0iNTgiIHJ4PSIyOSIgcnk9IjI5Ii8+PHJlY3QgaWQ9ImxpbmUyIiBjbGFzcz0iY2xzLTEiIHg9IjIwIiB5PSI0MTEiIHdpZHRoPSI0NzIiIGhlaWdodD0iNTgiIHJ4PSIyOSIgcnk9IjI5Ii8+PHJlY3QgaWQ9ImxpbmUxIiBjbGFzcz0iY2xzLTEiIHg9IjE3MSIgeT0iMjI3IiB3aWR0aD0iMzIxIiBoZWlnaHQ9IjU4IiByeD0iMjkiIHJ5PSIyOSIvPjwvc3ZnPg=='); */
    --menu-ico: url('data:image/svg+xml;base64,PHN2ZyBpZD0ibWVudSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxyZWN0IGlkPSJsaW5lMyIgY2xhc3M9ImNscy0xIiB4PSIyMCIgeT0iNTMiIHdpZHRoPSI0NzIiIGhlaWdodD0iNTgiIHJ4PSIyOSIgcnk9IjI5Ii8+PHJlY3QgaWQ9ImxpbmUyIiBjbGFzcz0iY2xzLTEiIHg9IjIwIiB5PSI0MDEiIHdpZHRoPSI0NzIiIGhlaWdodD0iNTgiIHJ4PSIyOSIgcnk9IjI5Ii8+PHJlY3QgaWQ9ImxpbmUxIiBjbGFzcz0iY2xzLTEiIHg9IjE3MSIgeT0iMjI3IiB3aWR0aD0iMzIxIiBoZWlnaHQ9IjU4IiByeD0iMjkiIHJ5PSIyOSIvPjwvc3ZnPg==');
    /* --search-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggaWQ9InNvdXNfc2VhcmNoIiBkYXRhLW5hbWU9InNvdXMgc2VhcmNoIiBjbGFzcz0iY2xzLTEiIGQ9Ik02NjcuNDcxLDIyN2M5NC45NzgtMS4yODYsMTU2LjM5Miw1Mi4wMzcsMTg0LjI4MSwxMTguMTE4LDguOTc2LDIxLjI2OSwxNS4wMjEsNDQuMSwxNS4wMjMsNzUuMDc0VjQzOC4yMWMtNC4wMDcsMTguMDQzLTUuNTIyLDM1LjU2NS0xMi4wMTksNTEuMDUxLTQuNjA3LDEwLjk4My0xNC45MzQsMjIuMDk0LTE3LjAyNSwzNC4wMzQsOS41NTgsNi4yNTEsMTcuMDIxLDE3LjAxMywyNS4wMzgsMjUuMDI1bDU0LjA4Miw1NC4wNTRjOS42NDksOS42NDMsMjcuNzE3LDIyLjMsMzMuMDUxLDM1LjAzNCwxMi45NzEsMzAuOTYyLTE2LjkxNSw2OC42ODItNTAuMDc3LDU5LjA1OS0xOS4yNjEtNS41ODktMzEuMzY4LTI0LjM0My00NC4wNjctMzcuMDM3cS00MS4wNjEtNDEuMDQxLTgyLjEyNS04Mi4wODFDNzU5LjY3MSw1NjMuMzkzLDc0Mi44OCw1NTQuMSw3MzcuNTc4LDUzMS4zYy01Ljg3NC0yNS4yNTEsMTUuNTY3LTM2LjAxNywyNC4wMzYtNDguMDQ4LDEwLjc3MS0xNS4zLDE1LjIzOS0zMi4xMiwyMC4wMzEtNTQuMDU0LDMuOTQ5LTE4LjA3NS0zLjM0OC0zOC04LjAxMi00OS4wNDktMTcuMjA3LTQwLjc1Ny0zNy45NDMtNTUuMTQ0LTg1LjEzLTY2LjA2NS0xMC40OTMtMi40MjktMjguNDY0LTEuODM4LTM4LjA1OCwxLTEwLjY2NywzLjE1Ni0yMi4xODUsNi41MzYtMzEuMDQ3LDEyLjAxMmExMTEuMjEsMTExLjIxLDAsMCwwLTQ3LjA3Miw2MC4wNTljLTE3Ljc3MSw1NC45NDksMTQuNTU4LDEwNC42NTEsNDYuMDcsMTI0LjEyNCwxMC42Nyw2LjU5NCwyNC41MTksMTAuODQ3LDM4LjA1OCwxNC4wMTRoMjMuMDM1YzEwLjk4OCwyLjc1MiwyMi4yNDksOC45NjMsMjguMDQzLDE3LjAxNywyMS42LDMwLjAyMS0uOTc2LDU3Ljk2OC0yNC4wMzcsNjkuMDY5LTMuODE5LDEuODM4LTI0LjA0My0uMzMtMjcuMDQxLTFsLTE1LjAyMy0xYy0xNS4zNjYtMy43ODgtMzAuMzE4LTguNDc2LTQzLjA2NS0xNC4wMTRDNTQyLjAzNyw1NzAuODkyLDUwNy45NTcsNTMwLjU0Myw0ODkuMiw0NjguMjRjLTcuMTYtMjMuNzg0LTEwLjQxNi02Mi4xNDgtMy04OS4wODksMTguMTQ2LTY1Ljk2NSw1NC42LTExMS45NjcsMTEzLjE3Mi0xMzcuMTM2LDE0LjAzMy02LjAzLDI5Ljk1Ni05LjI2Miw0Ni4wNy0xMy4wMTNDNjUxLjk0NCwyMjcuNDg4LDY2Mi4zLDIzMC4yMDksNjY3LjQ3MSwyMjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYxLjQ4NSAtMjA2LjUpIi8+PC9zdmc+Cg=='); */
    /* --search-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+ICA8cGF0aCBpZD0ic291c19zZWFyY2hfMSIgZGF0YS1uYW1lPSJzb3VzIHNlYXJjaCAxIiBjbGFzcz0iY2xzLTEiIGQ9Ik02NjcuMDEsMjI2Yzk1LjA4LTEuMjg5LDE1Ni41NTksNTIuMTc1LDE4NC40NzcsMTE4LjQzMSw4Ljk4NiwyMS4zMjYsMTUuMDM3LDQ0LjIxMywxNS4wMzksNzUuMjc0djE4LjA2NkM4NjIuNTE1LDQ1NS44NjIsODYxLDQ3My40Myw4NTQuNSw0ODguOTU4Yy00LjYxMiwxMS4wMTEtMTQuOTUsMjIuMTUyLTE3LjA0NCwzNC4xMjQsOS41NjgsNi4yNjcsMTcuMDQsMTcuMDU4LDI1LjA2NSwyNS4wOTFsNTQuMTQsNTQuMmM5LjY1OSw5LjY2OCwyNy43NDcsMjIuMzYzLDMzLjA4NiwzNS4xMjcsMTQuNDIsMzQuNDc4LTIxLjc0OCw3MS44OTUtNTYuMTQ2LDU3LjIwOS0xNS43LTYuNzA1LTI3LjU2OC0yNC41ODYtMzkuMS0zNi4xMzJxLTM5LjEtMzkuMTQ0LTc4LjItNzguMjg1Yy0xMy4wOTItMTMuMTA3LTMyLjE3OS0yNC4yODItMzguMS00NC4xNjEtNy44LTI2LjIwNiwxMS4wMTktMzcuMDI0LDIwLjA1Mi00OS4xNzksNi45NjMtOS4zNjksMTQuMTA4LTIxLjI4MSwxOC4wNDctMzMuMTIsMTcuNDI4LTUyLjM4NC05LjkzNS0xMDIuMzktNDAuMS0xMjMuNDUtNy40NjMtNS4yMDktMTQuODc1LTcuMzA5LTI0LjA2Mi0xMS4wNC0xMS4zMzktNC42LTMyLjU1Ni0xMS4xNzktNTEuMTMzLTcuMDI2LTEwLjI1NCwyLjI5My0yMS4wMTEsNC4xLTMwLjA3Nyw4LjAzLTM4LjU2NiwxNi43MjItNzkuMjU2LDcwLjI4My01OS4xNTMsMTMxLjQ3OCw0LjY0LDE0LjEyNywxMi44NDYsMjcuMTg5LDIxLjA1NCwzOC4xMzksOC41NzgsMTEuNDQzLDI1LjMyMSwyMi4xMzUsMzkuMSwyOC4xLDE1LjY2OSw2Ljc4NCwyOC42Nyw4LjQ4NywzNy4xLDIyLjA4LDE3LjY3OSwyOC41MTktNy41NzksNzUuMzc3LTQ0LjExNCw2Ni4yNDEtNTYuOTczLTE0LjI0Ni05NS40NDUtNTMuNC0xMjIuMzE2LTk4LjM1OC01LjAyLTguNC02LjIwNy0xNy41LTEwLjAyNi0yNy4xLTEyLjU1Ny0zMS41NDktMTQuNC04My41NjYtMy4wMDgtMTE4LjQzMSw4LjIyOC0yNS4xNzgsMjAuNzg4LTQ2Ljk4MywzNS4wOTEtNjYuMjQxLDIwLjktMjguMTQ0LDU2LjUzNS01MC4yMDYsOTMuMjQxLTYyLjIyNywxMS4xMzItMy42NDYsMjMuMzgxLTQuNDQzLDM1LjA5MS03LjAyNUM2NTcuNjQyLDIyNS45NzQsNjYzLjczMiwyMjguMDM3LDY2Ny4wMSwyMjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYxLjUgLTIwNikiLz48L3N2Zz4K'); */
    /* --search-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggaWQ9InNvdXNfc2VhcmNoIiBjbGFzcz0iY2xzLTEiIGQ9Ik05NTUuMjIsNTYuMDM2YzE3OC40Mi0yLjc3OSwyNzEuMDIsMTc5LjYyMSwxNzQuMjksMzE4LjA2NGwxMDguMjIsMTA4LjNjOC43NSwxMi4wNzgsNi4xNCwzMy4wMjQtNC41Niw0MS4wNC0xNi45LDEyLjY2OS0zNS4zNCwxLjA4NC00NS41Ni05LjEycS02Mi4wODUtNjIuNjk0LTEyNC4xNy0xMjUuNGMtMTAuMTUtMzEuMTQ0LDkuOS0yOS4xNjgsMzEuOS02Ni4xMiwyNS4wMi00Mi4wNDUsMTguMDEtMTA5Ljc2NC02Ljg0LTE0Ny4wNjMtMjguNTktNDIuOTItOTkuOTI3LTgxLjUzMS0xNzAuODcyLTUzLjU4LTk3LjU4MywzOC40NDQtMTI0LjM1NiwxNzYuMTExLTM2LjQ1MywyNDUuMSwxNS42LDEyLjI0NiwzNiwyMi4xNTUsNTguMSwyNy4zNjEsMTcuMTI5LDQuMDM0LDM5LjctLjIzNSw1MC4xMjMsMTAuMjYsMTUuOTM1LDE2LjA0OCw0LjkwNiw0NC45LTEzLjY3LDUwLjE2LTE3LjcsNS4wMTctNzIuNS0xMS40MTYtOTEuMTMzLTIwLjUyQzgxMS43LDM5OC45MTQsNzQ3LjYsMzEzLjg3OSw3NzcuNTExLDIwMC44MTgsNzk0LjYyNCwxMzYuMTMzLDg0MS40MjksOTAuNjc3LDkwMS42OCw2Ny40MzYsOTIwLjQyNSw2MC4zMzQsOTQyLjc3NCw1Ni4yMzMsOTU1LjIyLDU2LjAzNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NTAuNDg1IC0zNi41KSIvPjwvc3ZnPg=='); */
    --search-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggaWQ9InNlYXJjaCIgY2xhc3M9ImNscy0xIiBkPSJNNjY2LjAzMywyNTIuODc4QzgxNS43LDIzOC41NDMsOTEyLjM3Myw0MDQuNDYzLDgyMy40Nyw1MzEuOTY2bDk2LjI2OCw5Ni4zNzZjMTAuNzE0LDE1Ljk3OS0uNDY5LDM3LjAwOC0xNS4wNDIsNDAuMTU2LTE3Ljc5MiwzLjg0NC0zMC42OC0xNC42LTM5LjEwOC0yMy4wOUM3OTEuNjc5LDU3MC45ODcsNzY2LjU0NSw1NTIuMzcsNzYzLjMsNTM4Ljk5M2MtNC42ODQtMTkuMzI4LDEyLTI1LjUsMjAuMDU2LTM3LjE0NCwxMS45LTE3LjE5LDIxLjY1Mi0zNi4yMDcsMjQuMDY3LTY0LjI1MUM4MTYuMSwzMzYuODEsNzA2LjY5LDI2OC43MTYsNjE4LjksMzE5LjEzN2MtODYuNDQsNDkuNjQ2LTc4Ljc2MywxODAuNTc4LDExLjAzLDIyMS44NjQsMTUuNDUxLDcuMSw0Mi43ODMsMTMuMjc1LDYzLjE3NiwxMS4wNDMsMTEuODYtMS4zLDI5LjMyNS04LjgzNCw0MS4xMTQtMy4wMTEsMTcuNiw4LjY4OSwxNy42NywzOC41MjksMCw0Ny4xODMtMjYuOTc1LDEzLjIxMi04My4yNjgsNS41LTEwNy4zLTMuMDExQzU2MC4yNjcsNTY5LjU5MSw0OTEuNCw1MDQuMTgzLDUxMS42LDM5MC40MTRjMTAuMDY5LTU2LjcsNTUuMDczLTEwNi4zNjksMTA5LjMtMTI3LjVDNjMxLjU0NywyNTguOTksNjUyLjUwNywyNTMuMzU2LDY2Ni4wMzMsMjUyLjg3OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjAuMDE1IC0yMDQuNSkiLz48L3N2Zz4=');
    /* --heart-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggaWQ9ImhlYXJ0XzEiIGRhdGEtbmFtZT0iaGVhcnQgMSIgY2xhc3M9ImNscy0xIiBkPSJNNjkwLjg2LDE5NS41YzQ1LjQ3LS4xMDgsNzYuNzIzLDIwLjc0OCwxMDkuNzg5LDUwLjI3NiwyLjM1NS0xLjcwOC43MzMtLjEyNSwyLjQ0OS0yLjQ1MywyMy41MDgtMTguMjE1LDM4LjY0My0zNy43NDQsNzMuOTQyLTQ1LjM3LDk2LjI2Ni0yMC44LDE4My4yNyw3Mi4xODgsMTU0LjMzLDE2Ny45OTMtMTEuODIsMzkuMTQ2LTM3LjkzNSw1NC44MTctNjAuMDE1LDgyLjE1OEw4MDEuMSw2MjFoLTMuNjc0TDYyOS42MTcsNDQ5LjMyOGMtMTQuNjU4LTE4LjItMzUuMjYtMzAuODIzLTQ3Ljc3LTUxLjUtMzEuOTExLTUyLjc1LTE0Ljg4Mi0xMjguOTYsMjAuODIzLTE2NC4zMTUsMTUuNTY4LTE1LjQxNSwzNy4xNDEtMjcuNzY1LDYxLjI0My0zNC4zMzRabTQyLjMwOSwxMDIuMDdDNzIzLjA2OCwyODcuMDIxLDcxMC43MTksMjc4LDY5NSwyNzhhNDcsNDcsMCwwLDAtMzQuMjExLDc5LjIyOEM2NjkuMzYsMzY2LjMyMyw4MDAsNTAyLDgwMCw1MDJTOTI3Ljk4LDM3MC40OTEsOTM2LjI4OSwzNjMuMDcyQTQ3LDQ3LDAsMCwwLDkwNSwyODFjLTE0LjMzNywwLTI2LjI1Myw3LTM0LjgsMTUuNTQxQzg2Mi41ODQsMzA0LjE2MSw4MDAsMzY3LDgwMCwzNjdTNzUyLjcsMzE3LjU2Miw3MzMuMTY5LDI5Ny41NjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ1LjAxNSAtMTUyKSIvPjwvc3ZnPg=='); */
    --heart-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggaWQ9ImhlYXJ0IiBjbGFzcz0iY2xzLTEiIGQ9Ik02OTAuODYsMTk1LjVjNDUuNDctLjEwOCw3Ni43MjMsMjAuNzQ4LDEwOS43ODksNTAuMjc2LDIuMzU1LTEuNzA4LjczMy0uMTI1LDIuNDQ5LTIuNDUzLDIzLjUwOC0xOC4yMTUsMzguNjQzLTM3Ljc0NCw3My45NDItNDUuMzcsOTYuMjY2LTIwLjgsMTgzLjI3LDcyLjE4OCwxNTQuMzMsMTY3Ljk5My0xMS44MiwzOS4xNDYtMzcuOTM1LDU0LjgxNy02MC4wMTUsODIuMTU4TDgwMS4xLDYyMWgtMy42NzRMNjI5LjYxNyw0NDkuMzI4Yy0xNC42NTgtMTguMi0zNS4yNi0zMC44MjMtNDcuNzctNTEuNS0zMS45MTEtNTIuNzUtMTQuODgyLTEyOC45NiwyMC44MjMtMTY0LjMxNSwxNS41NjgtMTUuNDE1LDM3LjE0MS0yNy43NjUsNjEuMjQzLTM0LjMzNFptNDguNDg0LDc2LjI1NkE3Miw3MiwwLDEsMCw2NDQuODM0LDM4MC40QzY1Ny40NjgsMzkxLjM2NSw3OTksNTM0LDc5OSw1MzRTOTQyLjUzMiwzOTEuMzY1LDk1NS4xNjYsMzgwLjRhNzIsNzIsMCwxLDAtOTQuNTEtMTA4LjY0N0M4NzQuNTU5LDI1OS42MDksODAxLDMxNCw4MDEsMzE0UzcyNS40NDEsMjU5LjYwOSw3MzkuMzQ0LDI3MS43NTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ1LjAxNSAtMTUyKSIvPjwvc3ZnPg==');
    --more-ico: url('data:image/svg+xml;base64,PHN2ZyBpZD0ibW9yZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxjaXJjbGUgaWQ9ImRvdCIgY2xhc3M9ImNscy0xIiBjeD0iNjMuNSIgY3k9IjI1NiIgcj0iNDMuNSIvPjxjaXJjbGUgaWQ9ImRvdDIiIGNsYXNzPSJjbHMtMSIgY3g9IjI1Ni41IiBjeT0iMjU2IiByPSI0My41Ii8+PGNpcmNsZSBpZD0iZG90MyIgY2xhc3M9ImNscy0xIiBjeD0iNDQ4LjUiIGN5PSIyNTYiIHI9IjQzLjUiLz48L3N2Zz4=');
    --arrow-left-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PHBhdGggZD0iTTIwLDEwYy0yLjMtMC4yLTEwLDAtMTAsMFY2YzAtMC44LTAuOC0xLjMtMS40LTAuOGwtNi4zLDZjLTAuNSwwLjQtMC41LDEuMiwwLDEuNmw2LjMsNmMwLjYsMC41LDEuNCwwLDEuNC0wLjggICB2LTRjMCwwLDcuNiwwLjIsMTAsMGMxLjEtMC4xLDItMC45LDItMkMyMiwxMC45LDIxLjEsMTAuMSwyMCwxMHoiIGlkPSJhcnJvdyIvPjwvZz48L3N2Zz4=');
    --support-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMzA7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LDI2djJjMi4zNDIsMCw0LjIwMi0wLjg1Myw1LjYyMy0ySDE1eiIvPjxwYXRoIGQ9Ik01LDE2djJjMCwyLjUsMiwzLDIsMyAgczIsNiw4LDYiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7Ii8+PHBhdGggZD0iTTI2LDE3aC0zYzAtNi4yNC0zLTktMy05Yy0zLDctMTMsMi0xMyw5SDRjMCwwLDAtMC4xMTgsMC00QzQsNiwxMCwyLDE1LDJjNCwwLDUsMiw1LDJjNCwwLDYsNSw2LDlWMTd6Ii8+PHBhdGggZD0iTTE1LjUsMjFjLTAuMTc2LDAtMC44MjQsMC0xLDBjLTAuODI4LDAtMS41LDAuNjcyLTEuNSwxLjVzMC42NzIsMS41LDEuNSwxLjVjMC4xNzYsMCwwLjgyNCwwLDEsMCAgYzAuODI4LDAsMS41LTAuNjcyLDEuNS0xLjVTMTYuMzI4LDIxLDE1LjUsMjF6Ii8+PHBhdGggZD0iTTE2LDIzaDVjMi4yMDksMCw0LTEuNzkxLDQtNCAgdi0zIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIvPjxwYXRoIGQ9Ik0yNSwyMGgtMnYtNWgyYzEuMTA1LDAsMiwwLjg5NSwyLDJ2MUMyNywxOS4xMDUsMjYuMTA1LDIwLDI1LDIweiIvPjwvc3ZnPg==');
    --play-ico: url('data:image/svg+xml;base64,PHN2ZyBpZD0icGxheSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGlkPSJsaW5lMyIgY2xhc3M9ImNscy0xIiBkPSJNNjg4LjIzMywxMTMuMzg1bDM1OC41MzcsMjA3YTI5LDI5LDAsMCwxLTI5LDUwLjIzbC0zNTguNTM3LTIwN0EyOSwyOSwwLDAsMSw2ODguMjMzLDExMy4zODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTk3LjEyNSAtODkuNSkiLz48cGF0aCBpZD0ibGluZTIiIGNsYXNzPSJjbHMtMSIgZD0iTTY2MC4yMzMsNTI3LjM4NWwzNTguNTM3LTIwN2EyOSwyOSwwLDAsMSwyOSw1MC4yM2wtMzU4LjUzNywyMDdBMjksMjksMCwwLDEsNjYwLjIzMyw1MjcuMzg1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5Ny4xMjUgLTg5LjUpIi8+PHJlY3QgaWQ9ImxpbmUxIiBjbGFzcz0iY2xzLTIiIHg9IjQ2Ljg3NSIgeT0iMjAuNSIgd2lkdGg9IjU4IiBoZWlnaHQ9IjM3MCIgcng9IjI5IiByeT0iMjkiLz48L3N2Zz4=');
    /* --login-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgOTYgOTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48Zz48cGF0aCBkPSJNNDMuNzU3OCw2MS43NTc4YTUuOTk5NCw1Ljk5OTQsMCwxLDAsOC40ODQ0LDguNDg0NGwxOC0xOGE1Ljk5NzksNS45OTc5LDAsMCwwLDAtOC40ODQ0bC0xOC0xOGE1Ljk5OTQsNS45OTk0LDAsMCwwLTguNDg0NCw4LjQ4NDRMNTEuNTE1Niw0Mkg2QTYsNiwwLDAsMCw2LDU0SDUxLjUxNTZaIi8+PHBhdGggZD0iTTkwLDBIMzBhNS45OTY2LDUuOTk2NiwwLDAsMC02LDZWMThhNiw2LDAsMCwwLDEyLDBWMTJIODRWODRIMzZWNzhhNiw2LDAsMCwwLTEyLDBWOTBhNS45OTY2LDUuOTk2NiwwLDAsMCw2LDZIOTBhNS45OTY2LDUuOTk2NiwwLDAsMCw2LTZWNkE1Ljk5NjYsNS45OTY2LDAsMCwwLDkwLDBaIi8+PC9nPjwvc3ZnPg=='); */
    --login-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PGcgaWQ9InVzZXIiPjxlbGxpcHNlIGN4PSIxMiIgY3k9IjgiIHJ4PSI1IiByeT0iNiIvPjxwYXRoIGQ9Ik0yMS44LDE5LjFjLTAuOS0xLjgtMi42LTMuMy00LjgtNC4yYy0wLjYtMC4yLTEuMy0wLjItMS44LDAuMWMtMSwwLjYtMiwwLjktMy4yLDAuOXMtMi4yLTAuMy0zLjItMC45ICAgIEM4LjMsMTQuOCw3LjYsMTQuNyw3LDE1Yy0yLjIsMC45LTMuOSwyLjQtNC44LDQuMkMxLjUsMjAuNSwyLjYsMjIsNC4xLDIyaDE1LjhDMjEuNCwyMiwyMi41LDIwLjUsMjEuOCwxOS4xeiIvPjwvZz48L2c+PC9zdmc+');
    --attention-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTM5IDEzOSIgaGVpZ2h0PSIxMzlweCIgaWQ9Ildhcm5pbmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEzOSAxMzkiIHdpZHRoPSIxMzlweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTY5LjY5OSw5MC4yOTRjLTUuODE1LDAtMTAuNTI4LTQuNzEyLTEwLjUyOC0xMC41MjhWMjQuMTE5YzAtNS44MTQsNC43MTMtMTAuNTI4LDEwLjUyOC0xMC41MjggIGM1LjgxMywwLDEwLjUyOCw0LjcxNCwxMC41MjgsMTAuNTI4djU1LjY0N0M4MC4yMjgsODUuNTgyLDc1LjUxMyw5MC4yOTQsNjkuNjk5LDkwLjI5NHoiLz48Y2lyY2xlIGN4PSI2OS4wMjMiIGN5PSIxMTAuNTk4IiByPSI5LjAyNCIvPjwvc3ZnPg==');
    --secure-ico: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggaWQ9InNlY3VyZSIgY2xhc3M9ImNscy0xIiBkPSJNNTc5LjgxMiwzMzguNjI0djg3LjEwN2MwLDE0LjcyMS0yLjE4MywzMi40MjQuOTkyLDQ1LjUzMywxNC4wMjYsNTcuOTA5LDQ5Ljk1NCwxMDYuOTI3LDEwNy4wODIsMTIwLjc2Miw1LjkzNiwxLjQzNywxMS4zNTYtMi41NDYsMTQuODczLTMuOTYsMTcuOTYzLTcuMjIsMjUuNjM0LTExLjYxNCwzOS42Ni0yMS43NzcsMzMuMTQxLTI0LjAxMiw0OC45ODYtNTUuNjM4LDU5LjQ5LTEwMi45NDRWNDQwLjU3OGMwLTE5LjgyMS0xLjA3Ni00Mi4yLjk5MS02MC4zODEsNi41OTQtNS4yMTgsNy44OTMtOS4wNDcsMjAuODIyLTguOTA4LDIuOCwyLjY0OCw3LjEzOCw0LjMyNiw4LjkyMyw3LjkxOSwyLjkzLDUuOS45OTIsMTguOTQxLDAuOTkyLDI2LjcyNiwwLDIxLjYwOCwzLjYxOSw0OC41ODItLjk5Miw2OC4zLTE0LjgwNiw2My4zMTctNDIuMTYyLDEwMS4wNDItOTAuMjI2LDEzMC42NjEtNy43MTQsNC43NTMtNDEuNzczLDIyLjY0Ni01NC41MzMsMTkuOC03Ni4zODMtMTcuMDU2LTEyMS4wNDUtNzMuOTE5LTEzOC44MS0xNTAuNDU4LTMuOTczLTE3LjExNy0uOTkxLTQwLjQ3Ny0wLjk5Mi01OS4zOTFWMzE4LjgyN2MxLjYwNy00Ljg5NSw2LjY5Mi03LjUxLDkuOTE1LTEwLjg4OSw0NS43MTEtMi45NDksNjUuMTQzLTEuOTQsOTMuMi0yMi43NjYsMTAuNzI2LTcuOTYyLDI1LjI3Mi0zNy42LDM0LjctNDAuNTg0LDUuNjUxLTEuNzksMTMuMjMyLDEsMTUuODY0LDIuOTY5LDMuMjc1LDIuNDQ3LDMuNyw3LjI3OSw1Ljk0OSwxMC44ODksNS4zNjgsOC42MzEsMTMuNzM2LDE5LjcyOCwyMS44MTMsMjUuNzM2LDE0LjkxOCwxMS4wOTUsMzAuOTY5LDE3Ljg4OCw1Mi41NSwyMi43NjZoMzcuNjc3YzIuMTM2LDAuNTg4LDQuMjg3LDIuMjgzLDYuOTQsMi45NywzLjY5LDUuNTQ5LDYuODYxLDguMDE2LDYuOTQxLDE3LjgxNy0zLjU1Myw0LjQ2Ny0zLjg2NCw4LjY4NS0xMC45MDcsOS45LTQuNTYyLDIuOTIxLTM1Ljk2LDEuMjcyLTQxLjY0MywwbC0xOC44MzgtMS45OGExNTUuMiwxNTUuMiwwLDAsMS00Ni42LTIxLjc3N2MtNy4xNTUtNS4wMjctMTkuMTM0LTIxLjI0LTI1Ljc3OS0yMy43NTZDNjY5Ljk4NSwzMTkuOTE3LDYzMC4wODMsMzM4LjM3OCw1NzkuODEyLDMzOC42MjRabTE1OC42NDEsNjMuMzVjMTAuMDkxLDMuNDQzLDE2LjA0NCw3LjExNywxNS44NjQsMjAuNzg3LTIyLjYyMywyNi44NjYtNDguMjczLDQ5LjktNzMuMzcxLDc0LjIzOS00LjYxNC4zNS03LjM4NiwxLjcxNS0xMS45LDAtNS44MTMtMi4yMS05Ljc1Ni04Ljc1LTEzLjg4MS0xMi44NjgtOS44LTkuNzc5LTI3LjczMS0xOC44MjgtMjcuNzYyLTM3LjYxNSwyLjYtMy40MTcsMi41LTcuMTY0LDYuOTQtOC45MDgsMi42ODYtMy4yNDQsNy43MjgtMy4xNjksMTMuODgxLTIuOTcsMiwxLjkzNiw0LjU5MSwyLjI2LDYuOTQxLDMuOTYsNy4zMjUsNS4zLDExLjcyNCwxNi41MzUsMjAuODIxLDE5LjhsNTAuNTY3LTUxLjQ3M0M3MjkuOTA1LDQwNC41MjQsNzM1LjAyNCw0MDQuNCw3MzguNDUzLDQwMS45NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM0Ljk4NSAtMTc4LjUxNikiLz48L3N2Zz4=');
    --heart-small-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBkYXRhLW5hbWU9IjAwNF9ST01BTlRJQyIgaGVpZ2h0PSIyNCIgaWQ9Il8wMDRfUk9NQU5USUMiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTEyLDIxLjM3M2MtMS4zODQ4LS4wMDA5LTMuNTQ1OS0xLjY4MTYtNC4xNzQ4LTIuMTk2N2ExLDEsMCwxLDEsMS4yNjY2LTEuNTQ3OSw3LjkyNjksNy45MjY5LDAsMCwwLDIuOTEyMSwxLjc0NDZjMS4yMzg4LS4wNTg1LDguMjg0Ny01LjE1NzIsOC4yODQ3LTEwLjkyOTY0YTYuNTEyMTcsNi41MTIxNywwLDAsMC0uMjUtMS43OTQ5MkEzLjY4MDg4LDMuNjgwODgsMCwwLDAsMTYuNTA1OSw0YTMuODgxMzMsMy44ODEzMywwLDAsMC0zLjU3NzIsMi43NDQ2MywxLjAwMDA3LDEuMDAwMDcsMCwwLDEtMS44NTY5LDBBMy44ODE3OSwzLjg4MTc5LDAsMCwwLDcuNDk0NjMsNCwzLjY4MiwzLjY4MiwwLDAsMCwzLjk2MTQzLDYuNjQ4YTYuNTM4MzEsNi41MzgzMSwwLDAsMC0uMjQ5NTIsMS43OTU0MUExMC45Mjc5MiwxMC45Mjc5MiwwLDAsMCw2LjQxOTQzLDE0LjkzOWEuOTk5NzEuOTk5NzEsMCwxLDEtMS41NTY2NCwxLjI1NDhBMTIuODYzODMsMTIuODYzODMsMCwwLDEsMS43MTE5MSw4LjQ0MzM2YTguNTI4NzMsOC41Mjg3MywwLDAsMSwuMzI2NjYtMi4zNDQ3M0E1LjY5MDQ3LDUuNjkwNDcsMCwwLDEsNy40OTQ2MywyLDUuNTQyMjgsNS41NDIyOCwwLDAsMSwxMiw0LjMyNzE1LDUuNTQyNDUsNS41NDI0NSwwLDAsMSwxNi41MDU5LDJhNS42ODkxOSw1LjY4OTE5LDAsMCwxLDUuNDU1NSw0LjA5ODE0LDguNTA1NjEsOC41MDU2MSwwLDAsMSwuMzI3MiwyLjM0NTIyQzIyLjI4ODYsMTUuMjYwNywxNC4zNzM1LDIxLjM3MywxMiwyMS4zNzNaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+');
    --airplane-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBkYXRhLW5hbWU9IjAxOV90cmFuc3BvcnQiIGlkPSJfMDE5X3RyYW5zcG9ydCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05Ljg0LDIySDhhMSwxLDAsMCwxLS44LS40QTEsMSwwLDAsMSw3LDIwLjczbDItNi45NGExLDEsMCwxLDEsMS45Mi41NUw5LjMzLDIwaC41MWExLDEsMCwwLDAsLjg3LS41bDMuNDItNkExLDEsMCwwLDEsMTUsMTNoNWExLDEsMCwwLDAsMC0ySDE1YTEsMSwwLDAsMS0uODctLjVsLTMuNDItNkExLDEsMCwwLDAsOS44NCw0SDkuMzNMMTEsOS43M2ExLDEsMCwwLDEtLjE2Ljg3LDEsMSwwLDAsMS0uOC40SDUuODdhMSwxLDAsMCwxLS43NC0uMzJMMy41Nyw5SDMuMzlsMS4xLDMuMzJhMSwxLDAsMCwwLDEsLjY4aC42M2ExLDEsMCwwLDEsMCwySDUuNDRBMywzLDAsMCwxLDIuNiwxM0wxLjA1LDguMzJhMSwxLDAsMCwxLC4xNC0uOUExLDEsMCwwLDEsMiw3SDRhMSwxLDAsMCwxLC43My4zMkw2LjMsOUg4LjY3TDcsMy4yN0ExLDEsMCwwLDEsNy4yLDIuNCwxLDEsMCwwLDEsOCwySDkuODRhMywzLDAsMCwxLDIuNiwxLjUxTDE1LjU4LDlIMjBhMywzLDAsMCwxLDAsNkgxNS41OGwtMy4xNCw1LjQ5QTMsMywwLDAsMSw5Ljg0LDIyWiIvPjwvc3ZnPg==');
    --ready-to-use-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBkYXRhLW5hbWU9IjAyNF9IT0xJREFZUyIgaWQ9Il8wMjRfSE9MSURBWVMiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42LDE3QTEsMSwwLDAsMSw5LDE1LjE3TDEwLjc2LDE0aC0zYTIsMiwwLDAsMC0uOS4yMUwzLjQ1LDE1Ljg5YTEsMSwwLDAsMS0uOS0xLjc4bDMuMzctMS42OUE0LjA5LDQuMDksMCwwLDEsNy43MSwxMmg0LjY3YTEuNSwxLjUsMCwwLDEsLjg0LDIuNzRsLTMuMDYsMi4wOUExLDEsMCwwLDEsOS42LDE3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMsMjJhMSwxLDAsMCwxLS44OS0uNTUsMSwxLDAsMCwxLC40NC0xLjM0bDQtMkExLDEsMCwwLDEsNywxOGgzLjc5YTMsMywwLDAsMCwxLjY2LS41bDgtNS4zM2ExLDEsMCwxLDEsMS4xLDEuNjZsLTgsNS4zM2E1LDUsMCwwLDEtMi43Ny44NEg3LjI0TDMuNDUsMjEuODlBLjkzLjkzLDAsMCwxLDMsMjJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIsNWExLDEsMCwwLDEtMS0xVjNhMSwxLDAsMCwxLDIsMFY0QTEsMSwwLDAsMSwxMiw1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsMTFINUExLDEsMCwwLDEsNSw5SDZhMSwxLDAsMCwxLDAsMloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwxMUgxOGExLDEsMCwwLDEsMC0yaDFhMSwxLDAsMCwxLDAsMloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNi4yNCw2Ljc2YTEsMSwwLDAsMS0uNy0uMywxLDEsMCwwLDEsMC0xLjQxbC43LS43MWExLDEsMCwxLDEsMS40MiwxLjQybC0uNzEuN0ExLDEsMCwwLDEsMTYuMjQsNi43NloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03Ljc2LDYuNzZhMSwxLDAsMCwxLS43MS0uM2wtLjcxLS43QTEsMSwwLDAsMSw3Ljc2LDQuMzRsLjcuNzFhMSwxLDAsMCwxLDAsMS40MUExLDEsMCwwLDEsNy43Niw2Ljc2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LDExLjdhMS4xLDEuMSwwLDAsMS0uNC0uMDgsMSwxLDAsMCwxLS41Mi0xLjMyLDEuMTksMS4xOSwwLDAsMCwuMS0uNDYsMS4xNSwxLjE1LDAsMCwwLTIuMjksMCwxLDEsMCwwLDEtMiwwLDMuMTUsMy4xNSwwLDAsMSw2LjI5LDAsMywzLDAsMCwxLS4yNywxLjI2QTEsMSwwLDAsMSwxNCwxMS43WiIvPjwvc3ZnPg==');
    --saving-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBkYXRhLW5hbWU9IjAxNl9GT09EIiBpZD0iXzAxNl9GT09EIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTUiIGN5PSIxNiIgcj0iMSIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iOCIgY3k9IjE2IiByPSIxIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI4IiBjeT0iOSIgcj0iMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjUzLDIyYTkuNTMsOS41MywwLDEsMSwwLTE5LDEsMSwwLDAsMSwwLDJBNy41Myw3LjUzLDAsMSwwLDE5LDEzLjMxYTEsMSwwLDAsMSwxLjEtLjg4LDEsMSwwLDAsMSwuODgsMS4xQTkuNSw5LjUsMCwwLDEsMTEuNTMsMjJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuNjcsMTIuMzNhMSwxLDAsMCwxLTEtMS4yMUwxMy41LDIuNzlBMSwxLDAsMCwxLDE0LjY5LDIsOS41NSw5LjU1LDAsMCwxLDIyLDkuMzFhMSwxLDAsMCwxLS43NywxLjE5bC04LjMzLDEuODFabTIuNTYtOC4wOEwxNCwxMGw1Ljc3LTEuMjVBNy41NCw3LjU0LDAsMCwwLDE1LjIzLDQuMjVaIi8+PC9zdmc+');
    --reviews-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBkYXRhLW5hbWU9IjAwNF9ST01BTlRJQyIgaGVpZ2h0PSIyNCIgaWQ9Il8wMDRfUk9NQU5USUMiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTcsMjJhMS4wMDAwOSwxLjAwMDA5LDAsMCwxLTEtMVYxOEg1YTMuMDAzMjcsMy4wMDMyNywwLDAsMS0zLTNWN0EzLjAwMzI3LDMuMDAzMjcsMCwwLDEsNSw0SDdBMSwxLDAsMCwxLDcsNkg1QTEuMDAxLDEuMDAxLDAsMCwwLDQsN3Y4YTEuMDAwOTQsMS4wMDA5NCwwLDAsMCwxLDFIN2EuOTk5NzkuOTk5NzksMCwwLDEsMSwxdjEuNTg1OWwyLjI5My0yLjI5MjlBLjk5OTI2Ljk5OTI2LDAsMCwxLDExLDE2aDVhMS4wMDEsMS4wMDEsMCwwLDAsMS0xVjE0YTEsMSwwLDAsMSwyLDB2MWEzLjAwMzI4LDMuMDAzMjgsMCwwLDEtMywzSDExLjQxNDFMNy43MDcsMjEuNzA3QS45OTk3MS45OTk3MSwwLDAsMSw3LDIyWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxyZWN0IGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6IzMzMyIgd2lkdGg9IjIiIHg9IjYiIHk9IjE2Ii8+PHBhdGggZD0iTTE2LDEyYy0xLjE2MzEsMC0zLjM3MDEtMS41MjI1LTQuNjMwOS0zLjE5NDM0YTUuNjg2LDUuNjg2LDAsMCwxLTEuMTc1Ny01LjA3ODYxLDMuNTEzNDIsMy41MTM0MiwwLDAsMSwzLjIwNDEtMi41MzY2MkEzLjM5OTc5LDMuMzk5NzksMCwwLDEsMTYsMi4xOTk3MWEzLjM5ODcxLDMuMzk4NzEsMCwwLDEsMi42MDI0OS0xLjAwOTI4LDMuNTEzMjYsMy41MTMyNiwwLDAsMSwzLjIwNDEsMi41MzcxMSw1LjY4NTI1LDUuNjg1MjUsMCwwLDEtMS4xNzU3LDUuMDc4MTJDMTkuMzcwMDksMTAuNDc3NSwxNy4xNjMwOSwxMiwxNiwxMlpNMTMuNTc2MiwzLjE4NmMtLjAyNTQsMC0uMDUwOC4wMDA0OC0uMDc3Mi4wMDE5NWExLjUxNDQ4LDEuNTE0NDgsMCwwLDAtMS4zODE4LDEuMDg4MzgsMy41MzAxOCwzLjUzMDE4LDAsMCwwLC41ODEsMi45NDE4OUE3LjMyNzM4LDcuMzI3MzgsMCwwLDAsMTYuMDQsMTAuMDAyYTcuNjkwNzUsNy42OTA3NSwwLDAsMCwzLjI2MTc5LTIuNzgzNzQsMy41Mjk0MSwzLjUyOTQxLDAsMCwwLC41ODEtMi45NDE0VjQuMjc2MzdBMS41MTQ0NiwxLjUxNDQ2LDAsMCwwLDE4LjUwMSwzLjE4OGExLjYxMjcyLDEuNjEyNzIsMCwwLDAtMS41NzIzMSwxLjE4NTA2LDEuMDAwMTYsMS4wMDAxNiwwLDAsMS0xLjg1NzQsMEExLjY0NCwxLjY0NCwwLDAsMCwxMy41NzYyLDMuMTg2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==');
    --arrow-circle-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHdpZHRoPSIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS45MDUxIDE0LjcwMjJDMjYuMzQ2OSAxNC43MDIyIDI2LjcwNzkgMTUuMDYwNyAyNi42NzgyIDE1LjUwMTZDMjYuNTA1NSAxOC4wNjkyIDI1LjUwNDUgMjAuNTI0MSAyMy44MTA5IDIyLjUxNjRDMjEuOTQyOSAyNC43MTM4IDE5LjM0OTEgMjYuMjExOSAxNi40NzUxIDI2Ljc2MzhDMTMuNjAxMyAyNy4zMTU2IDEwLjYxNzEgMjYuODg5MSA4LjAyOTA3IDI1LjU1MzZDNS40NDA0MyAyNC4yMTc4IDMuNDAzNjUgMjIuMDUyNSAyLjI3Mzk2IDE5LjQxOTVDMS4xNDM5MiAxNi43ODU3IDAuOTk0MzY2IDEzLjg1MjggMS44NTIwNyAxMS4xMjMxQzIuNzA5NTYgOC4zOTQxNSA0LjUxODEyIDYuMDQ0NTcgNi45NjA2MiA0LjQ2OUM5LjQwMjQ1IDIuODkzODUgMTIuMzMgMi4xODcxOSAxNS4yNDUyIDIuNDY0MzlDMTcuNDQ2NyAyLjY3MzcxIDE5LjU0MzMgMy40MzQ4MSAyMS4zMzM4IDQuNjU5NjlMMjAuNjM5NSAyLjE1ODE1QzIwLjUwNjUgMS42NzkyIDIwLjc4ODkgMS4xOTAwMiAyMS4yNzAxIDEuMDY1NTRMMjEuNDExMiAxLjAyOTAzQzIxLjg5MjQgMC45MDQ1NDggMjIuMzkwMyAxLjE5MTkgMjIuNTIzMiAxLjY3MDg1TDIzLjkzNDcgNi43NTYzM0MyMy45NjM1IDYuODU5ODMgMjMuOTcyOCA2Ljk2MzgxIDIzLjk2NDkgNy4wNjQ0OEMyMy45NTA5IDcuNDQ0NDMgMjMuNjkxNiA3Ljc4NDMgMjMuMzAyIDcuODg1MDlMMTcuOTgwNCA5LjI2MTdDMTcuNDk5MiA5LjM4NjE4IDE3LjAwMTMgOS4wOTg4MiAxNi44Njg0IDguNjE5ODdMMTYuODQ1IDguNTM1NjlDMTYuNzEyMSA4LjA1Njc0IDE2Ljk5NDQgNy41Njc1NiAxNy40NzU2IDcuNDQzMDhMMjAuNjM5OCA2LjYyNDU2QzE5LjA0MTcgNS40MDkwMiAxNy4xMDYxIDQuNjUwMzUgMTUuMDU1OSA0LjQ1NTQxQzEyLjU4MjkgNC4yMjAyNiAxMC4xMDQ4IDQuODIwOCA4LjA0NDc2IDYuMTQ5NjZDNS45ODUzNiA3LjQ3ODEgNC40NzQzMSA5LjQ0OTY2IDMuNzYwMSAxMS43MjI3QzMuMDQ2MDkgMTMuOTk1IDMuMTY5OTcgMTYuNDM1NSA0LjExMTkzIDE4LjYzMDlDNS4wNTQyMiAyMC44MjcxIDYuNzU5NzkgMjIuNjQ4IDguOTQ2MjEgMjMuNzc2M0MxMS4xMzMyIDI0LjkwNDggMTMuNjYxMyAyNS4yNjc2IDE2LjA5NzkgMjQuNzk5N0MxOC41MzQyIDI0LjMzMTggMjAuNzIwMiAyMy4wNjQxIDIyLjI4NzEgMjEuMjIxQzIzLjY3NjcgMTkuNTg2MyAyNC41MDM5IDE3LjU4ODIgMjQuNjcyOCAxNS41MDEzQzI0LjcwODQgMTUuMDYwOSAyNS4wNjMzIDE0LjcwMjIgMjUuNTA1MSAxNC43MDIySDI1LjkwNTFaIiBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+');
    --tg-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9InRlbGVncmFtIHNvY2lhbCBtZWRpYSBuZXR3b3JrIGNoYXQiIGlkPSJ0ZWxlZ3JhbV9zb2NpYWxfbWVkaWFfbmV0d29ya19jaGF0Ij48cGF0aCBkPSJNMjguNTksNC4yOWEyLjIzLDIuMjMsMCwwLDAtMi4yNy0uMzZMMy40MSwxMy4xYTEuODMsMS44MywwLDAsMCwwLDMuMzhsMS40OC42MWExLDEsMCwwLDAsMS4zMS0uNTMsMSwxLDAsMCwwLS41NC0xLjMxTDQuNTYsMTQuOGwyMi41MS05YS4yMi4yMiwwLDAsMSwuMjMsMCwuMjQuMjQsMCwwLDEsLjA4LjIzTDIzLjI3LDI1LjIxYS40LjQsMCwwLDEtLjI2LjMuMzkuMzksMCwwLDEtLjM5LS4wNmwtOC02LjI0LDcuODMtNy45MWExLDEsMCwwLDAtMS4yMi0xLjU2TDkuNzUsMTYuNTRhMSwxLDAsMSwwLDEsMS43Mmw0LjgzLTIuODVMMTMuMjMsMTcuOGEyLDIsMCwwLDAsLjIsMy4wOGw4LDYuMTVhMi40LDIuNCwwLDAsMCwxLjQ3LjUsMi40NywyLjQ3LDAsMCwwLC44My0uMTUsMi4zNywyLjM3LDAsMCwwLDEuNTItMS43NUwyOS4zMyw2LjQ3QTIuMjMsMi4yMywwLDAsMCwyOC41OSw0LjI5WiIvPjwvZz48L3N2Zz4=');
    --vk-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9InZrIHZrb250YWt0ZSBtZWRpYSBzb2NpYWwiIGlkPSJ2a192a29udGFrdGVfbWVkaWFfc29jaWFsIj48cGF0aCBkPSJNMjguODksMjJhMzAuMDcsMzAuMDcsMCwwLDAtNC4xMy01LjE1LjIuMiwwLDAsMSwwLS4yNSw0MC42Niw0MC42NiwwLDAsMCwzLjU1LTUuODEsMS45LDEuOSwwLDAsMC0uMDgtMS44NkExLjgxLDEuODEsMCwwLDAsMjYuNjUsOGgtM2EyLDIsMCwwLDAtMS43OSwxLjE5LDM1LDM1LDAsMCwxLTMuMTIsNS41MVY5LjhBMS43OSwxLjc5LDAsMCwwLDE2Ljk0LDhIMTIuNTZhMS40LDEuNCwwLDAsMC0xLjEyLDIuMjFsLjQuNTZhMS44NCwxLjg0LDAsMCwxLC4zMywxLjA1djMuODRBMjYuMTEsMjYuMTEsMCwwLDEsOS4wNSw5LjM1LDIsMiwwLDAsMCw3LjE2LDhINC43MWExLjczLDEuNzMsMCwwLDAtMS42NiwyLjE0YzEuMzUsNS43Myw0LjE4LDEwLjQ4LDcuNzcsMTNhMSwxLDAsMCwwLDEuMzktLjIzLDEsMSwwLDAsMC0uMjMtMS40QzguODQsMTkuMzEsNi4zNCwxNS4xMiw1LjA3LDEwbDIuMSwwYTI2LjEyLDI2LjEyLDAsMCwwLDQuMSw3Ljc1LDEuNiwxLjYsMCwwLDAsMS44LjUyLDEuNjQsMS42NCwwLDAsMCwxLjEtMS41N1YxMS44MkEzLjc4LDMuNzgsMCwwLDAsMTMuNzEsMTBoM3Y1LjQzQTEuNzcsMS43NywwLDAsMCwxOCwxNy4xNWExLjc0LDEuNzQsMCwwLDAsMi0uNjlBMzYuODcsMzYuODcsMCwwLDAsMjMuNjIsMTBoMi44YTM5LjgxLDM5LjgxLDAsMCwxLTMuMjksNS4zNywyLjE3LDIuMTcsMCwwLDAsLjIsMi44M0EzMi4wOCwzMi4wOCwwLDAsMSwyNy4yNSwyM0gyMy45YTE0LDE0LDAsMCwwLTQuMDctNC4zMSwxLjY0LDEuNjQsMCwwLDAtMS43My0uMTMsMS42OSwxLjY5LDAsMCwwLS45MiwxLjUydjIuMzhhLjUzLjUzLDAsMCwxLS41LjU1aC0uODZhMSwxLDAsMCwwLDAsMmguODZhMi41MiwyLjUyLDAsMCwwLDIuNS0yLjU1VjIwLjY5YTExLjc4LDExLjc4LDAsMCwxLDMsMy4zMiwyLDIsMCwwLDAsMS42OSwxaDMuMzhhMS45MiwxLjkyLDAsMCwwLDEuNjktMUEyLDIsMCwwLDAsMjguODksMjJaIi8+PC9nPjwvc3ZnPg==');
    --discord-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9ImRpc2NvcmQgZ3JvdXAgZm9ydW0gbWVzc2FnZSIgaWQ9ImRpc2NvcmRfZ3JvdXBfZm9ydW1fbWVzc2FnZSI+PHBhdGggZD0iTTkuODIsMTcuNDFhMy4xLDMuMSwwLDAsMCwyLjksMy4yNiwzLjEsMy4xLDAsMCwwLDIuODktMy4yNiwzLjExLDMuMTEsMCwwLDAtMi44OS0zLjI3QTMuMTEsMy4xMSwwLDAsMCw5LjgyLDE3LjQxWm0zLjc5LDBjMCwuNjgtLjQxLDEuMjYtLjg5LDEuMjZzLS45LS41OC0uOS0xLjI2LjQxLTEuMjcuOS0xLjI3UzEzLjYxLDE2LjcyLDEzLjYxLDE3LjQxWiIvPjxwYXRoIGQ9Ik0xOS4yOCwxNC4xNGEzLjExLDMuMTEsMCwwLDAtMi44OSwzLjI3LDMuMSwzLjEsMCwwLDAsMi44OSwzLjI2LDMuMSwzLjEsMCwwLDAsMi45LTMuMjZBMy4xMSwzLjExLDAsMCwwLDE5LjI4LDE0LjE0Wm0wLDQuNTNjLS40OCwwLS44OS0uNTgtLjg5LTEuMjZzLjQxLTEuMjcuODktMS4yNy45LjU4LjksMS4yN1MxOS43NywxOC42NywxOS4yOCwxOC42N1oiLz48cGF0aCBkPSJNMjYuNjMsMTAuNTNsLS4wNy0uMDlzMC0uMDcsMC0uMWExMi4xNSwxMi4xNSwwLDAsMC02LjgtNC4xNSwxLDEsMCwxLDAtLjQ4LDEuOTQsMTAuMTksMTAuMTksMCwwLDEsNS42NSwzLjM5QTI0Ljg3LDI0Ljg3LDAsMCwxLDI3LDIxLjMzYTEwLDEwLDAsMCwxLTUsMi41MnYtLjQzczAtLjA1LDAtLjA4YTEzLjQ4LDEzLjQ4LDAsMCwwLDMuNDMtMS45NSwxLDEsMCwwLDAtMS4yNS0xLjU3QTEyLjgzLDEyLjgzLDAsMCwxLDE2LDIyLjQyYTEyLjgzLDEyLjgzLDAsMCwxLTguMTEtMi42LDEsMSwwLDAsMC0xLjI1LDEuNTcsMTMuMzYsMTMuMzYsMCwwLDAsMy40MSwxLjk1di41MWExMCwxMCwwLDAsMS01LTIuNTIsMjQuODcsMjQuODcsMCwwLDEsMi4wOS05LjgxLDEwLjE5LDEwLjE5LDAsMCwxLDUuNjUtMy4zOSwxLDEsMCwwLDAtLjQ4LTEuOTQsMTIuMTUsMTIuMTUsMCwwLDAtNi44LDQuMTVzMCwuMDcsMCwuMWwtLjA3LjA5Yy0xLjk0LDQtMi4xNiw3LjY1LTIuMzcsMTEuMTRhMSwxLDAsMCwwLC4yOS43N0ExMiwxMiwwLDAsMCwxMSwyNmgwYTEsMSwwLDAsMCwuNy0uMjksMSwxLDAsMCwwLC4zLS43MVYyNEExNy41NiwxNy41NiwwLDAsMCwyMCwyNHYxYTEsMSwwLDAsMCwuMy43MUExLDEsMCwwLDAsMjEsMjZoMGExMiwxMiwwLDAsMCw3Ljc0LTMuNTEsMSwxLDAsMCwwLC4yOS0uNzdDMjguNzksMTguMTgsMjguNTcsMTQuNTcsMjYuNjMsMTAuNTNaIi8+PHBhdGggZD0iTTIzLjQ5LDExLjcyYTEsMSwwLDAsMC0uNDMtMS4zNUExNS40NywxNS40NywwLDAsMCwxNiw4Ljg3YTE1LjQ3LDE1LjQ3LDAsMCwwLTcuMDYsMS41LDEsMSwwLDAsMC0uNDMsMS4zNSwxLDEsMCwwLDAsMS4zNS40MkExMy41NSwxMy41NSwwLDAsMSwxNiwxMC44N2ExMy41NSwxMy41NSwwLDAsMSw2LjE0LDEuMjcsMSwxLDAsMCwwLC40Ni4xMkExLDEsMCwwLDAsMjMuNDksMTEuNzJaIi8+PC9nPjwvc3ZnPg==');
    --youtube-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9InlvdXR1YmUgeW91dHViZXIgdmlkZW8gcGxheSIgaWQ9InlvdXR1YmVfeW91dHViZXJfdmlkZW9fcGxheSI+PHBhdGggZD0iTTMwLDEyYTUuNzEsNS43MSwwLDAsMC01LjMxLTUuN0MxOC45Miw2LDEzLjA2LDYsNy4zMyw2LjI4LDQuNTEsNi4yOCwyLDksMiwxMmE0My42OSw0My42OSwwLDAsMCwwLDguNzIsNS4zMiw1LjMyLDAsMCwwLDUuMjgsNS4zM2gwcTQuMzUuMjQsOC43Mi4yNHQ4LjY3LS4yM0E1LjM0LDUuMzQsMCwwLDAsMzAsMjAuOCwzMS42NywzMS42NywwLDAsMCwzMCwxMlptLTIsOC42M2EuNDkuNDksMCwwLDAsMCwuMTIsMy4zNiwzLjM2LDAsMCwxLTMuMzksMy4zNCwxNjYsMTY2LDAsMCwxLTE3LjI4LDBBMy4zNiwzLjM2LDAsMCwxLDQsMjAuNjVhNDIsNDIsMCwwLDEsMC04LjQ3LjQ1LjQ1LDAsMCwwLDAtLjExQTMuNzgsMy43OCwwLDAsMSw3LjM4LDguMjhjMi44Ni0uMTMsNS43NC0uMTksOC42Mi0uMTlzNS43Ni4wNiw4LjYyLjE5aC4wNWMxLjcxLDAsMy4zMywxLjg0LDMuMzMsMy43OWEuNzYuNzYsMCwwLDAsMCwuMTVBMzAuMTEsMzAuMTEsMCwwLDEsMjgsMjAuNjFaIi8+PHBhdGggZD0iTTIwLjc5LDE1LjUxbC03LjE0LTMuNjhhMSwxLDAsMSwwLS45MiwxLjc4bDUuNDMsMi43OS00LDIuMDdWMTYuNGExLDEsMCwwLDAtMiwwdjMuNzJhMSwxLDAsMCwwLDEsMSwxLDEsMCwwLDAsLjQ2LS4xMWw3LjE0LTMuNzJhMSwxLDAsMCwwLC41NC0uODlBMSwxLDAsMCwwLDIwLjc5LDE1LjUxWiIvPjwvZz48L3N2Zz4=');
    --mail-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9Im1haWwgZW1haWwgZS1tYWlsIGxldHRlciIgaWQ9Im1haWxfZW1haWxfZS1tYWlsX2xldHRlciI+PHBhdGggZD0iTTI4LDEzYTEsMSwwLDAsMC0xLDF2OGExLDEsMCwwLDEtMSwxSDZhMSwxLDAsMCwxLTEtMVYxNGExLDEsMCwwLDAtMiwwdjhhMywzLDAsMCwwLC44OCwyLjEyQTMsMywwLDAsMCw2LDI1SDI2YTMsMywwLDAsMCwyLjEyLS44OEEzLDMsMCwwLDAsMjksMjJWMTRBMSwxLDAsMCwwLDI4LDEzWiIvPjxwYXRoIGQ9Ik0xNS40LDE4LjhhMSwxLDAsMCwwLDEuMiwwTDI4LjQxLDkuOTRhMSwxLDAsMCwwLC4zLTEuMjMsMy4wNiwzLjA2LDAsMCwwLS41OS0uODNBMywzLDAsMCwwLDI2LDdINmEzLDMsMCwwLDAtMi4xMi44OCwzLjA2LDMuMDYsMCwwLDAtLjU5LjgzLDEsMSwwLDAsMCwuMywxLjIzWk02LDlIMjZhLjkuOSwwLDAsMSwuMjgsMEwxNiwxNi43NSw1LjcyLDlBLjkuOSwwLDAsMSw2LDlaIi8+PC9nPjwvc3ZnPg==');
    --person-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9InVzZXIgcGVvcGxlIHBlcnNvbiB1c2VycyBtYW4iIGlkPSJ1c2VyX3Blb3BsZV9wZXJzb25fdXNlcnNfbWFuIj48cGF0aCBkPSJNMjMuNzQsMTYuMThhMSwxLDAsMSwwLTEuNDEsMS40MkE5LDksMCwwLDEsMjUsMjRjMCwxLjIyLTMuNTEsMy05LDNzLTktMS43OC05LTNhOSw5LDAsMCwxLDIuNjMtNi4zNywxLDEsMCwwLDAsMC0xLjQxLDEsMSwwLDAsMC0xLjQxLDBBMTAuOTIsMTAuOTIsMCwwLDAsNSwyNGMwLDMuMjUsNS42Nyw1LDExLDVzMTEtMS43NSwxMS01QTEwLjk0LDEwLjk0LDAsMCwwLDIzLjc0LDE2LjE4WiIvPjxwYXRoIGQ9Ik0xNiwxN2E3LDcsMCwxLDAtNy03QTcsNywwLDAsMCwxNiwxN1pNMTYsNWE1LDUsMCwxLDEtNSw1QTUsNSwwLDAsMSwxNiw1WiIvPjwvZz48L3N2Zz4=');
    /* --steam-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMzFmMjA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZS8+PGcgaWQ9IlN0ZWFtIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNiwxNC41QTMuNSwzLjUsMCwxLDAsMjIuNSwxOCwzLjUsMy41LDAsMCwwLDI2LDE0LjVabS01LDBBMS41LDEuNSwwLDEsMSwyMi41LDE2LDEuNSwxLjUsMCwwLDEsMjEsMTQuNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMi41LDhBNi41LDYuNSwwLDAsMCwxNiwxNC4xN0wxMi43MiwxOUE1LDUsMCwwLDAsOSwyMS4wOEwzLjQsMTguNjhhMSwxLDAsMSwwLS44LDEuODNMOC4xMywyMi45QTUsNSwwLDAsMCw4LDI0YTUsNSwwLDAsMCwuNzYsMi42NSwxLDEsMCwwLDAsLjg1LjQ3LDEsMSwwLDAsMCwuODUtMS41M0EzLDMsMCwwLDEsMTAsMjRhMi40OCwyLjQ4LDAsMCwxLDAtLjI3bDEsLjQyQTIsMiwwLDEsMCwxMywyMmEyLDIsMCwwLDAtMS4xMi4zNWwtMS0uNDRBMywzLDAsMCwxLDEzLjIsMjFhMSwxLDAsMCwwLC44OC0uNDRsMy43NS01LjUxczAsMCwwLS4wNmEuODUuODUsMCwwLDAsLjA5LS4yMi41OC41OCwwLDAsMCwwLS4xOXMwLS4wNiwwLS4wOUE0LjUsNC41LDAsMSwxLDIyLjc4LDE5YTEsMSwwLDAsMC0uNTMuMTlMMTYuNCwyMy40NGExLDEsMCwwLDAtLjQxLjc1QTMsMywwLDAsMSwxMywyN2EyLjkyLDIuOTIsMCwwLDEtLjgzLS4xMiwxLDEsMCwwLDAtLjU1LDEuOTNBNS4zNCw1LjM0LDAsMCwwLDEzLDI5YTUsNSwwLDAsMCw0Ljk0LTQuMkwyMy4yMSwyMUE2LjUsNi41LDAsMCwwLDIyLjUsOFoiLz48L2c+PC9zdmc+'); */
    /* --steam-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI4IDEyODsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2Rpc3BsYXk6bm9uZTtmaWxsOiNENkQ1QkQ7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiM0NDRCNTQ7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojNzFDMkZGO3N0cm9rZS13aWR0aDo2O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Q0e2ZpbGw6IzcxQzJGRjt9Cgkuc3Q1e2ZpbGw6I0U0RThFRDt9Cgkuc3Q2e2ZpbGw6IzQ0NEI1NDt9Cgkuc3Q3e2ZpbGw6I0ZFNDM2NTt9Cgkuc3Q4e29wYWNpdHk6MC41O30KCS5zdDl7ZmlsbDojRkZCNDgwO30KCS5zdDEwe2ZpbGw6I0ZGOEI4MDt9Cgkuc3QxMXtmaWxsOiM3MEYwRkY7fQoJLnN0MTJ7ZmlsbDojMDBCRUQ5O30KCS5zdDEze2ZpbGw6I0ZGMkE2Njt9Cgkuc3QxNHtmaWxsOiNBM0I4NTk7fQoJLnN0MTV7ZmlsbDojNjRBRDUwO30KCS5zdDE2e2ZpbGw6I0ZGNTM2Njt9Cgkuc3QxN3tmaWxsOiNCQkI3OTg7fQoJLnN0MTh7ZmlsbDojNzlCOUFGO30KCS5zdDE5e2ZpbGw6IzM5QkNDNTt9Cgkuc3QyMHtmaWxsOiMwMEIxRkU7fQoJLnN0MjF7ZmlsbDojNUJGOTc5O30KCS5zdDIye2ZpbGw6IzAwNjQ3NTt9Cjwvc3R5bGU+PHJlY3QgY2xhc3M9InN0MCIgaGVpZ2h0PSIxNzkzIiB3aWR0aD0iMTY4OSIgeD0iLTg5MSIgeT0iLTc2MSIvPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NSw5N2MtMC44LDAtMS42LTAuMi0yLjQtMC41TDguNyw3Ny4yYy0zLTEuMy00LjQtNC45LTMuMS03LjljMS4zLTMsNC45LTQuNCw3LjktMy4xbDQzLjksMTkuMiAgICBjMywxLjMsNC40LDQuOSwzLjEsNy45QzU5LjUsOTUuNyw1Ny4zLDk3LDU1LDk3eiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTcsMjRjLTEzLjgsMC0yNSwxMS4yLTI1LDI1YzAsMC4zLDAsMC43LDAsMUw1My45LDczLjFDNDQuNSw3My42LDM3LDgxLjQsMzcsOTFjMCw5LjksOC4xLDE4LDE4LDE4ICAgIGM5LjYsMCwxNy40LTcuNSwxNy45LTE2LjlDNzkuOCw4Ni44LDg4LjgsNzkuNyw5Niw3NGMwLjMsMCwwLjcsMCwxLDBjMTMuOCwwLDI1LTExLjIsMjUtMjVTMTEwLjgsMjQsOTcsMjR6Ii8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik01NSwxMTJjLTYuMywwLTEyLjItMi44LTE2LjItNy42Yy0xLjEtMS4zLTAuOS0zLjIsMC40LTQuMmMxLjMtMS4xLDMuMi0wLjksNC4yLDAuNCAgICBjMi45LDMuNCw3LjEsNS40LDExLjUsNS40YzcuOSwwLDE0LjUtNi4yLDE0LjktMTRjMC0wLjIsMC0wLjQsMC4xLTAuNWMwLTAuMSwwLTAuMywwLTAuNGMwLTguMi02LjctMTUtMTQuOS0xNUw1NCw3Ni4xICAgIGMtMS4yLDAuMS0yLjMtMC42LTIuOC0xLjZjLTAuNS0xLTAuNC0yLjMsMC4zLTMuMkw2OSw0OWMwLTE1LjQsMTIuNi0yOCwyOC0yOGMxNS40LDAsMjgsMTIuNiwyOCwyOGMwLDE1LjQtMTIuNiwyOC0yOCwyOCAgICBMNzUuOCw5My43Qzc0LjUsMTA0LjEsNjUuNiwxMTIsNTUsMTEyeiBNNTkuNyw3MC41YzcuOCwxLjgsMTQsOCwxNS44LDE1LjhsMTguNy0xNC43YzAuNi0wLjQsMS4zLTAuNywyLTAuNmMwLjMsMCwwLjYsMCwwLjksMCAgICBjMTIuMSwwLDIyLTkuOSwyMi0yMnMtOS45LTIyLTIyLTIycy0yMiw5LjktMjIsMjJjMCwwLjMsMCwwLjYsMCwwLjljMCwwLjctMC4yLDEuNC0wLjYsMkw1OS43LDcwLjV6Ii8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik05Nyw2NmMtOS40LDAtMTctNy42LTE3LTE3czcuNi0xNywxNy0xN3MxNyw3LjYsMTcsMTdTMTA2LjQsNjYsOTcsNjZ6IE05NywzOGMtNi4xLDAtMTEsNC45LTExLDExICAgIHM0LjksMTEsMTEsMTFzMTEtNC45LDExLTExUzEwMy4xLDM4LDk3LDM4eiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNTUsMTAwYy0xLjIsMC0yLjUtMC4zLTMuNi0wLjhMNy41LDgwQzMsNzgsMC45LDcyLjcsMi45LDY4LjFjMS0yLjIsMi43LTMuOSw1LTQuOGMyLjItMC45LDQuNy0wLjgsNi45LDAuMSAgICBsNDMuOSwxOS4yYzQuNSwyLDYuNiw3LjMsNC42LDExLjlDNjEuOCw5Ny45LDU4LjYsMTAwLDU1LDEwMHogTTExLjEsNjguN2MtMC40LDAtMC43LDAuMS0xLjEsMC4yYy0wLjcsMC4zLTEuMywwLjktMS43LDEuNiAgICBjLTAuNywxLjUsMCwzLjMsMS41LDRsNDMuOSwxOS4yYzAuNCwwLjIsMC44LDAuMywxLjIsMC4zYzEuMiwwLDIuMy0wLjcsMi44LTEuOGMwLjctMS41LDAtMy4zLTEuNS00TDEyLjMsNjkgICAgQzExLjksNjguOCwxMS41LDY4LjcsMTEuMSw2OC43eiIvPjwvZz48L2c+PC9zdmc+'); */
    /* --steam-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMzIgMTIwIiBpZD0ic3RlYW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIzMiAxMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yMDAsNDhjOC44MjQzLDAsMTYtNy4xNzU2LDE2LTE2cy03LjE3NTctMTYtMTYtMTZjLTguODI0NSwwLTE2LDcuMTc1Ni0xNiwxNlMxOTEuMTc1NSw0OCwyMDAsNDh6IE0yMDAsMjQgICBjNC40MDk5LDAsOCwzLjU5LDgsOHMtMy41OTAxLDgtOCw4Yy00LjQxMDEsMC04LTMuNTktOC04UzE5NS41ODk5LDI0LDIwMCwyNHoiLz48cGF0aCBkPSJNMjIzLjY3MjcsNTMuNDU1MkMyMjguODI4LDQ3Ljc3MjQsMjMyLDQwLjI1ODgsMjMyLDMyYzAtMTcuNjQ0NC0xNC4zNTU3LTMyLTMyLTMyICAgYy0xNC42NDI1LDAtMjYuOTkwNSw5Ljg5OC0zMC43Nzg1LDIzLjM0NkwxNTIuNDMyLDY4LjExOGMtMy44NDM3LDAuMjMtNy41MzI1LDEuMjg0LTEwLjg4MzMsMy4xMjM2TDU5LjY2ODMsMzcuNjg0ICAgQzU3LjU0OCwyMi45OTgsNDQuOTI0MywxMiwzMCwxMkMxMy40NTcxLDEyLDAsMjUuNDU3MiwwLDQyczEzLjQ1NzEsMzAsMzAsMzBjNS45NzYsMCwxMS42NDYzLTEuODA4LDE2LjU3NTEtNS4wOTQ0ICAgbDgyLjM2NzIsMzMuNzU4OGMwLjAyMzYsMC4xMzUyLTAuMDA3NiwwLjI2NjgsMC4wMzA0LDAuNDAyQzEzMi4xMTcxLDExMi4yMTQ4LDE0Mi40MDYzLDEyMCwxNTQsMTIwYzE0LjMzNiwwLDI2LTExLjY2NCwyNi0yNiAgIGMwLTAuNzAyLTAuMDUwNS0xLjM5MTItMC4xMDU3LTIuMDc5Mmw0Mi43MTg4LTM2Ljg5MzZDMjIzLjEyMDcsNTQuNTg4OCwyMjMuNDQzMSw1NC4wMzg0LDIyMy42NzI3LDUzLjQ1NTJ6IE0yMDAsOCAgIGMxMy4yMzQzLDAsMjQsMTAuNzY1NiwyNCwyNHMtMTAuNzY1NywyNC0yNCwyNGMtMTMuMjM0NSwwLTI0LTEwLjc2NTYtMjQtMjRjMC0yLjEyNTIsMC4zMDQ3LTQuMTc1NiwwLjgyNTUtNi4xMzk2bDAuOTIwNC0yLjQ1NCAgIGMwLjA3NjgtMC4yMDQ4LDAuMDU3Ni0wLjQxMzYsMC4wOTk2LTAuNjIxNkMxODEuNDY1OSwxNC4xMTI0LDE5MC4wMjk1LDgsMjAwLDh6IE0yNC45NjQ3LDQ5LjQwMjQgICBjLTQuMDc4LTEuNjcyLTYuMDM5Mi02LjM1NTYtNC4zNzEyLTEwLjQzMzZjMS42OC00LjA3OCw2LjM2MzYtNi4wNDMyLDEwLjQ0MTYtNC4zNzEybDEwNy42NzIsNDQuMTI2ICAgYzAuNzYxNiwwLjc0NTIsMS43MzE2LDEuMTMxNiwyLjc1ODgsMS4xMzA0bDExLjU2NTIsNC43Mzk2YzEuOTgwNCwwLjgxMjgsMy41MjM2LDIuMzQ0LDQuMzQ3Niw0LjMxNjQgICBjMC44MjQ0LDEuOTcyOCwwLjgzMiw0LjE0NDgsMC4wMTk2LDYuMTI1MmMtMS42NjgsNC4wODItNi4zMzYsNi4wNDY4LTEwLjQzMzYsNC4zNjcyTDI0Ljk2NDcsNDkuNDAyNHogTTMwLDY0ICAgQzE3Ljg3MTEsNjQsOCw1NC4xMjg4LDgsNDJzOS44NzExLTIyLDIyLTIyYzkuMTczOSwwLDE3LjA5MzksNS43MDA4LDIwLjM1NzUsMTMuODY4bC0xNi4yOTEyLTYuNjc2NCAgIGMtOC4xNi0zLjM0LTE3LjUyMzYsMC41ODItMjAuODc0OCw4Ljc0MmMtMy4zNCw4LjE2LDAuNTc4LDE3LjUyMzYsOC43MzgsMjAuODcxMmwxNC45MDE2LDYuMTA3MkMzNC42NDg3LDYzLjYyMzYsMzIuMzU0Myw2NCwzMCw2NCAgIHogTTE1NCwxMTJjLTUuNTc1NywwLTEwLjY3MjktMi42Mzg4LTE0LjAyMDUtNi44MTJsMy45NTQsMS42MjA0YzEuOTU3MiwwLjgwMDgsNC4wMTE2LDEuMTk5Niw2LjA2NjUsMS4xOTk2ICAgYzIuMDkzNSwwLDQuMTg3NS0wLjQxNDQsNi4xNzk1LTEuMjVjMy45NDE2LTEuNjQ4OCw3LjAwNC00LjczNDQsOC42MjEyLTguNjg3NmMzLjM0NzYtOC4xNjQtMC41NzA0LTE3LjUyNzYtOC43MzQ0LTIwLjg3ODggICBsLTIuNzc2OC0xLjEzOEMxNTMuNTI4LDc2LjA0NCwxNTMuNzYwMyw3NiwxNTQsNzZjOS45MjU1LDAsMTgsOC4wNzQ0LDE4LDE4UzE2My45MjU1LDExMiwxNTQsMTEyeiBNMTYwLjY4NDMsNjguOTAzMiAgIGw5LjUwNzItMjUuMzUxNmM0LjY0NDgsMTEuOTQxNiwxNi4yMzI4LDIwLjQ0MjQsMjkuNzk1NiwyMC40NDc2bC0yMi4zMjY4LDE5LjI4MjQgICBDMTc0LjQ2OCw3Ni4yNjQ0LDE2OC4yNTUxLDcwLjkyMzIsMTYwLjY4NDMsNjguOTAzMnoiLz48L2c+PC9zdmc+'); */
    --steam-ico: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9InRyYW5zbGF0ZTogMCAtMTAlOyI+PGcgaWQ9IlN0ZWFtIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNiwxNC41QTMuNSwzLjUsMCwxLDAsMjIuNSwxOCwzLjUsMy41LDAsMCwwLDI2LDE0LjVabS01LDBBMS41LDEuNSwwLDEsMSwyMi41LDE2LDEuNSwxLjUsMCwwLDEsMjEsMTQuNVoiPjwvcGF0aD48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMi41LDhBNi41LDYuNSwwLDAsMCwxNiwxNC4xN0wxMi43MiwxOUE1LDUsMCwwLDAsOSwyMS4wOEwzLjQsMTguNjhhMSwxLDAsMSwwLS44LDEuODNMOC4xMywyMi45QTUsNSwwLDAsMCw4LDI0YTUsNSwwLDAsMCwuNzYsMi42NSwxLDEsMCwwLDAsLjg1LjQ3LDEsMSwwLDAsMCwuODUtMS41M0EzLDMsMCwwLDEsMTAsMjRhMi40OCwyLjQ4LDAsMCwxLDAtLjI3bDEsLjQyQTIsMiwwLDEsMCwxMywyMmEyLDIsMCwwLDAtMS4xMi4zNWwtMS0uNDRBMywzLDAsMCwxLDEzLjIsMjFhMSwxLDAsMCwwLC44OC0uNDRsMy43NS01LjUxczAsMCwwLS4wNmEuODUuODUsMCwwLDAsLjA5LS4yMi41OC41OCwwLDAsMCwwLS4xOXMwLS4wNiwwLS4wOUE0LjUsNC41LDAsMSwxLDIyLjc4LDE5YTEsMSwwLDAsMC0uNTMuMTlMMTYuNCwyMy40NGExLDEsMCwwLDAtLjQxLjc1QTMsMywwLDAsMSwxMywyN2EyLjkyLDIuOTIsMCwwLDEtLjgzLS4xMiwxLDEsMCwwLDAtLjU1LDEuOTNBNS4zNCw1LjM0LDAsMCwwLDEzLDI5YTUsNSwwLDAsMCw0Ljk0LTQuMkwyMy4yMSwyMUE2LjUsNi41LDAsMCwwLDIyLjUsOFoiPjwvcGF0aD48L2c+PC9zdmc+');
    --no-product-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDIiIGlkPSJMYXllcl8yIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjA3LDIySDNhMSwxLDAsMCwxLTEtMVYxM2ExLDEsMCwwLDEsLjI5LS43MWwxMC0xMEExLDEsMCwwLDEsMTMsMmg4YTEsMSwwLDAsMSwxLDF2OC4wN2ExLDEsMCwwLDEtLjI5LjcxTDE5LDE0LjQ1QTEsMSwwLDAsMSwxNy41OSwxM0wyMCwxMC42NlY0SDEzLjQxTDQsMTMuNDFWMjBoNi42Nmw0LjExLTQuMTFhMSwxLDAsMCwxLDEuNDEsMCwxLDEsMCwwLDEsMCwxLjQybC00LjQsNC40QTEsMSwwLDAsMSwxMS4wNywyMloiLz48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iNyIgd2lkdGg9IjIiIHg9IjExIiB5PSI4LjUiLz48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iMiIgd2lkdGg9IjciIHg9IjguNSIgeT0iMTEiLz48L3N2Zz4=');
    --copy-ico: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNvcHkiIGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgaGVpZ2h0PSIxMyIgcng9IjIiIHJ5PSIyIiB3aWR0aD0iMTMiIHg9IjkiIHk9IjkiLz48cGF0aCBkPSJNNSAxNUg0YTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDlhMiAyIDAgMCAxIDIgMnYxIi8+PC9zdmc+');
    /* --_-ico: url('data:image/svg+xml;base64,'); */
}

body {
    background-color: #18181d;
    /* font-family: 'Roboto', sans-serif; */
    color: #ffffff;
    overflow-x: hidden;

    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
}

/* test feature */
body.with-glow::before,
.body-glow::before {
    content: '';
}

body.with-glow::before,
.body-glow::before {
    /* background-image: url(https://sous-buy.ru//uploads/games/clair-obscur-expedition-33-obschiy-oflayn-account/avatar/1743036968862_library_600x900_2x.jpg); */
    background-image: var(--image);
    background-size: cover;
    background-position: center;
    width: 140%;
    height: 180vh;
    left: -20%;
    top: -60vh;
    display: block;
    position: absolute;
    filter: blur(40px);
    opacity: 0.5;
    /* mask-composite: intersect; */
    /* mask-image: linear-gradient(135deg, black 30%, transparent), linear-gradient(180deg, black 60%, transparent); */
    /* mask-image: radial-gradient(ellipse 20% 140vh at 50% 0%, black, transparent); */

    filter: blur(20px);
    opacity: 0.7;
    mask-image: radial-gradient(ellipse 80% 180vh at 50% 0%, black, transparent);
} 

.body-glow {
    max-width: 100dvw;
    max-height: 100dvh;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.ico,
.ico-before::before,
.ico-after::after {
    -webkit-mask: var(--ico) no-repeat center center;
    mask: var(--ico) no-repeat center center;
    mask-size: contain;
    -webkit-mask-size: contain;
    background: currentColor;
}

img {
    max-width: 100%;
    height: auto;
}
.item-link:focus{
    text-decoration: none;
    color: #ffffff;
}
.mobile-show {
    display: none !important;
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.page-other {
    background: url(../img/bg/page-bg.png) no-repeat center center;
    background-size: cover;
}

/* customize scrollbar css */

.scrollbar-custom::-webkit-scrollbar,
#scrollbar-custom::-webkit-scrollbar {
    width: 5px;
}

.scrollbar-custom::-webkit-scrollbar:horizontal,
#scrollbar-custom::-webkit-scrollbar:horizontal {
    height: 5px;
}

.scrollbar-custom::-webkit-scrollbar-track,
#scrollbar-custom::-webkit-scrollbar-track {
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0);
}

.scrollbar-custom::-webkit-scrollbar-thumb,
#scrollbar-custom::-webkit-scrollbar-thumb {
    background-color: #fc1a3b;
    border: 1px solid #18181d;
    border-radius: 15px;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover,
#scrollbar-custom::-webkit-scrollbar-thumb:hover {
    background-color: #fc1a3b;
    border: 1px solid #18181d;
}

.scrollbar-custom::-webkit-scrollbar-thumb:active,
#scrollbar-custom::-webkit-scrollbar-thumb:active {
    background-color: #fc1a3b;
    border: 1px solid #18181d;
}

.scrollbar-custom--with-margins::-webkit-scrollbar-track {
    margin-top: 15px;
    margin-bottom: 15px;
}

.page__title {
    color: #afb2b2;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: 1.72px;
    margin-bottom: 50px;
}

.btn-red {
    background-color: #FC1A3B;
    border: none;
    border-radius: 35px;
    color: #ffffff;
    font-size: 14px;
    z-index: 1;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter-btn{
    padding: 10px 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.btn-reset-password {
    background-color: #FC1A3B;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 30px;
    z-index: 1;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn:hover,
.btn:focus,
.btn-red:hover,
.btn-red:focus{
    text-decoration: none;
    color: #ffffff;
    background-color: #de1432;
}
.input {
    border: 1px solid #fff;
    border-radius: 35px;
    background: #18181d;
    padding: 10px 20px;
    color: #ffffff;
    width: 100%;
    padding-right: 100px;
    font-size: 16px;
    font-weight: 500;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #ffffff;
}

.btn__form-submit {
    background-color: #FC1A3B;
    border: none;
    border-radius: 35px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 14px;
    z-index: 1;
}

.jquery-modal.blocker.current {
    z-index: 99;
}

.modal {
    background-color: #18181D;
    padding: 30px;
    border-radius: 0;
}

.modal a.close-modal {
    background: url(../img/icons/logout-close.svg) no-repeat center center;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
    top: 30px;
    right: 30px;
}

.modal-id__support a.close-modal {
    background: url(../img/icons/close-icon-red.svg) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    top: 30px;
    right: 50px;
}

.modal-header {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 40px;
    border: none;
}

.modal-currency, .modal-summmin {
    padding-left: 75px;
    max-width: 570px;
    width: 100%;
    border-radius: var(--radius);
}

.modal-summmin-wrapper{
    display: none;
}

.long-commission .percent-payment-block + .img-payment{
    width: 50px;
}

.long-commission .percent-payment-block{
    width: 120px;
}

.min-summa-span, .min-summa-span__result{
    color: #fc1a3b;
}
.modal-summmin{
    padding: 20px 20px 0px 20px;
}

#modal-summmin .form-group-summmin{
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.modal-currency-widget {
    padding-left: 75px;
    max-width: 570px;
    width: 100%;
}

.modal-header__currency {
    font-size: 11px;
    font-weight: 500;
}

.modal-content__currency:before {
    content: '';
    border: 1px solid #707070;
    position: absolute;
    left: 0;
    height: 100%;
}

.modal #user-currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 45px;
}

.modal .field-user-currency label {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.67px;
    line-height: 18px;
    text-transform: uppercase;
    padding-left: 60px;
    padding: 15px 60px;
    cursor: pointer;
    margin-bottom: 15px;
}

.modal .field-user-currency label:hover {
    -webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(2);
}

.modal .field-user-currency label:before {
    content: '';
    border: 1px solid #fc1a3b;
    position: absolute;
    left: -45px;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    display: none;
}

.field-user-currency label:hover:before {
    display: block;
    -webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(0);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0);
}

span.cur-rub{
    margin-left: 5px;
}
.field-user-currency .currency-rub:after {
    content: '';
    background: url(../img/icons/ruble-white.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.field-user-currency .currency-grivna:after {
    content: '';
    background: url(../img/icons/grivna-white.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.field-user-currency .currency-dollars:after {
    content: '';
    background: url(../img/icons/dollars-white.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.field-user-currency .currency-euro:after {
    content: '';
    background: url(../img/icons/euro-white.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.field-user-currency .currency-tenge:after {
    content: '';
    background: url(../img/icons/tenge-white.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.field-user-currency label:last-child {
    margin-bottom: 0;
}

.field-user-currency input[type="radio"] {
    visibility: hidden;
}

.modal-content {
    background-color: #18181d;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.modal-content__text {
    line-height: 35px;
    margin-top: 30px;
    padding-right: 70px;
}

.modal-content__text:after {
    content: '';
    border-right: 2px solid #FC1A3B;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.modal-content__text-header {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.modal-content__text-header span {
    font-size: 35px;
    font-weight: 900;
    display: block;
}

.modal-content__text-footer {
    font-size: 17px;
    font-weight: 500;
    color: #989494;
}
.account-info__replenish-link{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.replenish-balance__header {
    width: 100%;
    max-width: 143px;
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 16px;
    font-weight: 500;
    padding-left: 35px;
}

.replenish-balance__header:before {
    content: '';
    background: url(../img/icons/plus.svg) no-repeat center center;
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.replenish-balance__content {
    margin-top: 50px;
}

.replenish-balance__content ul {
    list-style: none;
    padding-left: 20px;
}

.replenish-balance__content:before {
    content: '';
    border: 1px solid #707070;
    position: absolute;
    left: 0;
    height: 100%;
}

.replenish-balance__content ul li {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 80px;
    min-height: 45px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.replenish-balance__content ul li.active:before {
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1);
}

.replenish-balance__content ul li:hover {
    cursor: pointer;
}

.replenish-balance__content ul li:hover:after {
    content: '';
    border: 1px solid #fc1a3b;
    position: absolute;
    left: -20px;
    height: 100%;
}

.replenish-balance__content ul li:hover:before {
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1);
}

.replenish-balanse__item:before {
    content: '';
    display: block;
    width: 70px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 2px;
    overflow: hidden;
}

.replenish-balanse__item.payment-alpha:before {
    content: '';
    background: url(../img/icons/payments/payment-alpha.svg) no-repeat center center;
    background-size: contain;
}

.way-payments-item.payment-qiwi .bg-block {
    /*background: url('../img/payments/qiwi.png') no-repeat center center;*/
    background: url('../img/payments/logo_obmenka.png') no-repeat center center;
    background-size: contain;
}

.way-payments-item.payment-qiwi .img-payment{
    padding: 10px;
}

.way-payments-item.payment-sbp .bg-block {
    background: url('../img/payments/payment-sbp.png') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-sbp .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-capitalist .bg-block {
    background: url('../img/payments/Capitalist.svg') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-capitalist .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-perfect_money .bg-block {
    background: url('../img/payments/PERFECT_MONEY.svg') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-perfect_money .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-litecoin .bg-block {
    background: url('../img/payments/LiteCoint.svg') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-litecoin .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-mc1 .bg-block {
    background: url('../img/payments/mastercard-1.svg') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-mc1 .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-visa1 .bg-block {
    background: url('../img/payments/visa-1.svg') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-visa1 .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-usdttrc20 .bg-block {
    background: url('../img/payments/USDT_TRC20_(R).svg') no-repeat center center;
    filter: contrast(0.5);
}

.way-payments-item.payment-usdttrc20 .bg-block:hover{
    filter: contrast(1);
}

.way-payments-item.payment-yandex .bg-block {
    background: url('../img/payments/yumoney.png') no-repeat center center;
}

.way-payments-item.payment-mir .bg-block {
    background: url('../img/payments/card.png') no-repeat center center;
}

.way-payments-item.payment-omir .bg-block {
    background: url('../img/payments/mir.png') no-repeat center center;
}

.way-payments-item.payment-visa .bg-block {
    background: url('../img/payments/cards.svg') no-repeat center center;
}

.way-payments-item.payment-webmoney-wmr .bg-block {
    background: url('../img/payments/WMR.png') no-repeat center center;
}

.way-payments-item.payment-webmoney-wmz .bg-block {
    background: url('../img/payments/WMZ.png') no-repeat center center;
}

.way-payments-item.payment-webmoney-wmt .bg-block {
    background: url('../img/payments/WMT.png') no-repeat center center;
}

.replenish-balanse__item.payment-paypal:before {
    content: '';
    background: url(../img/icons/payments/payment-paypal.svg) no-repeat center center;
    background-size: contain;
}

.way-payments-item.payment-applepay .bg-block {
    background: url('../img/payments/apple.png') no-repeat center center;
}

.way-payments-item.payment-samsung .bg-block {
    background: url('../img/payments/samsung.png') no-repeat center center;
}

.way-payments-item.payment-google .bg-block {
    background: url('../img/payments/google.png') no-repeat center center;
}

.way-payments-item.payment-mts .bg-block {
    background: url('../img/payments/mts.png') , url('../img/bg/mobile-payment-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.way-payments-item.payment-beeline .bg-block {
    background: url('../img/payments/beeline.png') , url('../img/bg/mobile-payment-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.way-payments-item.payment-megafon .bg-block {
    background: url('../img/payments/megafon.png') , url('../img/bg/mobile-payment-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.way-payments-item.payment-tele2 .bg-block {
    background: url('../img/payments/tele2.png') , url('../img/bg/mobile-payment-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.replenish-balanse__input-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.replenish-balanse__input {
    border: 1px solid #FC1A3B;
    border-radius: 10px;
    background: #18181d;
    padding: 10px 35px 10px 10px;
    color: #ffffff;
    /* width: 200px; */
    width: 100%;
    font-size: 35px;
    font-weight: 500;
    text-align: right;
}

.replenish-balanse__input::-webkit-outer-spin-button,
.replenish-balanse__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.replenish-balanse__input {
    -moz-appearance: textfield;
}

.replenish-balanse__input:hover,
.replenish-balanse__input:focus {
    -moz-appearance: number-input;
}

.replenish-balanse__input::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.replenish-balanse__input::-moz-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.replenish-balanse__input:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.replenish-balanse__input::-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.replenish-balanse__input::placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.btn__replenish-balanse {
    background-color: #FC1A3B;
    border: none;
    border-radius: 15px;
    text-transform: uppercase;
    /* font-size: 24px; */
    /* width: 200px; */
    width: 100%;
    max-width: 200px;
    margin-top: 60px;
    box-shadow: 0 0 40px 0 rgba(253, 22, 56, 0.7);
    /* padding: 15px; */
    color: #ffffff;
    z-index: 1;

    min-height: 45px;
    font-size: 22px;
    padding: 5px;
    cursor: pointer;
    transition: var(--transition-all);
}

.btn__replenish-balanse:hover {
    scale: 1.05;
}

.replenish-promocode__wrapper {
    display: none;
}

.replenish-balance__promocode {
    padding-left: 20px;
    margin-top: 30px;
}

input#balanceform-promocode::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input#balanceform-promocode::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input#balanceform-promocode:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input#balanceform-promocode:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input#balanceform-promocode:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input#balanceform-promocode:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input#balanceform-promocode:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input#balanceform-promocode:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.replenish-promocode__show {
    padding: 5px 35px;
    margin-bottom: 30px;
}

.input.replenish-promocode__input {
    text-align: center;
}

.modal-range {
    min-width: 670px;
}

.modal-range__header {
    text-align: center;
}


/********Header************/
.body-page{
    background: url(../img/bg/page-bg.png) no-repeat center center;
    background-size: cover;
    background-color: #18181d;
}

.header {
    background: url(../img/bg/header_bg.png) no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    padding-top: 108px;
    margin-bottom: -22vh;
}

.header-page {
    min-height: auto;
    height: auto;
    background: none;
    margin-bottom: 15px;
    /* background-color: #18181d;*/
    padding-top: 150px;
}

.header-page::before,
.header-page::after {
    display: none;
}

.header:before {
    content: '';
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(right, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(right, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to left, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
}

.header:after {
    content: '';
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to top, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 50%;
}

.navbar {
    padding: 25px 0;
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(top, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(top, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to bottom, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    border: none;
}

.navbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-wrapper__inner {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    height: auto;
}

.brand-wrapper {
    max-width: 170px;
    width: 100%;
}

.navbar-online {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navbar-online__text {
    text-align: right;
    margin-right: 10px;
}

.navbar-online__title {
    color: #FC1A3B;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.3;
}

.navbar-online__subtitle {
    font-size: 12px;
    text-transform: uppercase;
}

.navbar-online__counter {
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
}

.navbar-lang {
    border: 2px solid #fc1a3b;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 10px;
    margin-top: 5px;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    width: 57px;
    overflow: hidden;
}

.navbar-lang__hidden {
    display: none;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.navbar-lang:hover {
    width: 130px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-lang:hover .navbar-lang__hidden {
    display: block;
    margin-left: 10px;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.navbar-lang a {
    color: #ffffff;
    text-decoration: none;
}

.navbar-nav {
    padding-top: 10px;
}

.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-hidden {
    position: absolute;
    right: -70px;
    top: 40px;
    display: none;
}

.nav-hidden ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.item-link {
    color: #fff;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px;
}

.nav-item.active .item-link {
    color: #fc1a3b;
}

.item-link:hover {
    color: #fc1a3b;
    text-decoration: none;
}

.navbar-btn__burger {
    padding-top: 10px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.btn-burger {
    width: 20px;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-burger:before {
    /* content: '';
    background: url(../img/icons/burger-menu.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 100px;
    height: 100%;*/
}

.burger-line {
    width: 20px;
    padding: 1px 0;
    margin-bottom: 3px;
    display: block;
    background-color: #ffffff;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.burger-active .burger-line:nth-child(1) {
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.burger-active .burger-line:nth-child(2),
.burger-active .burger-line:nth-child(3) {
    display: none;
}
.sw-1024{
    display: none;
}

.navbar-user__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-user__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.navbar-user__balance-items_wrapper {
    /* margin-right: 20px; */
}

.navbar-user__balance-item {
    font-size: 16px;
    font-weight: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 0.8;
    margin-bottom: 10px;
    gap: 5px;
}

.navbar-user__balance-item:not(.navbar-user__balance-credits) {
    font-size: 20px;
}

.navbar-user__balance-item:not(.navbar-user__balance-credits) > span {
    color: var(--sous-color);
    filter: var(--glow-filter);
}

.navbar-user__balance-item.navbar-user__balance-ruble .cur-rub {
    /* margin-left: 5px; */
}

.navbar-user__balance-item.navbar-user__balance-credits {
    /* color: #FC1A3B; */
    color: var(--light-gray-color);
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
}

.navbar-user__balance-item.navbar-user__balance-credits .cur-sc {
    font-size: 15px;
    /* margin-left: 5px; */
}

.navbar-user__balance-item > span {
    margin-left: unset;
}

.navbar-user__balance-replenish a::before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    /* background: url('../img/icons/replenish.png') no-repeat center center; */
    /* background: var(--plus-ico) no-repeat center center; */
    /* background-size: contain; */
    --ico: var(--plus-circle-ico);
    transition: all 0.2s;
    color: white;
}

.navbar-user__balance-replenish:hover a::before {
    /* background: url('../img/icons/replenish-red.png') no-repeat center center; */
    /* background-size: contain; */
    color: var(--sous-color);
}

.navbar-user__balance-replenish:hover {
    cursor: pointer;
}

.navbar-user__avatar-image {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    filter: var(--glow-filter);
    border: 2px solid var(--sous-color);
}

.navbar-user__name {
    text-transform: uppercase;
    word-wrap: break-word;
    font-size: 11px;
    text-align: left;
    max-width: 120px;
    max-height: 50px;
    overflow: hidden;
}

.navbar-user__lk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.navbar-user__logout {
    position: absolute;
    /* top: 0;
    right: -5px; */
    top: -2px;
    right: -7px;
    z-index: 2;
}

.navbar-user__logout::before {
    content: '';
    display: block;
    /* width: 15px;
    height: 15px; */
    width: 12px;
    height: 12px;
    /* background: url(../img/icons/logout-close.svg) no-repeat center center; */
    /* background-size: contain; */
    --ico: var(--cross-ico);
    color: white;
}

.navbar-user__logout:hover::before {
    color: var(--sous-color);
}

.auth-btn {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.07px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 17px;
    margin-right: 20px;
}

.auth-btn:hover {
    text-decoration: none;
    color: #fc1a3b;
}

.auth-btn:before {
    content: '';
    background: url(../img/icons/sign-in-icon.svg) no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/******Header Content*************/

.header-content {
    
    /* width: 48%; */
    margin-left: auto;
    z-index: 2;
    padding-top: 70px;
    padding-bottom: 220px;
    padding-right: 10px;

    width: 100%;
    max-width: min(600px, 100%);
    margin-right: calc(max(calc(100vw - 1200px), 0px) / 2);
}

.header-offer {
    /* width: 65%; */
    max-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-offer__text {
    text-shadow: 0 9px 6px rgba(0, 0, 0, 0.4);
    font-size: 82px;
    font-weight: 900;
    letter-spacing: 0.84px;
    text-transform: uppercase;
    line-height: 1;

    max-width: calc(100% - 170px);
}

.header-offer__text .text-red {
    color: #fc1a3b;
}

.header-online__service {
    padding-top: 30px;
}

.online-service__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.online-service__item {
    max-height: 57px;
    height: 100%;
    min-width: 42px;
    margin-bottom: 15px;
}

.online-service__item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.online-service__item.uplay {
    content: '';
    background: url(../img/icons/online-service/uplay-icon.svg) no-repeat center center;
    width: 50px;
    height: 50px;
}

.online-service__item.origin {
    content: '';
    background: url(../img/icons/online-service/origin-icon.svg) no-repeat center center;
    width: 42px;
    height: 57px;
}

.online-service__item.steam {
    content: '';
    background: url(../img/icons/online-service/steam-icon.svg) no-repeat center center;
    width: 48px;
    height: 49px;
}

.online-service__item.social-club {
    content: '';
    background: url(../img/icons/online-service/social-club-icon.svg) no-repeat center center;
    width: 157px;
    height: 45px;
}

.online-service__item.epic-games {
    content: '';
    background: url(../img/icons/online-service/epic-games-icon.svg) no-repeat center center;
    width: 48px;
    height: 56px;
}

.header-online {
    background: url(../img/icons/online.png) no-repeat center center;
    background-size: contain;
    width: 430px;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* position: absolute; */
    /* bottom: 0; */
    margin-top: 50px;
}

.header-online__count {
    font-size: 62px;
    font-weight: 500;
    letter-spacing: 0.74px;
    line-height: 0.8;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.78);
}

.header-online__subtitle {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 5.17px;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.78);
}

.header-search {
    /* background: url(../img/icons/search-big-icon.png) no-repeat center center; */
    /* background-size: contain; */
    width: 185px;
    height: 185px;
    position: absolute;
    /* bottom: 135px; */
    top: 325px;
    animation: anim 1s ease-in-out infinite alternate;
    color: white;
    filter: drop-shadow(2px 4px 6px black);
}

.header-search::before {
    content: '';
    display: block;
    --ico: var(--search-ico);
    width: 85%;
    height: 85%;
    position: absolute;
    top: 13%;
    left: 13%;
}

.header-search::after {
    outline: 6px solid currentColor;
    /* outline-offset: -20px; */
    border-radius: 50%;

    content: '';
    display: block;
    width: 80%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 10%;
}

.header-search-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
@keyframes anim {
    0%   {
        transform: scale(1.0) rotate(0deg);
    }
    100% {
        transform: scale(1.2) rotate(-5deg);
    }
}
.datepicker table tr td, .datepicker table tr th {
    color: #18181e;
}
/**********************************/


/*
.main-login {
    background: url(../img/bg/login-bg.svg) no-repeat 90% 90%;
    padding-bottom: 35px;
    background-size: 35%;
}*/

.form.form-login:after {
    content: '';
    position: absolute;
    bottom: -90px;
    right: -465px;
    display: block;
    width: 624px;
    height: 485px;
    background: url(../img/bg/login-bg.svg) no-repeat 90% 90%;
    z-index: -1;
}
.reg-success{
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    text-align: center;
}
.reg-success:after {
    content: '';
    position: absolute;
    top: 0;
    right: -250px;
    display: block;
    width: 524px;
    height: 385px;
    background: url(../img/bg/login-bg.svg) no-repeat 90% 90%;
    background-size: contain;
    z-index: -1;
}
.reg-success__title {
    font-size: 41px;
    font-weight: 500;
    letter-spacing: 4.3px;
    margin-bottom: 35px;
}.reg-success__subtitle {
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 1.26px;
 }
.reg-success__check-image{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 25px;
}
.reg-success__check-image:before{
    content: '';
    background: url(../img/icons/check-big-icon.svg) no-repeat center center;
    background-size: contain;
    width: 230px;
    height: 150px;
    display: block;
}
.reg-success__check-text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.26px;
}
/**************Footer***************/

.footer {
    color: #afb2b2;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.9px;
    margin: 40px 0;
}

.footer-social {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social {
    margin-left: 30px;
}

.social-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-item {
    margin-right: 20px;
}
.social-item:hover{
    -webkit-filter: invert(40%) grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(1);
    filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1);
}
.social-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.social-item:before {
    content: '';
    display: block;
    background-size: contain;
}

.social-item.vkontakte:before {
    background: url(../img/icons/vk-icon.svg) no-repeat center center;
    background-size: contain;
    width: 27px;
    height: 27px;
}

.social-item.instagram:before {
    background: url(../img/icons/in-icon.svg) no-repeat center center;
    background-size: contain;
    width: 27px;
    height: 27px;
}

.social-item.youtube:before {
    background: url(../img/icons/youtube-icon.svg) no-repeat center center;
    background-size: contain;
    width: 42px;
    height: 29px;
}

.copyright {
    margin-top: 20px;
    text-align: center;
}


/****************Discount Slider*************/

section.slider {
    margin-top: 70px;
}

.discounts-slider {
    height: 450px;
    border-radius: 42px;
    overflow: hidden;
}

.discount-slider__item {
    border-radius: 42px;
    overflow: hidden;
    max-height: 415px;
}
.discount-slider__item img{
    object-fit: cover;
    max-height: 415px;
    width: 100%;
}

/*
.discount-slider__item-content:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #FFFFFF00;
    background: -webkit-linear-gradient(top, #FFFFFF00, #18181d);
    background: -moz-linear-gradient(top, #FFFFFF00, #18181d);
    background: linear-gradient(to bottom, #FFFFFF00, #18181d);
}*/

.slider-dots {
    background-color: #18181d;
    border: 1px solid #fc1a3b;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    opacity: 1;
}

.slider-dots:hover,
.slider-dots:focus {
    background-color: var(--red-transparent);
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: left;
    padding: 10px 50px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fc1a3b;
}

.discount-slider__item-content {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 80%;
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to top, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    padding: 0 50px 50px;
}

.discount-slider__item-column {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.discount-slider__item-game {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;

    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.discount-slider__item-discount {
    color: #fc1a3b;
    font-size: 59px;
    font-weight: 700;
    text-transform: uppercase;
}

.discount-slider__item-column:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.discount-slider__item-old_price {
    font-size: 21px;
    font-weight: 500;
    text-decoration: line-through;
    padding-right: 30px;
    margin-bottom: 10px;
}

.discount-slider__item-new_price {
    padding-right: 25px;
    font-size: 72px;
    font-weight: 700;
    line-height: 0.7;
}
/*
.discount-slider__item-new_price:before {
    content: '';
    background: url(../img/icons/ruble-white.svg) no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 32px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}
*/
.discount-slider__item-content span{
    position: absolute;
    right: 15px;
    bottom: 5px;
}
.discount-slider__item-new_price span{
    right: 0;
    bottom: 0;
}
.discount-slider__item-new_price span::before{
    width: 25px;
    height: 30px;
}
.link-slider_main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/************Best Offers*************/

.btn__best-offers_wrapper {
    margin: 45px 0;
}

.btn__best-offers {
    /* color: #fff; */
    /* font-size: 17px; */
    /* font-weight: 700; */
    /* letter-spacing: 2.06px; */
    /* text-decoration: none; */
    /* text-transform: uppercase; */
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    /* -webkit-box-pack: center; */
    /* -ms-flex-pack: center; */
    /* justify-content: center; */
    /* -webkit-box-align: center; */
    /* -ms-flex-align: center; */
    /* align-items: center; */
    /* height: 45px; */
    /* transition: all 0.2s; */
    /* border-radius: 25px; */
    /* border: 3px solid #fc1a3b; */
}


/*********************************/

.last-purchases,
.choose-genre {
    margin: 75px 0;
}

.last-purchase__item a {
    color: #ffffff;
    text-decoration: none;
}

.carousel-title,
.secondary-section-title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.carousel-title:after,
.secondary-section-title:after {
    content: '';
    max-width: 200px;
    /* width: 100%; */
    height: var(--separator-thikness);
    /* background-color: #707070; */
    background-color: var(--sous-color);
    /* position: absolute; */
    margin-left: 10px;
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */

    border-radius: var(--separator-radius);
    background-color: var(--sous-color);
    box-shadow: var(--separator-shadow);

    flex-shrink: 1;
    flex-grow: 1;
}

.carousel__last-purchases {
    margin: 25px 0;
    mask: linear-gradient(to right, transparent, black 20px , black calc(100% - 20px), transparent);
    -webkit-mask: linear-gradient(to right, transparent, black 20px , black calc(100% - 20px), transparent);
    /* mask: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    -webkit-mask: linear-gradient(to right, transparent, black 5%, black 95%, transparent); */
}

/* .carousel__last-purchases:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    z-index: 99;
}

.carousel__last-purchases:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 10%;
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to left, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    z-index: 99;
} */

.carousel__last-purchases .swiper-wrapper {
    gap: 10px;
}

.carousel__last-purchases__item {
    width: 200px;
    /* height: 179px; */
    height: 250px;
    /* padding: 0px 10px; */
    /* margin: 0 auto; */
    margin: 0 10px;
}
.carousel__last-purchases__item img{
    border-radius: 10px;

    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel__last-purchases__item:after {
    content: '';
    height: 20%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to top, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    border-radius: 0 0 10px 10px;
}

.carousel__last-purchases__item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 18px;
    z-index: 2;
}

.last-purchases__item-content_game {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.last-purchases__item-content_nickname {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 2px black;
    word-wrap: break-word;
}

.last-purchase__item-content_type {
    position: absolute;
    top: 10px;
    left: 18px;
    z-index: 2;
}

.carousel__last-purchases__item .type-key:before {
    content: '';
    background: url(../img/icons/key-red.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 13px;
    height: 13px;
}
.carousel__last-purchases__item .type-account:before {
    content: '';
    background: url(../img/icons/account-icon.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 13px;
    height: 13px;
}


/***********************************/
/* TODO remove all this */
.section-title__wrapper {
    padding: 0 0 25px 50px;
    border-bottom: 2px solid #fc1a3b;
    margin-bottom: 20px;
}

.section-title {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 3.78px;
    text-transform: uppercase;
}

.section-subtitle__wrapper {
    padding: 0 0 25px 50px;
    margin-top: 25px;
    margin-bottom: 55px;
}

.section-subtitle {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 2.21px;
    text-transform: uppercase;
}


/************************************/

.choose-random {
    margin-bottom: 100px;
}

.choose-random__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.choose-random__items:before {
    content: '';
    background: rgba(0, 0, 0, 1.0);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    position: absolute;
    left: 0;
    height: 100%;
    width: 12%;
    display: block;
    z-index: 1;
}

.choose-random__items:after {
    content: '';
    background: rgba(0, 0, 0, 1.0);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to left, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    position: absolute;
    height: 100%;
    width: 12%;
    right: 0;
    display: block;
    z-index: 1;
}

.choose-random__item {
    height: 444px;
    width: 50%;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.choose-random__item:hover .choose-random__item-content {
    z-index: 2;
}

.choose-random__item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.choose-random__item-key {
    background: url(../img/bg/choose-key-bg.jpg) no-repeat center center;
    background-size: cover;
}

.choose-random__item-account {
    background: url(../img/bg/choose-account-bg.jpg) no-repeat center center;
    background-size: cover;
}

.choose-random__item-account:before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    opacity: 0.9;
    z-index: 1;
    background: #FF5E0E;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #FF5E0E), to(#18181d00));
    background: -o-linear-gradient(left, #FF5E0E 50%, #18181d00);
    background: linear-gradient(to right, #FF5E0E 50%, #18181d00);
}

.choose-random__item-content {
    color: #ffffff;
    z-index: 1;
    position: absolute;
    top: 20px;
    left: 20px;
}

.choose-random__item-key .choose-random__item-content {
    right: 20px;
    text-align: right;
}

.choose-random__item-content_title {
    font-size: 21px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

.choose-random__item-content_count {
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 3.06px;
}

.choose-random__item-content_text {
    font-size: 9px;
    font-weight: 500;
}


/*************************/

.genre-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    margin: 20px 0px;
}

.genre-item {
    /* -ms-flex-preferred-size: 33%; */
    /* flex-basis: 33%; */
    padding-left: 0;
    /* width: 240px; */
    width: 190px;
    height: 239px;
    text-align: center;
    /* margin-bottom: 60px; */
}

.genre-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #ffffff;
    text-decoration: none;
}

.genre-item__image img {
    width: 100%;
    max-width: 270px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
.genre-item:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 2;

}

.genre-item__title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.genre-sous {
    width: 20%;
}


/*************************************/

.account-info {
    margin-bottom: 45px;
}
.account-info__avatar {
    position: absolute;
    right: 10px;
    top: 0;
    width: 150px;
    height: 150px;
}
.account-info__avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
/* .cur-rub:before {
    content: '';
    background: url(../img/icons/ruble-white.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 15px;
} */
.field-user-currency .currency-rub.active:after{
    -webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(
            -50deg
    ) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(
            -50deg
    ) saturate(600%) contrast(2);
}
.header-currency:hover{
    -webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(
            -50deg
    ) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(
            -50deg
    ) saturate(600%) contrast(2);
    transition: all 0.2s;
}
/*.currence-widget-main-hide{*/
/*opacity: 0 !important;*/
/*display: none !important;*/
/*}*/
.field-user-currency .currency-rub.active:after {
    -webkit-filter: none;
    filter: none;
}
.modal .field-user-currency label.active{
    -webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(
            -50deg
    ) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(
            -50deg
    ) saturate(600%) contrast(2);
    color:white !important;
}
.header-block span.header-currency{
    margin-right: 10px;
    padding: 5px;
    border: solid 1px;
    border-radius: 15px;
    cursor: pointer;
}
.header-block span.header-currency:before{
    width: 15px;
    height: 15px;
}
.currency-unicode-block .cur-rub:before {
    content: '\20BD';
    background: none;
    display: inline-block;
}

.cur-dollars:before {
    content: '';
    background: url(../img/icons/dollars-white.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 15px;
}

.currency-unicode-block .cur-dollars:before {
    content: '\0024';
    background: none;
    display: inline-block;
}

.cur-grivna:before {
    content: '';
    background: url(../img/icons/grivna-white.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 15px;
}

.currency-unicode-block .cur-grivna:before {
    content: '\20B4';
    background: none;
    display: inline-block;
}

.cur-euro:before {
    content: '';
    background: url(../img/icons/euro-white.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 15px;
}

.currency-unicode-block .cur-euro:before {
    content: '\20AC';
    background: none;
    display: inline-block;
}

.cur-tenge:before {
    content: '';
    background: url(../img/icons/tenge-white.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 15px;
}

.currency-unicode-block .cur-tenge:before {
    content: '\20B8';
    background: none;
    display: inline-block;
}

.account-info__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
}

.account-info__column:first-child {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.account-info__column:last-child {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding: 0 10px;
}

.account-info__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}

.account-info__settings {
    margin-right: 60px;
}

.account-info__settings a:before {
    content: '';
    display: block;
    background: url(../img/icons/settings.svg) no-repeat center center;
    background-size: contain;
    width: 51px;
    height: 51px;
}

.account-settings__form {
    margin-bottom: 35px;
}

.account-settings__input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 350px;
}

.account-settings__checkbox-label {
    color: #AFB2B2;
    font-size: 13px;
    text-transform: uppercase;
}

.small-custom-checkbox-wrapper .account-settings__input-wrapper {
    width: 30px;
    min-width: 30px;
    height: 15px;
}

.account-settings__input-wrapper {
    width: 40px;
    min-width: 40px;
    height: 20px;
    background: #18181d;
    position: relative;
    border: 1px solid #fc1a3b;
    border-radius: 50px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.account-settings__input-wrapper.no-active {
    border-color: grey;
}

.account-settings__input-wrapper.no-active label {
    background-color: grey !important;
    border-color: grey !important;
}

.small-custom-checkbox-wrapper .account-settings__input-wrapper label {
    width: 9px !important;
    height: 9px !important;
    top: 2px;
    left: 2px;
}

.account-settings__input-wrapper label {
    display: block;
    width: 12px !important;
    height: 12px !important;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    background-color: grey;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.account-settings__input-wrapper label:hover,
.account-settings__input-wrapper label:focus {
    transform: scale(1.2);
}

.account-settings__input-wrapper input[type=checkbox] {
    visibility: hidden;
}

.small-custom-checkbox-wrapper .account-settings__input-wrapper input[type=checkbox]:checked+label {
    left: 16px;
}

.account-settings__input-wrapper input[type=checkbox]:checked+label {
    left: 22px;
    background-color: #FC1A3B;
    border-color: #FC1A3B;
}

.account-settings__input-email {
    border: 1px solid #fff;
    border-radius: 25px;
    background: #18181d;
    padding: 10px 20px;
    color: #ffffff;
    width: 100%;
    padding-right: 100px;
}

.account-settings__input-email::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.account-settings__input-email::-moz-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.account-settings__input-email:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.account-settings__input-email::-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.account-settings__input-email::placeholder {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.account-settings__btn-submit {
    background-color: #FC1A3B;
    border: none;
    border-radius: 35px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 14px;
    z-index: 1;
}

.account-settings__btn-submit:hover {
    cursor: pointer;
}

.account-info__logout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.account-info__logout a {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 45px;
}

.account-info__logout a:after {
    content: '';
    background: url(../img/icons/logout-close.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    right: 0;
}

.account-info__replenish-balance {
    font-size: 25px;
    text-transform: uppercase;
    max-width: 270px;
    padding: 5px 25px;
    border: 5px solid #fc1a3b;
    border-radius: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
}

.account-info__replenish-balance a {
    color: #ffffff;
    text-decoration: none;
}

.balance-plus {
    font-size: 75px;
    line-height: 0;
    padding-right: 10px;
}

.account-info__wrapper {
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover !important;
}

.account-info__range {
    margin-bottom: 20px;
}

.account-info__range-value {
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
    line-height: 0.8;
    text-transform: uppercase;
    border-radius: 39px;
    border: 3px solid #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px;
    width: 150px;
    height: 42px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.account-info__range-value_title {
    padding-left: 35px;
}

.account-info__range-value_icon:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.range-bronze:before {
    content: '';
    background: url(../img/icons/range/bronze.svg) no-repeat center center;
    background-size: contain;
}

.range-silver:before {
    content: '';
    background: url(../img/icons/range/silver.svg) no-repeat center center;
    background-size: contain;
}

.range-gold:before {
    content: '';
    background: url(../img/icons/range/gold.svg) no-repeat center center;
    background-size: contain;
}

.range-platinum:before {
    content: '';
    background: url(../img/icons/range/platinum.svg) no-repeat center center;
    background-size: contain;
}

/*

.achievement-title {
    font-size: 24px;
    font-weight: 800;
    font-style: italic;
    color: #6D6D6D;
}

 */

.achievement-list ol li {
    font-size: 12px;
    font-weight: 500;
    color: #D4D4D4;
    margin-bottom: 10px;
}

.achievement-list ol li span {
    color: #FC1A3B;
}

.achievement-items {
    min-height: 120px;
    margin: 20px 0;
}

.achievement-item {
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 0;
}

.achievement-item:nth-child(2) {
    left: 140px;
    z-index: 1;
}

.achievement-item:nth-child(3) {
    left: 240px;
    z-index: 2;
}

.achievement-item:nth-child(4) {
    left: 340px;
    z-index: 3;
}

.achievement-item:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
}

.achievement-bronze:before {
    background: url(../img/icons/range/bronze.svg) no-repeat center center;
    background-size: contain;
}

.achievement-silver:before {
    background: url(../img/icons/range/silver.svg) no-repeat center center;
    background-size: contain;
}

.achievement-gold:before {
    background: url(../img/icons/range/gold.svg) no-repeat center center;
    background-size: contain;
}

.achievement-platinum:before {
    background: url(../img/icons/range/platinum.svg) no-repeat center center;
    background-size: contain;
}

.achievement-item__value {
    font-size: 24px;
    font-weight: 600;
    color: #FC1A3B;
    position: absolute;
    right: -50px;
    bottom: -25px;
}

.achievement-item__value:before {
    content: '';
    background: url(../img/icons/range/ach-line.svg) no-repeat center center;
    background-size: contain;
    width: 80px;
    height: 10px;
    display: block;
    position: absolute;
    top: -12px;
    z-index: 1;
    left: -23px;
}

.achievement-item:nth-child(2) {
    animation: achievement_2 ease-in-out 2s;
    animation-iteration-count: 1;
    transform-origin: 100% 50%;
    -webkit-animation: achievement_2 ease-in-out 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 100% 50%;
    -moz-animation: achievement_2 ease-in-out 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 100% 50%;
    -o-animation: achievement_2 ease-in-out 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 100% 50%;
    -ms-animation: achievement_2 ease-in-out 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 100% 50%;
}
.btn-get-achi {
    font-weight: 400;
    padding: 0 5px;
    font-size: 12px;
}
@keyframes achievement_2 {
    0% {
        -webkit-transform: translate(-140px, 0px);
        transform: translate(-140px, 0px);
    }
    50% {
        -webkit-transform: translate(-45px, 25px);
        transform: translate(-45px, 25px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
}

@-webkit-keyframes achievement_2 {
    0% {
        -webkit-transform: translate(-140px, 0px);
    }
    50% {
        -webkit-transform: translate(-45px, 25px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
    }
}

.achievement-item:nth-child(3) {
    animation: achievement_3 ease-in-out 2s;
    animation-iteration-count: 1;
    transform-origin: 100% 50%;
    -webkit-animation: achievement_3 ease-in-out 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 100% 50%;
    -moz-animation: achievement_3 ease-in-out 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 100% 50%;
    -o-animation: achievement_3 ease-in-out 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 100% 50%;
    -ms-animation: achievement_3 ease-in-out 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 100% 50%;
}

@keyframes achievement_3 {
    0% {
        -webkit-transform: translate(-240px, 0px);
        transform: translate(-240px, 0px);
    }
    50% {
        -webkit-transform: translate(-85px, 50px);
        transform: translate(-85px, 50px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
}

@-webkit-keyframes achievement_3 {
    0% {
        -webkit-transform: translate(-240px, 0px);
    }
    50% {
        -webkit-transform: translate(-85px, 50px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
    }
}

.achievement-item:nth-child(4) {
    animation: achievement_4 ease-in-out 2s;
    animation-iteration-count: 1;
    transform-origin: 100% 50%;
    -webkit-animation: achievement_4 ease-in-out 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 100% 50%;
    -moz-animation: achievement_4 ease-in-out 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 100% 50%;
    -o-animation: achievement_4 ease-in-out 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 100% 50%;
    -ms-animation: achievement_4 ease-in-out 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 100% 50%;
}

@keyframes achievement_4 {
    0% {
        -webkit-transform: translate(-340px, 0px);
        transform: translate(-340px, 0px);
    }
    50% {
        -webkit-transform: translate(-125px, 75px);
        transform: translate(-125px, 75px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
}

@-webkit-keyframes achievement_4 {
    0% {
        -webkit-transform: translate(-340px, 0px);
    }
    50% {
        -webkit-transform: translate(-125px, 75px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
    }
}

.account-info__view-all-range a {
    color: #fc1a3b;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
}

.account-info__name {
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.account-info__balance {
    font-size: 26px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.account-info__balance-item {
    margin-right: 35px;
    padding-right: 20px;
}

.account-info__balance-item span {
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

.account-info__balance-ruble span {
    top: 5px;
    right: 5px;
}

.account-info__balance-credits {
    color: #fc1a3b;
}

.account-info__id {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-info__id-btn:hover {
    cursor: pointer;
}

.account-info__id-btn a:before {
    content: '';
    display: block;
    background: url(../img/icons/question-white-icon.svg) no-repeat center center;
    background-size: contain;
    width: 12px;
    height: 32px;
    margin-right: 10px;
}

.account-info__id-title {
    text-transform: uppercase;
    margin-right: 10px;
}

.account-info__form-email {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#send_mail {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}
#send_mail:after{
    content: '';
    background: url(../img/icons/check.svg) no-repeat center center;
    display: block;
    width: 30px;
    height: 22px;

}
.account-info__form-email:before {
    content: '';
    background: url(../img/icons/envelope.svg) no-repeat center center;
    display: block;
    width: 30px;
    height: 22px;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.account-info__form-email .help-block {
    display: none;
}

.account-info__add-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-info__add-email input {
    border: 1px solid #fff;
    border-radius: 7px;
    width: 100%;
    padding: 10px 10px 10px 45px;
    background-color: #18181d;
    color: #ffffff;
}

.account-info__add-email input::-webkit-input-placeholder {
    color: #fff;
}

.account-info__add-email input::-moz-placeholder {
    color: #fff;
}

.account-info__add-email input:-ms-input-placeholder {
    color: #fff;
}

.account-info__add-email input::-ms-input-placeholder {
    color: #fff;
}

.account-info__add-email input::placeholder {
    color: #fff;
}

.field-registrationform-password:before,
.field-loginform-password:before {
    content: '';
    display: block;
    width: 46px;
    height: 13px;
    background: url(../img/icons/stars-pass-icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.field-registrationform-password_repeat:before {
    content: '';
    display: block;
    width: 43px;
    height: 33px;
    background: url(../img/icons/validation-password-icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}


/**************************/

.section-title__table {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-title__table:after {
    content: '';
    max-width: 489px;
    width: 100%;
    height: 1px;
    background-color: #707070;
    position: absolute;
    margin-left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.purchases-table {
    width: 100%;
    max-width: 1170px;
    padding: 0 20px;
}

.purchases-table th {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 10px;
}

.purchases-table td {
    padding: 10px 0;
}

.purchases-table__amount {
    padding-bottom: 0;
}

.td-ceil-price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.purchases-table .cur-rub {
    margin-left: 5px;
}

.purchases-table__total-amount {
    text-align: right;
    padding-top: 30px;
}

.purchases-table__total-amount__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 60px;
}

.input-password__hide {
    border: none;
    background: none;
    width: 370px;
}

/*************************/

.btn-show__refer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.refer {
    display: none;
}

.btn-show__refer-table {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background-color: #FC1A3B;
    padding: 15px 40px;
    border-radius: 35px;
}

.refer-title {
    color: #fc1a3b;
    font-size: 21px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.refer-title:after {
    content: '';
    max-width: 489px;
    width: 100%;
    height: 1px;
    background-color: #707070;
    position: absolute;
    margin-left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.refer-wrapper {
    border-radius: 26px;
    border: 1px solid #fc1a3b;
    padding: 80px 50px;
}

.refer-table {
    width: 100%;
    text-align: left;
}

.refer-table th {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
}

.refer-table th,
.refer-table td {
    width: 25%;
}

.refer-table__amount-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.refer-table .cur-rub {
    margin-left: 5px;
}

.refer-table td {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
}

.refer-table__total-amount__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.refer-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21px;
    font-weight: 400;
}

.refer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.refer-link__title {
    margin-right: 10px;
}

.refer-percent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.refer-percent__title {
    margin-right: 10px;
}


/*****************************/

.catalog-search {
    margin-bottom: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.field-gamesearch-game .help-block {
    display: none;
}


/*
input[type="checkbox"] {
    display: none;
}
*/


/*
    .form-group .control-label:before {
        content: '';
        border: 1px solid red;
        width: 15px;
        height: 15px;
        display: block;
    }*/


/**************************/

.search-filter__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    margin-left: 30px;
}

.search-filter__btn:before {
    content: '';
    background: url(../img/icons/settings.svg) no-repeat center center;
    display: block;
    width: 21px;
    height: 21px;
}

#search-form,
#search-user {
    /* max-width: 870px; */
    width: 100%;
    margin: 0 auto;
}

#gamesearch-game,
#usersearch-request {
    width: 100%;
    height: 44px;
    border-radius: 72px;
    border: 3px solid white;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    padding: 10px 45px 10px 20px;
    font-size: 20px;
}

.search-submit__wrapper {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#search-form label,
#search-user label {
    display: none;
}

.post-search {
    margin-bottom: 50px;
}

.site-about .post-search {
    display: block;
}

.search-btn__settings {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search-btn__settings:hover {
    cursor: pointer;
}

.search-btn__settings:before {
    content: '';
    background: url(../img/icons/settings.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 21px;
    height: 21px;
}

/* #search-form .field-gamesearch-game:before, */
#search-form .search_l::before,
#search-user .field-usersearch-request::before {
    content: '';
    /* background: url(../img/icons/search.svg) no-repeat center center; */
    /* background-size: contain; */
    --ico: var(--search-ico);
    /* color: white; */
    display: block;
    width: 25px;
    /* height: 28px; */
    height: 25px;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

input.search-submit {
    background-color: transparent;
    border: none;
    width: 25px;
    height: 28px;
}

.search-filter {
    display: none;
}

.search-dropdown {
    margin-bottom: 15px;
}

.search-dropdown__title {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1.16px;
    text-transform: uppercase;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 5px;
}

.search-dropdown__title:after {
    content: '';
    background: url(../img/icons/chevron-dropdown-right.png) no-repeat center center;
    background-size: contain;
    width: 3px;
    height: 4px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-dropdown__title:hover{
    color: #fc1a3b;
}
.search-dropdown__title.dropdown-open {
    padding-right: 20px;
}

.search-dropdown__title.dropdown-open:after {
    background: url(../img/icons/dropdown-open.png) no-repeat center center;
    width: 16px;
    height: 4px;
}

.search-dropdown__list {
    display: none;
    padding-left: 10px;
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}
.search-dropdown__list label:hover{
    color: #fc1a3b;
}

#gamesearch-tag,
#gamesearch-platform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* max-width: 220px; */
}

.search-checkbox__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-checkbox__item {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-checkbox__item .form-group {
    margin: 0;
}

.search-checkbox__item .help-block {
    display: none;
}

.search-checkbox__label {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1.16px;
    text-transform: uppercase;
    margin-right: 5px;
    cursor: pointer;
}
.search-filter-price, .catalog-drop-filter-wrapper {
    min-width: 220px;
}
.search-select{
    padding: 0 0 0 50px;
    /*padding-right: 200px;*/
    /* min-height: 30px;
    max-height: 30px; */
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
    transition: 0.2s linear;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    /* border-radius: 25px !important; */
    border-radius: 20px;
    /* border: var(--separator-border); */
    border: var(--thin-separator-border);
    background-color: var(--thin-separator-color);
}

.search-select__label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* margin: 5px 0; */
    margin: 8px 0;
    font-weight: 400;
}
.search-select__label:hover{
    color: var(--sous-color);
    cursor: pointer;
}
.search-select__radio {
    visibility: hidden;
    position: absolute;
}
.search-select__label.color-red{ color: var(--sous-color); }

.search-select__label.active {
    color: var(--sous-color);
    font-weight: bold;
}
.search-select__value {
    letter-spacing: 0.7px;
    font-size: 19px;
}
.search-filter__title{
    font-size: 11px;
    text-transform: uppercase;
    /* margin-bottom: 5px; */
    color: #AFB2B2;

    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
.search-filter__price{
    display: flex;
    flex-direction: column;
}
.search-select__price {
    font-size: 16px;
    display: flex;
    /*align-items: flex-end;*/
}
.search-select__price .cur-rub{
    padding-bottom: 0px;
}
.search-select__price .cur-rub:before{
    height: 35px;
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.search-select__label:hover .search-select__price .cur-rub:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}


.search-select__price .cur-dollars{
    padding-bottom: 0px;
}
.search-select__price .cur-dollars:before{
    height: 35px;
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.search-select__label:hover .search-select__price .cur-dollars:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}


.search-select__price .cur-grivna{
    padding-bottom: 0px;
}
.search-select__price .cur-grivna:before{
    height: 35px;
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.search-select__label:hover .search-select__price .cur-grivna:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}



.search-select__price .cur-euro{
    padding-bottom: 0px;
}
.search-select__price .cur-euro:before{
    height: 35px;
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.search-select__label:hover .search-select__price .cur-euro:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}



.search-select__price .cur-tenge{
    padding-bottom: 0px;
}
.search-select__price .cur-tenge:before{
    height: 35px;
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.search-select__label:hover .search-select__price .cur-tenge:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}

.search-select__chevron{
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 9999;
}
.search-select__chevron:before{
    content:'';
    background: url(../img/pumping/select-chevron-icon.svg) no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 20px;
    display: block;
    cursor: pointer;
    transition: 0.2s linear;
}
.select-open .search-select__chevron::before{
    transform: rotate(180deg);
    transition: 0.2s linear;
}

.navbar-nav.navbar-nav__mobile {
    display: none;
}

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    z-index: 1;
    visibility: hidden;
}

input[type="checkbox"]+label, input[type="radio"]+label {
    margin: 0;
    border: 1px solid #4a4a4a;
    cursor: pointer;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background-color: #4a4a4a;
    color: #18181d;
}

/*
.game-buy__agreement input[type="checkbox"]+label {
    border: 2px solid #fff;
    width: 15px;
    height: 15px;
    border-radius: 15px;
}

 */

.game-buy__agreement input[type="checkbox"]:checked+label,
.modal-buy__subscribe input[type="checkbox"]:checked+label {
    background-color: #FC1A3B;
    border-color: #FC1A3B;
    width: 15px;
    height: 15px;
}

.search-checkbox__item label {
    margin: 0;
    border: 1px solid red;
    cursor: pointer;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background-color: #18181d;
    color: #18181d;
}
#w0 .label-wrapper {
    display: flex;
    flex-direction: row-reverse;
    width: max-content;
    align-items: center;
}
#w0 input[type="checkbox"]:checked+label,
.search-checkbox__item input[type="checkbox"]:checked+label {
    background-color: #FC1A3B;
    border-color: #FC1A3B;
}

.search-checkbox__item input[type="checkbox"]:checked {
    left: 26px;
}

.search-checkbox__item input[type="checkbox"]:focus {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2), 0 0 0 3px rgba(255, 255, 0, .7);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2), 0 0 0 3px rgba(255, 255, 0, .7);
}

.search-dropdown__list input[type="checkbox"],
.search-dropdown__list input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

.search-dropdown__list label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    width: 50%;
}

.list-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.list-view>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: content-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 235px;
    min-width: 235px;
    min-height: 380px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 15px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    outline: 3px solid rgba(0, 0, 0, 0);
    /* background-color: black; */
    background-color: var(--main-bg-color);
    position: relative;
}

.list-view>div::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    translate: -50% -100%;
    height: var(--separator-thikness);
    border-radius: var(--separator-thikness);
    box-shadow: var(--separator-shadow);
    background-color: var(--sous-color);
}

.product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 235px;
    min-width: 235px;
    min-height: 330px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    border-radius: 15px;

    background: linear-gradient(to bottom, transparent 50%, var(--main-bg-color)), 
        var(--image) center center / cover no-repeat;
}

.list-view>div:hover {
    cursor: pointer;
    outline-color: #fc1a3b;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .1s;
}

/*
.product-item:hover > a {
    border: 15px solid transparent;
    -o-border-image: -o-linear-gradient(#fc1a3b, #18181d);
       border-image: -webkit-gradient(linear, left top, left bottom, from(#fc1a3b), to(#18181d));
       border-image: linear-gradient(#fc1a3b, #18181d);
    -webkit-border-image: -webkit-linear-gradient(#fc1a3b, #18181d);
    border-image-slice: 1;
}*/

.product-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.product-item__content {
    position: absolute;
    display: flex;
    /* flex-direction: column; */
    flex-direction: column-reverse;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: flex-start;
    /* bottom: 0; */
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    /* height: 100%; */
    height: calc(100% + 50px);
    width: 100%;
    border-radius: 9px;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));*/
    /* background: linear-gradient(to bottom,rgba(0,0,0,0.9),rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%, rgba(0,0,0,0.9)); */
}

.product-item__content-hidden {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: all 1s;
    width: calc(100% - 40px);
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    /* border-top: 2px solid #fc1a3b; */
    position: relative;
    /* top: -2px; */
    display: flex;
}

.product-item__game {
    font-size: 17px;
    text-transform: uppercase;
    width: 100%;
}

.product-item-genre {
    width: 100%;
    display: flex;
    font-size: 12px;
    opacity: 0.9;
    flex-wrap: wrap;
    justify-content: center;

    display: none;
}

.product-item-genre span {
    margin-right: 5px;
}

.product-item__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    width: 50%;
    justify-content: flex-start;
}

.product-item__price-preorder {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-item__price span {
    margin-left: 2px;
}

.product-item__price-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    justify-content: center;
    flex-wrap: nowrap;
}

.product-item-platform {
    color: #fc1a3b;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

.product-item__price-title {
    margin-left: 4px;
    padding-left: 4px;
    border-left: var(--thin-separator-border);
    display: inline;
}

.product-item__price-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    flex-direction: row-reverse;
}

.product-item__price-value .new-price-game {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
}
/*
.product-item__price-column:last-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
*/

.product-item__price-old {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: line-through;
    opacity: 0.8;
}

/*******************************/

.reviews-count {
    color: #afb2b2;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.reviews-count__title {
    margin-right: 30px;
}

.field-reviews-review {
    margin-bottom: 35px;
}

#reviews-review, .comment-game-textarea {
    border-radius: 15px;
    border: 3px solid var(--sous-color);
    background-color: #18181d;
    height: 170px;
    padding: 15px 25px 15px 15px;
    width: 100%;
    resize: none;
    /* font-size: 20px; */
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
}

#reviews-review:focus {
    box-shadow: none;
}

.comment-game-textarea::-webkit-input-placeholder,
#reviews-review::-webkit-input-placeholder {
    color: #afb2b2;
    /* font-size: 12px; */
    font-weight: 400;
    /* text-transform: uppercase; */
}

.comment-game-textarea::-moz-placeholder,
#reviews-review::-moz-placeholder {
    color: #afb2b2;
    /* font-size: 12px; */
    font-weight: 400;
    /* text-transform: uppercase; */
}

.comment-game-textarea:-ms-input-placeholder,
#reviews-review:-ms-input-placeholder {
    color: #afb2b2;
    /* font-size: 12px; */
    font-weight: 400;
    /* text-transform: uppercase; */
}

.comment-game-textarea::-ms-input-placeholder,
#reviews-review::-ms-input-placeholder {
    color: #afb2b2;
    /* font-size: 12px; */
    font-weight: 400;
    /* text-transform: uppercase; */
}

.comment-game-textarea::placeholder,
#reviews-review::placeholder {
    color: #afb2b2;
    /* font-size: 12px; */
    font-weight: 400;
    /* text-transform: uppercase; */
}

.review-form__btn {
    position: absolute;
    top: 115px;
    /* bottom: 20px; */
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    /* border: none; */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--important-bg-color);
    border: var(--thin-separator-border);
    transition: var(--transition-all);
    color: white;
}

.review-form__btn:hover,
.review-form__btn:focus {
    background-color: var(--main-bg-color);
    color: var(--sous-color);
}

.review-form__btn::before {
    content: '';
    display: block;
    /* width: 26px; */
    /* height: 25px; */
    width: 20px;
    height: 20px;
    /* background: url(../img/icons/icon-send-review.png) no-repeat center center; */
    /* background-size: contain; */
    position: absolute;
    margin-left: 2px;

    --ico: var(--send-ico);
}

.review-item {
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.review-item__review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
    /* padding: 30px 20px; */
    padding: 10px 20px;
    /* background-color: rgba(170, 170, 170, 0.1); */
    background-color: var(--main-bg-color);
    border-radius: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.reviews-items {
    margin-top: 60px;
}

.review-item__answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 30px;
}

.review-author {
    margin-right: 20px;
}

.review-item__answer .review-author {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.review-avatar-user {
    border-radius: 50%;
    border: 2px solid #FC1A3B;
}

.review-author__avatar {
    max-width: 72px;
    width: 100%;
    position: relative;
    filter: var(--glow-filter);
}

.review-login-icon {
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 2;
    right: -8px;
}

.review-author__username {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    /* color: white; */
    color: var(--sous-color);
    filter: var(--glow-filter);
}

.review-author__username a {
    /* color: white; */
    color: var(--sous-color);
}

.review-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.comment-block .review-content {
    /* max-width: 480px; */
}

.review-content__text {
    color: #ffffff;
    font-size: 14px;
    /* font-weight: 400; */
    /* max-width: 600px; */
}

.review-content__date {
    font-size: 12px;
    /* border: 1px solid #7d8087; */
    /* border-radius: 10px; */
    /* padding: 15px; */
    /* font-weight: 400; */
    color: var(--gray-color);
    flex-shrink: 0;
}

.reviews_button{
    display: flex;
    margin: 20px auto;
    width: max-content;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    background-color: #FC1A3B;
    padding: 10px 20px;
    border-radius: 15px;
}

.catalog_button{
    /* display: flex; */
    margin: 20px auto;
    /* width: max-content;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    background-color: #FC1A3B;
    padding: 10px 20px;
    border-radius: 15px; */
}

.catalog_button::after {
    content: '';
    width: 25px;
    height: 25px;
    --ico: var(--more-ico);
}

.mob-catalog__button{
    display: none;
}

.desc-catalog__button{
    display: block;
}

.vk_push{
    margin: 10px auto;
    width: max-content;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background-color: #FC1A3B;
    padding: 15px 40px;
    border-radius: 35px;
}
.old_site{
    border: solid 2px white;
    margin: 10px auto;
    width: max-content;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background-color: #FC1A3B;
    padding: 15px 40px;
    border-radius: 35px;
}
.br_w_2{
    border: solid 2px white;
    margin: 0 auto;
}
.cent_conten{
    margin:20px 0px 0px;
    text-align: center;
    display: flex;
}
.mob-catalog__button{
    display: none;
}
.single-game__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.single-game__column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.single-game__column.full-width {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.single-game__image-wrapper {
    max-width: 570px;
    width: 100%;
    max-height: 387px;
    overflow: hidden;
    margin-bottom: 30px;
}

.single-game__image-wrapper:after {
    content: '';
    background: rgba(24, 24, 29, 1.0);
    background: -webkit-linear-gradient(bottom, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    background: -moz-linear-gradient(bottom, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    background: linear-gradient(to top, rgba(24, 24, 29, 1.0), rgba(0, 0, 0, 0.0));
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.single-game__image-wrapper.full-width {
    max-width: none;
    max-height: 268px;
}

.single-game__image-content {
    position: absolute;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    z-index: 1;
}

.single-game__title {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-game__sale-price {
    font-size: 72px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 0.7;
}

.single-game__sale-price .cur-rub:before {
    width: 24px;
    height: 32px;
}

.single-game__old-price {
    font-size: 21px;
    font-weight: 500;
    text-decoration: line-through;
    text-align: right;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.single-game__old-price .key-icon:after {
    content: '';
    background: url(../img/icons/key.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 22px;
    height: 22px;
}
.single-game__old-price .account-icon:after {
    content: '';
    background: url(../img/icons/account-icon.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 22px;
    height: 22px;
}
.single-game__old-price .key-icon {
    margin-left: 5px;
}
.single-game__old-price .account-icon {
    margin-left: 5px;
}
.single-game__carousel {
    max-width: 570px;
    height: 257px;
    margin-bottom: 30px;
}

.single-game__carousel iframe {
    width: 100%;
    height: 100% !important;
}

.swiper-container {
    height: 100%;
}


.single-game_buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 570px;
}

.single-game__buy-item {
    border-radius: 15px;
    border: 2px solid #ffffff;
    -webkit-box-flex: 0;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 5px 20px;
    cursor: pointer;
    min-height: 112px;
}

.single-game__buy_link-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.single-game__buy-preorder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.single-game__buy-item:first-child {
    margin-right: 30px;
}

.single-game__buy-item:hover {
    background-color: #fc1a3b;
    border-color: #fc1a3b;
}

.single-game__buy-item:hover:before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.single-game__buy-item form {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 40px;
}

.single-game__buy-preorder form {
    padding-bottom: 70px;
}

.single-game__buy-item .field-buyform-type {
    display: none;
}

.single-game__buy-item form .form-group {
    margin: 0;
}

.single-game__buy-key::before {
    content: '';
    background: url(../img/icons/key-red.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 24px;
}

.single-game__buy-account::before {
    content: '';
    background: url(../img/icons/account-icon.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 24px;
}

.btn-buy {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: none;
    width: 50%;
    text-align: left;
    color: #ffffff;
    padding-left: 20px;
}

.btn-buy:hover {
    color: #ffffff;
    text-decoration: none;
}

.single-game__buy-date_wrapper {
    padding-left: 15px;
}

.btn-preorder {
    padding-left: 0;
}

.single-game__buy-date {
    position: absolute;
    bottom: -60px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2.1px;
}

.single-game__buy-cost {
    position: absolute;
    bottom: 15px;
    left: 24px;
    font-size: 20px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.game-attachment:before {
    content: '';
    background: #18181d;
    background: -webkit-gradient(linear, left top, right top, from(#18181d), to(#18181d00));
    background: -o-linear-gradient(left, #18181d, #18181d00);
    background: linear-gradient(to right, #18181d, #18181d00);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    display: block;
    z-index: 2;
}

.game-attachment:after {
    content: '';
    background: #18181d;
    background: -webkit-gradient(linear, right top, left top, from(#18181d), to(#18181d00));
    background: -o-linear-gradient(right, #18181d, #18181d00);
    background: linear-gradient(to left, #18181d, #18181d00);
    position: absolute;
    height: 100%;
    width: 20%;
    right: 0;
    top: 0;
    display: block;
    z-index: 2;
}

.game-attachment__item {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.ytp-large-play-button svg {
    display: none !important;
}

button.ytp-large-play-button.ytp-button:before {
    content: '';
    background: url(../img/icons/play-icon.svg) no-repeat center center;
    display: block;
    width: 70px;
    height: 70px;
}

.game-attachment .swiper-button-next:after {
    content: '';
    background: url(../img/icons/slider-btn-next.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 20px;
    height: 22px;
}

.game-attachment .swiper-button-next:hover:after {
    width: 36px;
    height: 36px;
}

.game-attachment .swiper-button-prev:after {
    content: '';
    background: url(../img/icons/slider-btn-prev.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 20px;
    height: 22px;
}

.game-attachment .swiper-button-prev:hover:after {
    width: 36px;
    height: 36px;
}

.single-game__description-title {
    font-size: 46px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 30px;
}

.single-game__description-text {
    font-size: 15px;
    font-weight: 300;
    padding-left: 30px;
}
.single-game__description-text_mobile{
    display: none;
}
.single-game__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 120px;
    background: url(../img/icons/residue.png) no-repeat center left;
}

.single-game__count-item {
    margin-left: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-game__count-item:last-child {
    margin-left: 120px;
}

.single-game__count_title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.78);
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.single-game__count_value {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.78);
    font-size: 64px;
    font-weight: 500;
    line-height: 0.8;
}

.game-buy__procedure {
    width: 100%;
    max-width: 570px;
}
.game-buy__procedure-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.additional-description {
    margin: 30px 0;
}

.additional-description__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.additional-description__item-title {
    margin-right: 10px;
}

.game-buy__wrapper {
    border-radius: 15px;
    border: 2px solid #ffffff;
    padding: 45px 25px 15px 25px;
    width: 100%;
    max-width: 400px;
}

.game-buy__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.game-buy__type {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.game-buy__type:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
}

.game-buy__type-key:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/icons/key-red.png) no-repeat center center;
    background-size: contain;
}

.game-buy__type-account:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/icons/account-icon.png) no-repeat center center;
    background-size: contain;
}

.single__btn-buy {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1.78px;
    text-transform: uppercase;
    width: 270px;
}

.game-buy__agreement {
    margin-top: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.game-buy__agreement-text {
    opacity: 0.7;
    font-weight: lighter;
    font-size: 12px;
}

.game-buy__agreement-text a {
    color: #FC1A3B;
    font-weight: 700;
}

.btn__pay-part {
    font-size: 13px;
    letter-spacing: 1.36px;
    text-transform: uppercase;
    min-width: 345px;
    width: 100%;
    margin-bottom: 100px;
}

.pay-part__inner {
    display: none;
    border-radius: 13px;
    border: 3px solid #fc1a3b;
    padding: 10px;
    margin-bottom: 15px;
}

.pay-part__title {
    font-size: 12px;
    letter-spacing: 1.36px;
    text-transform: uppercase;
    text-align: center;
}

.field-buyform-bonus_account,
.field-buyform-bonus_key {
    text-align: center !important;
}

.slider.slider-horizontal .slider-track {
    height: 3px;
}

.slider-handle {
    width: 14px;
    height: 14px;
    background-color: #fc1a3b;
    background-image: none;
    border-radius: 100%;
}

.game-buy__total {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2.1px;
    text-transform: uppercase;
}

.game-buy__total-title {
    margin-right: 15px;
}

.game-buy__total-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.guarantee-slider {
    width: 100%;
    margin: 20px 0;
}

.guarantee-title {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 1.72px;
    text-transform: uppercase;
    text-align: center;
}

.guarantee-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.guarantee-text__title {
    color: #afb2b2;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1.23px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 20px;
}

.guarantee-text__btn-more:before {
    content: '';
    background: url(../img/icons/question-white.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 25px;
}
.guarantee-list__text {
    line-height: 1.5;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.guarantee-list ul {
    list-style: none;
    padding: 0;
}

.guarantee-slider .swiper-button-next:after {
    content: '';
    background: url(../img/icons/chevron-right.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 10px;
}

.guarantee-slider .swiper-button-prev:after {
    content: '';
    background: url(../img/icons/chevron-left.png) no-repeat center center;
    background-size: contain;
    display: block;
    width: 10px;
    height: 10px;
}

.guarantee-slider .swiper-button-next {
    right: 45px;
    top: 13px;
}

.guarantee-slider .swiper-button-prev {
    left: 45px;
    top: 13px;
}


/*************************/

.system-requirements {
    font-size: 18px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px;
}
.system-requirements p {
    margin-bottom: 15px.input-password__hide;
}
.system-requirements__title{
    font-size: 32px;
    font-weight: 900;
    padding-left: 30px;
    margin-bottom: 30px;
}
.requirements-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.requirements-recommended {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-right: 20px;
}

.requirements-minimal {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 20px;
}


/*********************/

.contacts {
    max-width: 770px;
    margin: 0 auto;
}

.contacts-title {
    color: #fc1a3b;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.contacts-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
}

.contact-item {
    text-align: center;
}

.contact-item:nth-child(2) {
    margin: 0 50px;
}

.contact-item__icon {
    width: 90px;
    height: 82px;
    display: inline-block;
    margin-bottom: 45px;
}

.contact-item__icon:before {
    content: '';
    display: block;
    width: 90px;
    height: 82px;
}

.contact-item__icon.contact-vk:before {
    content: '';
    background: url(../img/icons/contacts-vk.svg)no-repeat center center;
    background-size: contain;
}

.contact-item__icon.contact-mail:before {
    content: '';
    background: url(../img/icons/contacts-mail.svg)no-repeat center center;
    background-size: contain;
}

.contact-item__icon.contact-support:before {
    content: '';
    background: url(../img/icons/contacts-supports.svg)no-repeat center center;
    background-size: contain;
}

.contact-item__title {
    color: #afb2b2;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 20px;
    max-width: 250px;
}

.contact-item__subtitle {
    color: #afb2b2;
    font-size: 13px;
}

.contacts-subtitle {
    color: #fc1a3b;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.contacts-text {
    color: #afb2b2;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.contacts-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.contacts-email a {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1.48px;
}


/**************************/
.guarantees{
    margin-top: 50px;
}
.guarantees-item__title {
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 900;
    color: #fc1a3b;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.guarantees-item__value {
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}


/***************************/

.form {
    border-radius: 15px;
    border: 5px solid #ffffff;
    padding: 50px 100px;
    max-width: 570px;
    margin: 0 auto;
}

.form-login .form-group,
.form-registration .form-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-group.form-group__btn-login {
    width: auto;
}

.col-lg-3,
.col-lg-8 {
    width: 100%;
    padding: 0;
}

.form button {
    cursor: pointer;
}

.form-title {
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3.04px;
    text-align: center;
    margin-bottom: 40px;
}

.login-social__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0;
}

.login-social__item {
    margin: 0 10px;
}

.login-social__item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.login-social__item-vk:before {
    content: '';
    display: block;
    width: 77px;
    height: 77px;
    background: url(../img/icons/login-vk.png) no-repeat center center;
    background-size: contain;
}

.login-social__item-steam:before {
    content: '';
    display: block;
    width: 77px;
    height: 77px;
    background: url(../img/icons/login-steam.png) no-repeat center center;
    background-size: contain;
}

.form .form-content input {
    max-width: 370px;
    width: 100%;
    height: 61px;
    border: 4px solid #ffffff;
    background: #18181d;
    color: #fff;
    font-size: 22px;
    /*text-transform: uppercase;*/
    padding: 5px;
}

.btn-login {
    border-radius: 13px;
    height: 44px;
    width: 189px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

.form-group__btn-login {
    width: 189px;
    margin: 0 auto;
}

.form-group__btn-login:before {
    content: '';
    background: url(../img/icons/login-btn-icon.png)no-repeat center center;
    background-size: contain;
    display: block;
    width: 57px;
    height: 44px;
    position: absolute;
    left: 0;
    z-index: 1;
}

.btn-registration {
    border-radius: 13px;
    height: 44px;
    width: 222px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.form-group__btn-form-group__btn-registration {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.form-group__btn-form-group__btn-registration:before {
    content: '';
    background: url(../img/icons/login-btn-icon.png)no-repeat center center;
    background-size: contain;
    display: block;
    width: 57px;
    height: 44px;
    position: absolute;
    left: 0;
    z-index: 1;
}

.form-group {
    text-align: center;
    margin: 15px auto;
}

.form-footer {
    margin-top: 45px;
    text-align: center;
}

.form-footer a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.47px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.form-offer {
    color: #afb2b2;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.16px;
    text-align: center;
    margin-top: 40px;
}
.form-offer a{
    color: #fc1a3b;
}
p.help-block.help-block-error {
    color: #fc1a3b;
}


/***********************/

.admin-menu {
    margin-bottom: 50px;
    margin-top: -50px;
}

.admin-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin-menu__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.admin-menu__item {
    padding: 5px;
    margin-right: 20px;
}

.admin-menu__item a {
    color: #fff;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 5px 0;
}

.admin-menu__item>a {
    font-size: 16px;
}

.admin-menu__item a:hover {
    color: #fc1a3b;
}

.admin-menu__submenu-items {
    display: none;
    position: absolute;
    background-color: #18181d;
    z-index: 99;
    padding: 10px !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.admin-menu__item:hover .admin-menu__submenu-items {
    display: block;
}


/******************************/

.form-group {
    text-align: left;
}

.form-control {
    background-color: #18181d;
}

.user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user-avatar {
    margin-right: 30px;
}


/*
.edit-menu .form-group {
    text-align: left;
}

.edit-menu.addgame .form-group {
    text-align: left;
    display: flex;
    flex-direction: column;
}

.edit-menu label {
    margin-right: 15px;
}

.edit-menu.addgame label {
    margin-bottom: 15px;
}

.edit-menu textarea {
    overflow: auto;
    min-height: 150px;
    min-width: 300px;
    background-color: #18181d;
}

.edit-menu .edit-menu__user-info .form-group {
    display: flex;
    align-items: center;
}

.edit-menu .form-group input {
    border: 1px solid #a0a0a0;
    padding: 10px;
    background: #18181d;
    color: #fff;
}

.edit-menu .edit-menu__user-info .form-group .control-label {
    display: block;
    width: 15%;
}

input#user-avatar {
    border: none;
}

.edit-menu__see label {
    display: block;
    margin-bottom: 20px;
}

.form-group.field-user-subscriber label {
    display: block;
    margin-bottom: 20px;
}
*/

.form-group.field-loginform-rememberme {
    display: none;
}

.btn-save {
    padding: 5px 15px;
    cursor: pointer;
}

.user-list .list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.user-list .list-view>div {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: none;
    display: block;
}

.modal-header__buy {
    margin-bottom: 5px;
    font-size: 26px;
    letter-spacing: 3.04px;
}

.modal-buy {
    padding-top: 60px;
}

.modal-buy a.close-modal {
    background: url(../img/icons/logout-close.svg) no-repeat center center;
    background-size: 60%;
    width: 17px;
    height: 17px;
    display: block;
    top: 15px;
    right: 15px;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 19px;
}

.modal-buy__wrapper-input {
    border: 2px solid #ffffff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 40px 10px 20px;
    margin-bottom: 30px;
}

.modal-buy__input-title {
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.5;
    margin-right: 15px;
}

.modal-buy__input-value {
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 2.42px;
    /*text-transform: uppercase;*/
    overflow: hidden;
}

.modal-buy__wrapper-input .input-nonestyle{
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
}

.modal-buy .modal-content {
    background-color: transparent;
}

.modal-buy__content {
    margin-bottom: 85px;
}
.modal-buy__content_35 {
    margin-bottom: 35px;
}
.modal-buy__subscribe-text {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1.36px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.modal-buy__subscribe-label {
    color: #fc1a3b;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.16px;
    text-transform: uppercase;
    margin-right: 15px;
}

.modal-buy__footer {
    opacity: 0.5;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.modal-buy {
    max-width: 784px;
    width: 100%;
    border-radius: 35px;
    text-align: center;
    background-color: #18181d;
}

.modal-buy__subscribe-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-buy__subscribe-checkbox label {
    border: 2px solid #fff !important;
    border-radius: 100%;
    width: 17px !important;
    height: 17px !important;
    display: block !important;
}

.modal-buy__procedure {
    display: none;
}

.modal-blur {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.roulette-title {
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 3.78px;
    border-bottom: 2px solid #fc1a3b;
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-left: 85px;
}
.roulet-title_subtitle{
    margin-left: 85px;
    margin-bottom: 30px;
    z-index: 1;
}
.roulette-block__inner {
    min-height: 630px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.roulette-block__inner-key {
    background: url(../img/bg/Key-bg.png) no-repeat center center;
    background-size: cover;
    box-shadow: 0 50px 50px 50px rgba(0, 0, 0, 1);
}

.roulette-block__inner-account {
    background: url(../img/bg/accounts_money.png) no-repeat center center;
    background-size: cover;
    box-shadow: 0 50px 50px 50px rgba(0, 0, 0, 1);
}

.roulette-block__inner:after {
    content: '';
    background: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 1) 80%);
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

.roulette-container {
    width: 100%;
    height: 690px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.roulette-container:before {
    content: '';
    background: transparent;
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(right, transparent, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to left, transparent, rgba(0, 0, 0, 1) 100%);
    width: 35%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.roulette-container:after {
    content: '';
    background: transparent;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 1) 100%);
    width: 35%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.roulette-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.roulette-before {
    width: 100%;
    height: 690px;
    position: absolute;
    z-index: 1;
    left: 0;
}

.roulette-before:before {
    content: '';
    background: transparent;
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(right, transparent, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to left, transparent, rgba(0, 0, 0, 1) 100%);
    width: 35%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.roulette-after {
    width: 100%;
    height: 690px;
    position: absolute;
    z-index: 1;
    right: 0;
}

.roulette-after:after {
    content: '';
    background: transparent;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 1) 100%);
    width: 35%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.roulette {
    margin-bottom: 50px;
    /*width: 100%;*/
}

.btn-roulette {
    background: transparent;
    border: 2px solid #fc1a3b;
    border-radius: 35px;
    width: 230px;
    height: 37px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
}

.btn-roulette::before {
    content: '';
    display: block;
    height: 390px;
    width: 2px;
    background-color: #fc1a3b;
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.btn-roulette:hover {
    text-decoration: none;
    color: #ffffff;
}
.roulette-cur{
    display: block;
    margin-left: 5px;
}
.roulette-cur:before{
    height: 13px;
}
.roulette-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.roulette-footer__prize {
    display: none;
    border-radius: 19px;
    border: 2px solid #fc1a3b;
    padding: 10px 15px 25px;
    width: 33%;
    margin: 0 100px;
}

.roulette-footer__prize-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.roulette-footer__prize-subtitle {
    font-weight: 700;
    font-size: 15px;
}

.roulette-footer__prize-value {
    color: #b8b8b8;
    font-size: 15px;
    font-weight: 400;
}

.roulette-footer__prize-account .roulette-footer__prize-value {
    color: #ffffff;
}

.roulette-footer__prize-account .roulette-footer__prize-value span {
    color: #b8b8b8;
}

.roulette-footer__link-lk {
    display: none;
    width: 33%;
}

.roulette-footer__link-lk a {
    color: #b1b1b1;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding-right: 35px;
    display: block;
}

.roulette-footer__link-lk a:hover {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}

.roulette-footer__link-lk a:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../img/icons/lk-icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-roulette__repeat {
    color: #b1b1b1;
    font-size: 15px;
    font-weight: 400;
    background: none;
    text-transform: uppercase;
    padding-left: 35px;
    display: none;
    width: 33%;
}

.btn-roulette__repeat:hover {
    color: #ffffff;
    cursor: pointer;
}

.btn-roulette__repeat:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../img/icons/repeat-icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.roulette-bottom__text {
    color: #b1b1b1;
    font-size: 15px;
    font-weight: 400;
    z-index: 1;
    margin-top: 20px;
    text-align: center;
    display: none;
    /*padding-left: 70px;*/
}

.roulette-text {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    text-align: right;
}

.roulette-text__type {
    font-size: 29px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

.roulette-text__count {
    font-size: 64px;
    font-weight: 900;
    letter-spacing: 5.44px;
    font-style: italic;
    line-height: 1;
    margin-bottom: 10px;
}

.roulette-text_gamers {
    font-size: 13px;
    font-weight: 500;
}

.user-list__item form {
    display: none;
}

.user-list .list-view>div {
    height: auto;
    min-height: auto;
    margin: 0;
}

.user-list__item {
    margin: 0;
    font-size: 18px;
    padding-right: 25px;
}
.user-list__item span,
.user-list__item a{
    color: #fc1a3b;

}
.btn-dropdown {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 5px;
}

.btn-dropdown:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icons/down-arrow.png) no-repeat center center;
    background-size: contain;
}

span.btn-dropdown.rotate {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.agreements{
    margin-top: 50px;
}
.agreements a{
    color: #fc1a3b;
}
.how-to-buy{
    margin-top: 50px;
}
.how-to-buy__items{
    display: flex;
    justify-content: space-between;
}.how-to-buy__item {
     flex: 0 0 33%;


 }

.how-to-buy__item-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 35px;
}.how-to-buy__item-text {
     width: 70%;
     line-height: 1.5;
     opacity:0; /*Элемент полностью прозрачный (невидимый)*/
     transition: 1s; /*Скорость перехода состояния элемента*/
     animation: show 3s 1; /* Указываем название анимации, её время и количество повторов*/
     animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
 }
.how-to-buy__item:first-child:before{
    content: '';
    background: url(../img/icons/how-1.png) no-repeat center center;
    background-size: cover;
    display: block;
    width: 160px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity:0; /*Элемент полностью прозрачный (невидимый)*/
    transition: 1s; /*Скорость перехода состояния элемента*/
    animation: showbig 3s 1; /* Указываем название анимации, её время и количество повторов*/
    animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */

}
.how-to-buy__item:first-child .how-to-buy__item-text{
    width: 80%;
}
.how-to-buy__item:nth-child(2):before{
    content: '';
    background: url(../img/icons/how-2.png) no-repeat center center;
    background-size: cover;
    display: block;
    width: 160px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity:0; /*Элемент полностью прозрачный (невидимый)*/
    transition: 1s; /*Скорость перехода состояния элемента*/
    animation: showbig 3s 1; /* Указываем название анимации, её время и количество повторов*/
    animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */

}
.how-to-buy__item:last-child:before{
    content: '';
    background: url(../img/icons/how-3.png) no-repeat center center;
    background-size: cover;
    display: block;
    width: 160px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity:0; /*Элемент полностью прозрачный (невидимый)*/
    transition: 1s; /*Скорость перехода состояния элемента*/
    animation: showbig 3s 1; /* Указываем название анимации, её время и количество повторов*/
    animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */

}
.how-to-buy__item:first-child:before{
    width: 30px;
    height: 30px;
    animation-delay: 0.5s; /* Задержка перед началом */

}
.how-to-buy__item:nth-child(2):before{
    width: 30px;
    height: 30px;
    animation-delay: 1.5s; /* Задержка перед началом */

}
.how-to-buy__item:last-child:before{
    width: 30px;
    height: 30px;
    animation-delay: 2.5s; /* Задержка перед началом */
}

.how-to-buy__item:first-child .how-to-buy__item-text{
    animation-delay: 1.5s; /* Задержка перед началом */
}
.how-to-buy__item:nth-child(2) .how-to-buy__item-text{
    animation-delay: 2.5s; /* Задержка перед началом */
}
.how-to-buy__item:last-child .how-to-buy__item-text{
    animation-delay: 3.5s; /* Задержка перед началом */
}
@keyframes show{
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes showbig{
    0%{
        opacity:0;
    }

    100% {
        opacity:1;
        width: 130px;
        height: 100%;
    }
}

@keyframes showbig-mobile{
    0%{
        opacity:0;
    }

    100% {
        opacity:1;
        width: 90px;
        height: 100%;
    }
}

.main-slider__lk-img{
    width: 50px;
    height: 50px;
    overflow: hidden;
    object-fit: cover;
    padding: 10px;
}
.main-slider__lk-table{
    margin-top: 50px;
}
.main-slider__lk-table td{
    width: 15%;
}
.table-gamecomment thead tr:hover{
    color: #ffffff;
}
.table-gamecomment tr:hover{
    color: #000000;
}
.table-gamecomment a,.table-gamecomment tr:hover a{
    color: #de1432;
}


.search_l {
    position: absolute;
    /* right: 13px;
    top: 15px;
    width: 30px;
    height: 30px; */
    right: 3px;
    top: 50%;
    translate: 0 -50%;
    width: 50px;
    height: calc(100% - 6px);
    z-index: 5;
    background: transparent;
    border: none;
    transition: var(--transition-all);
}

.search_l:hover,
.search_l:focus {
    scale: 1.1;
    color: var(--sous-color);
}

/*********************/
/*
.field-gamesearch-cost .slider.slider-horizontal{
    display: none;
}
.circle-range-select-wrapper {
    position: relative;
    max-width: 100%;
    width: 10em;
    height: 10em;
    margin: 1em;
    border-radius: 50%;
    border: 0.8em solid #ccc;
    padding: 0 !important;
    cursor: default;
  }
  .circle-range-select-wrapper .handle {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
    cursor: pointer;
  }
  .circle-range-select-wrapper .handle:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -1em;
    left: -1em;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    background: #000;
  }
  .circle-range-select-wrapper .selected-range {
    position: absolute;
    z-index: 1;
    color: #0ff;
  }
  .circle-range-select-wrapper .values {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -0.5em;
    width: 100%;
    font-size: 0.85rem;
    text-align: center;
  }*/
/********************/
.field-buyform-bonus_account,
.field-buyform-bonus_key {
    margin-left: 0;
}
.pay-part__percent {
    position: absolute;
    right: 30px;
    top: 22px;
    font-size: 36px;
    font-weight: 600;
    padding-right: 15px;
}
.pay-part__percent span.cur-rub{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pay-part__percent span.cur-dollars{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pay-part__percent span.cur-grivna{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pay-part__percent span.cur-euro{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pay-part__percent-icon {
    position: absolute;
    top: 0;
    font-size: 16px;
    display: none;
}
.search-filter__wrapper {
    display: flex;
    flex-wrap: wrap;
    /*align-items: flex-end;*/
}
.field-gamesearch-cost {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    /*margin-left: 40px;*/
    padding-right: 0;
}
.field-gamesearch-cost span.cur-rub{
    /*position: absolute;*/
    /*right: 25px;*/
    /*top: 20px;*/
    position: relative;
    /* top: 5px; */
}
.field-gamesearch-cost span.cur-rub:before{
    /*height: 40px;*/
    width: 15px;
    height: 15px;
}
.field-gamesearch-cost span.cur-dollars{
    /*position: absolute;*/
    /*right: 25px;*/
    /*top: 20px;*/
    position: relative;
}
.field-gamesearch-cost span.cur-dollars:before{
    /*height: 40px;*/
    width: 15px;
    height: 15px;
}
.field-gamesearch-cost span.cur-grivna{
    /*position: absolute;*/
    /*right: 25px;*/
    /*top: 20px;*/
    position: relative;
}
.field-gamesearch-cost span.cur-grivna:before{
    /*height: 40px;*/
    width: 15px;
    height: 15px;
}
.field-gamesearch-cost span.cur-euro{
    /*position: absolute;*/
    /*right: 25px;*/
    /*top: 20px;*/
    position: relative;
}
.field-gamesearch-cost span.cur-euro:before{
    /*height: 40px;*/
    width: 15px;
    height: 15px;
}
.before-filter {
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 22px;
    font-weight: 600;
}
/*.field-gamesearch-cost:before{
    content: 'До';
    display: block;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 30px;
}
.field-gamesearch-cost:after{
    content: 'Рублей';
    display: block;
    font-size: 18px;
    position: absolute;
    right: 50px;
    top: 30px;
}*/
input#gamesearch-cost{
    display: block !important;
    margin: 20px 0;
    width: 120px;
    color: #ffffff;
    border: 2px solid #fc1a3b;
    font-weight: 600;
    font-size: 18px;
    height: auto;
    border-radius: 5px;
    margin-left: 40px;
}

.field-gamesearch-cost .help-block{
    display: none;
}

/*****************/

.video_wrapper {
    width: 100%;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    transition: var(--transition-all);
}
.video_wrapper_full {
    padding-top: 255px;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    filter: blur(5px);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: contain;
    border: none;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.videoPoster:hover {
    /* cursor: pointer; */
}
.video_wrapper::before {
    content: '';
    /* background: url(../img/icons/icon-play-video.png) no-repeat center center; */
    /* background-size: contain; */
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 50%;
    width: 60px;
    pointer-events: none;
    height: 60px;
    z-index: 2;
    transform: translate(-50%, -50%);
    filter: var(--glow-filter);
    background-color: var(--sous-color);
    border-radius: 50%;
    transition: var(--transition-all);
}

.video_wrapper::after {
    content: '';   
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 50%;
    width: 25px;
    pointer-events: none;
    height: 25px;
    z-index: 2;
    transform: translate(-40%, -50%);
    --ico: var(--play-ico);
    color: white;
}

.video_wrapper:hover::before {
    width: 70px;
    height: 70px;
    filter: var(--active-glow-filter);
}

.videoPoster:hover:before,  .videoPoster:focus:before {
    border-color: #f00;
}
.videoPoster:hover:after, .videoPoster:focus:after {
    border-left-color: #f00;
}
.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

.videoWrapperActive::before,
.videoWrapperActive::after {
    /* background: none; */
    content: none;
}


.alert {
    padding: 15px;
    margin: 5px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    /* width: 100%; */
    width: calc(100% - 10px);
    z-index: 199;
    text-align: center;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

.alert-dismissible .close {
    position: absolute;
    top: 10px;
    right: 10px !important;
    /* why is it needed?? */
    color: inherit;
    font-weight: bold;
}

.message-avt, .non-order{
    display: none;
}

.modal-summmin .money_val_icon{
    color: #fc1a3b;
}

.close{
    font-size: 18px;
    opacity: 0.5;
    font-weight: 300;
    right: 0 !important;
    border: 2px solid !important;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 0.8;
    z-index: 1 !important;
}
.help-block_pa{
    position: absolute;
}
.review-text_red{
    margin-top: 20px;
    color: #fc1a3b;
}
.review-text_white{
    margin-top: 20px;
    color: white;
}
.review-text_white a{
    color: white;
    text-decoration: underline;
}
.review-text_white a:hover{
    text-decoration: none;
}
/****************ПРОКАЧКА*******************/
/**************************/
.pumping-main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px 0;
}

.pumping-main__bg {
    background: url(../img/pumping/pumping-gta.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 81px;
    border-radius: 41px;
    opacity: 0.15;
    transition: .2s linear;
}

.pumping-main:hover .pumping-main__bg {
    min-height: 240px;
    opacity: 1;
}

.pumping-main a {
    text-decoration: none;
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 81px;
}

.pumping-main__title {
    font-size: 29px;
    letter-spacing: 3.51px;
    text-transform: uppercase;
    position: absolute;
}
.section-pumping__title {
    font-size: 46px;
    text-transform: uppercase;
    border-bottom: 2px solid #FC1A3B;
    margin-bottom: 90px;
}
.pumping-selection{
    margin-bottom: 90px;
}
.pumping-selection__items{
    display: flex;
    justify-content: space-between;
}
.pumping-selection__item{
    flex: 0 0 49%;
    margin-right: 1%;
}
.pumping-selection__item:last-child{
    margin-right: 0;
}
.pumping-selection__item-link {
    border: 2px solid #8c8c8c;
    border-radius: 15px;
    padding: 45px 13px 45px 45px;
    font-size: 25px;
    letter-spacing: 2.21px;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    transition: all 0.2s;
}
.pumping-selection__item-link:hover{
    background-color: #FC1A3B;
    color: #fff;
    text-decoration: none;
}
.pumping-selection__item-level:before{
    content: '';
    background: url(../img/pumping/level-up-icon.svg) no-repeat center center;
    background-size: contain;
    width: 53px;
    transition: all 0.2s;
    height: 83px;
    display: block;
    position: absolute;
    left: 37px;
}
.pumping-selection__item-money:before{
    content: '';
    background: url(../img/pumping/money-up-icon.svg) no-repeat center center;
    background-size: contain;
    width: 53px;
    height: 83px;
    transition: all 0.2s;
    display: block;
    position: absolute;
    left: 37px;
}
.pumping-selection__item-level:hover:before{
    background: url(../img/pumping/level-up-white-icon.svg) no-repeat center center;
    background-size: contain;
}
.pumping-selection__item-money:hover:before{
    background: url(../img/pumping/money-up-white-icon.svg) no-repeat center center;
    background-size: contain;
}
.pumping-package__items{
    display: flex;
    flex-wrap: wrap;
}
.pumping-package__item {
    flex: 0 0 31.3%;
    margin-right: 3%;
    margin-bottom: 3%;
    height: 364px;
    transition: 0.3s;
    border-radius: 24px;
    border: 1px solid #8c8c8c;
}

.pumping-package__item:hover {
    border-color: #FC1A3B;
}

.pumping-package__item:nth-child(2n+3){
    margin-right: 0;
}

.pumping-package__item a{
    text-decoration: none;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.pumping-package__item-title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 1;
    padding: 0 10px;
    transition: 0.3s;
}
.pumping-package__hidden{
    padding: 10px;
    transition: 0.3s;
}
.pumping-package__platform{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
}
.pumping-package__platform-title{
    margin-right: 10px;
}
.pumping-package__price{
    display: flex;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
.pumping-package__price span:before{
    height: 22px;
    width: 8px;
}
.pumping-package__price span{
    padding-left: 3px;
}
/**********************************/
.pumping-single__page-title {
    font-size: 46px;
    letter-spacing: 4.83px;
    text-transform: uppercase;
    margin-bottom: 55px;
    font-style: italic;
    font-weight: 700;
}
.pumping-single__columns {
    display: flex;
    margin-bottom: 30px;
}
.pumping-single__column {
    flex: 0 0 55%;
}
.pumping-single__column:first-child{
    flex: 0 0 33%;
    margin-right: 2%;
}
.pumping-single__image-wrapper{
    width: 370px;
    height: 328px;
}

.pumping-single__image {
    width: 370px;
    height: 328px;
    border-radius: 20px;
    border: 1px solid #8c8c8c;
    object-fit: cover;
}
.pumping-single-image__description{
    padding: 15px;
    max-width: 370px;
}
.pumping-single__title {
    font-size: 29px;
    text-transform: uppercase;
    letter-spacing: 3.04px;
    border-bottom: 2px solid #FC1A3B;
    padding-bottom: 35px;
    padding-top: 10px;
    margin-bottom: 35px;
    font-style: italic;
    font-weight: 700;
}
.pumping-single__item-title {
    text-transform: uppercase;
    margin-right: 10px;
    font-style: italic;
    font-weight: 700;
}

.pumping-single__item-platform {
    font-style: italic;
    font-weight: 700;
}

.pumping-single__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pumping-single__item{
    flex: 0 0 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    display: flex;
    align-items: center;
    letter-spacing: 2.63px;
    font-size: 25px;
}
.pumping-single__item:nth-child(2),
.pumping-single__item:nth-child(3){
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
}
.pumping-single__item-price span{
    display: inline-block;
}
.pumping-single__desc {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5;
}

.pumping-single__desc em {
    font-style: normal;
}

.pumping-single__buy-btn {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    border: none;
    letter-spacing: 0.81px;
    border-radius: 11px;
    height: 53px;
    max-width: 370px;
    background-color: #FC1A3B;
}
.pumping-single__buy-btn:hover{
    background-color: #fc1a3b;
    border-color: #fff;
}
.pumping-single__vk-submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    letter-spacing: 0.41px;
    text-transform: uppercase;
    padding: 10px;
    height: 30px;
    cursor: pointer;
}
.pumping-single__vk-input {
    height: 53px;
    padding-right: 20px;
    text-align: center;
}
.pumping-single__buy-desc{
    margin-top: 30px;
    line-height: 1.5;
    font-size: 16px;
}
.pumping-single__warning{
    border: 1px solid #FC1A3B;
    border-radius: 11px;
    margin-top: 30px;
    padding: 20px;
    font-size: 18px;
    letter-spacing: 0.81px;
}
/**********************************/
.pumping-level__title {
    font-size: 29px;
    letter-spacing: 3.04px;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-left: 30px;
    border-bottom: 2px solid #FC1A3B;
    margin-bottom: 55px;
    display: flex;
    align-items: flex-end;
}
.pumping-level__title:before{
    content: '';
    background: url(../img/pumping/level-up-icon.svg) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 52px;
    display: block;
    margin-right: 30px;
}
.pumping-level__columns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pumping-level__column {
    flex: 0 0 48%;
}
.pumping-level__column:first-child{
    margin-right: 1%;
}
.pumping-money__column {
    flex: 0 0 48%;
}
.pumping-money__column:first-child{
    margin-right: 1%;
}
.pumping-level__vk-submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    letter-spacing: 0.41px;
    text-transform: uppercase;
    padding: 10px;
    height: 30px;
    cursor: pointer;
}
.pumping-level__vk-input {
    height: 53px;
    min-height: 60px;
}
.input.pumping-level__vk-input {
    padding-right: 15px;
}
.pumping-level__vk-input::placeholder{
    text-transform: uppercase;
}
.pumping-level__vk {
    margin-bottom: 40px;
}
.pumping-level__desc{
    font-size: 18px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.pumping-total__price {
    font-size: 29px;
    letter-spacing: 3.04px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.pumping-total__price-title{
    margin-right: 60px;
}
.pumping-total__price-value {
    display: flex;
    align-items: flex-end;
}


.pumping-total__price-value .cur-money{
    padding-bottom: 0px;
}
.pumping-total__price-value .cur-money:before{
    width: 15px;
}
.pumping-level__buy-btn {
    width: 273px;
    height: 65px;
    border-radius: 11px;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 0.81px;
}
.pumping-select{
    padding: 0 25px;
    padding-right: 200px;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    transition: 0.5s linear;
    position: absolute;
    background: #18181d;
    z-index: 2;
}
.select-open{
    max-height: 800px;
    transition: 0.2s linear;
    background-color: #18181D;
    z-index: 3;
}
.pumping-money__column .select-open{
    min-height: 730px;
}
#pumpingform-product {
    display: flex;
    flex-direction: column;
}
.pumping-select__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    color: #AFB2B2;
}
.pumping-select__label:hover{
    color: #FC1A3B;
    cursor: pointer;
}
.pumping-select__radio {
    visibility: hidden;
    position: absolute;
}
.pumping-select__label.color-red{ color: #FC1A3B; }
.pumping-select__value {
    letter-spacing: 0.7px;
    font-size: 19px;
}
.pumping-select__price {
    font-size: 25px;
    letter-spacing: 0.93px;
    display: flex;
    align-items: flex-end;
}
.pumping-select__price .cur-rub{
    padding-bottom: 0px;
}
.pumping-select__price .cur-rub:before{
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.pumping-select__label:hover .pumping-select__price .cur-rub:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}


.pumping-select__price .cur-dollars{
    padding-bottom: 0px;
}
.pumping-select__price .cur-dollars:before{
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.pumping-select__label:hover .pumping-select__price .cur-dollars:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}


.pumping-select__price .cur-grivna{
    padding-bottom: 0px;
}
.pumping-select__price .cur-grivna:before{
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.pumping-select__label:hover .pumping-select__price .cur-grivna:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}



.pumping-select__price .cur-euro{
    padding-bottom: 0px;
}
.pumping-select__price .cur-euro:before{
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.pumping-select__label:hover .pumping-select__price .cur-euro:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}



.pumping-select__price .cur-tenge{
    padding-bottom: 0px;
}
.pumping-select__price .cur-tenge:before{
    width: 12px;
    filter: grayscale(100%) brightness(110%) contrast(0.4);
}
.pumping-select__label:hover .pumping-select__price .cur-tenge:before{
    filter: invert(50%) sepia(100%) saturate(3492%) hue-rotate(329deg) brightness(90%) contrast(110%);
}

.pumping-select__chevron{
    position: absolute;
    top: 20px;
    right: 25px;

}
.pumping-select__chevron:before{
    content:'';
    background: url(../img/pumping/select-chevron-icon.svg) no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 20px;
    display: block;
    cursor: pointer;
    transition: 0.2s linear;
}
.select-open .pumping-select__chevron::before{
    transform: rotate(180deg);
    transition: 0.2s linear;
}
.pumping-money__title:before{
    content: '';
    background: url(../img/pumping/money-up-icon.svg) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 52px;
    display: block;
    margin-right: 30px;
}
.select_status{
    background: #fc1a3b;
    border: solid 1px white;
    border-radius: 10px;
    padding: 5px 10px;
}
.modal-pumping{
    background: url(../img/pumping/modal-pumping.png) no-repeat center center;
    background-size: cover;
    border-radius: 25px;
    max-width: 550px;
    width: 100%;
}
.modal-pumping__header-title {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.modal-pumping__content {
    font-size: 16px;
    padding-bottom: 50px;
    padding-right: 60px;
}
.pumping-vk__help{
    color: #707070;
    text-align: center;
    margin-bottom: 5px;
}

#login-window {
    background: rgba(0, 0, 0, 0.9) url("../img/bg/back-words.svg") no-repeat bottom right;
    display: none;
    width: 460px;
    position: fixed;
    top: 0;
    right: -500px;
    z-index: 100;
    height: 100%;
    background-size: cover;
    border-radius: 10px;
    padding-top: 120px;
    /* padding-left: 40px; */
    overflow-y: auto;
}

.login-tabs-wrapper {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
}

.title-tab {
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
    opacity: 0.5;
    padding-bottom: 10px;
    position: relative;
    transition: var(--transition-all);
}

.title-tab:hover {
    opacity: 1;
}

.title-tab.active {
    opacity: 1;
    /* border-bottom: 1px solid #FC1A3B; */
}

.title-tab.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--separator-thikness);
    border-radius: var(--separator-thikness);
    /* box-shadow: var(--separator-shadow); */
    background-color: var(--sous-color);
}

.tab-login {
    margin-right: 40px;
}

#form-login, #form-registration, #form-requestresetpassword {
    display: flex;
    flex-direction: column;
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
}
#form-login > .form-group{
    margin: 0px;
}

#form-login > .form-group > input{
    width: 100%;
}
#form-login .help-block{
    margin-bottom: 20px;
}
#form-registration > .form-group{
    margin: 0px;
}

#form-registration > .form-group > input{
    width: 100%;
}
#form-registration .help-block{
    margin-bottom: 20px;
}

#form-requestresetpassword > .form-group{
    margin: 0px;
}

#form-requestresetpassword > .help-block{
    margin-bottom: 20px;
}

#form-requestresetpassword > .form-group > input{
    width: 100%;
}

.input-auth {
    background-color: rgba(0, 0, 0, 0);
    border-top: none;
    border-right: none;
    border-left: none;
    /* border-bottom: 1px solid grey; */
    border-bottom: var(--thin-separator-border);
    /*margin-bottom: 20px;*/
    padding-bottom: 5px;
    font-size: 16px;
}

.submit-button {
    background-color: #FC1A3B;
    border: none;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    border-radius: 7px;
    transition: var(--transition-all);
}

.submit-button:hover {
    scale: 1.05;
}

.label-auth {
    text-transform: uppercase;
    margin-bottom: 10px;
    opacity: 0.8;
    font-size: 16px;
}

.block-login, .block-registration, .block-requestresetpassword{
    display: none;
    margin-top: 30px;
    position: relative;
    /* max-width: 100%; */
    width: 100%;
}

@keyframes show-element-right {
    0% {
        right: -500px;
    }

    100% {
        right: 0;
    }
}

@keyframes hide-element-right {
    0% {
        right: 0;
    }

    100% {
        right: -500px;
    }
}

.block-login.active, .block-registration.active, .block-requestresetpassword.active {
    display: block;
    animation: show-element-right 0.5s ease-in-out;
}

.password-recovery-block {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-size: 12px;
}

.password-recovery-block .ask {
    opacity: 0.7;
}

.button-recovery-password {
    cursor: pointer;
}

.login-api-block {
    /* width: 300px; */
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.login-api-block .title {
    font-size: 15px;
    margin-bottom: 10px;
}

.wrapper-img-login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.vk-login-icon, .steam-login-icon {
    /* margin-right: 10px; */
    border: 1px solid grey;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    transition: var(--transition-all);
}

.vk-login-icon::before,
.steam-login-icon::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    color: var(--sous-color);
    top: 0;
    left: 0;
}

.vk-login-icon::before {
    --ico: var(--vk-ico);
}

.steam-login-icon::before {
    --ico: var(--steam-ico);
}

.vk-login-icon:hover, .steam-login-icon:hover {
    filter: var(--active-glow-filter);
}

.close-login-window {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.close-login-window.ico {
    --ico: var(--cross-big-ico);
    width: 25px;
    height: 25px;
    color: white;
}

.close-login-window.ico:hover {
    color: var(--sous-color);
}

.auth-btn * {
    pointer-events: none;
}

.lk-info-header {
    display: flex;
    pointer-events: none;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 1;
    padding: 0 20px;
}

.lk-info-header * {
    pointer-events: all;
}

.lk-info-header .red-border {
    border: var(--separator-border);
    font-size: 16px;
    font-weight: bold;
    transition: var(--transition-all);
}

.lk-info-header .red-border:hover {
    scale: 1.05;
}

#form-subscriber-user{
    margin-bottom: 0px;
}
.lk-money, .lk-bonus {
    font-size: 35px;
    font-weight: 500;
}
.link-buy-product-lk{
    color: #FC1A3B;
}

.lk-money span, .lk-bonus span {
    color: #FC1A3B;
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    font-weight: 400;
}

.red-border {
    text-transform: uppercase;
    border: 1px solid #FC1A3B;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 7px;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
    color: white;
}

.user-settings {
    width: 245px;
    justify-content: center;
}

.button-plus-balance,
.settings-button-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.button-plus-balance::before,
.settings-button-content::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    --ico: var(--gear-ico);
    color: white;
}

.button-plus-balance::before {
    --ico: var(--plus-ico);
}

/* legacy */
.red-border img {
    /* margin-right: 10px; */
}

.lk-user-photo {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-top: -40px; */
    margin-top: -30px;
    width: 250px;
}

.lk-user-photo img {
    border-radius: 50%;
    width: 160px;
    height: 160px;
    position: relative;
    z-index: 1;
}

.lk-user-name {
    font-weight: 500;
    font-size: 28px;
    white-space: nowrap;
    max-width: 100%;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

.lk-title-achievements {
    font-weight: 500;
    font-size: 26px;
    display: none;
    text-transform: uppercase;
    z-index: 0;
    text-align: center;
}

.user-achievement {
    opacity: 0.6;
    min-height: 20px;
    max-width: 100%;
    text-align: center;
    z-index: 1;
}

.body-words-back {
    background: fixed rgb(0, 0, 0) url("../img/bg/words-back.png") no-repeat bottom right;
    background-size: 100% auto;
}

.lk-statistic {
    background-color: #131313;
    border-radius: 40px;
    display: flex;
    z-index: 0;
    margin-top: -120px;
    flex-direction: column;
    align-items: center;
    /* padding: 20px 20px 0 20px; */
    padding: 20px 40px 0 40px;
}

.statistic-block {
    margin-top: 130px;
    font-size: 72px;
    font-weight: 700;
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 30px;
    gap: 30px;
}

.stat-title {
    font-size: 20px;
    opacity: 0.6;
    font-weight: 300;
    text-transform: uppercase;
}

.stat-item {
    flex-grow: 1;
    flex-basis: 130px;
}

.stat-item:last-child {
    text-align: right;
}

.stat-buygame-preset-wrapper{
    margin-bottom: 10px;
}
.stat-buygame-preset-filter{
    background: #eeeeee;
    padding: 7px 15px;
    color: #555555;
    margin-right: 5px;
    border: solid 1px;
    border-radius: 5px;
}
.stat-buygame-preset-filter:hover,.stat-buygame-preset-filter:focus{
    color: #555555;
}
.favorite-block {
    display: flex;
    cursor: pointer;
    align-items: center;
    align-self: flex-end;
    /* margin-right: 40px; */
    transition: all 0.2s;
    text-transform: uppercase;
    font-size: 18px;
}
.favorite-block a {
    color: white;
}
.favorite-block a:hover{
    text-decoration: none;
}

.favorite-block:hover .heart-lk {
    /* background: url('../img/icons/heart-red-icon.png') no-repeat center center; */
    color: var(--sous-color);
}

.heart-lk {
    margin-left: 10px;
    transition: all 0.2s;
    /* width: 24px;
    height: 22px; */
    
    width: 25px;
    height: 25px;
    --ico: var(--heart-ico);
    color: white;
    /* background: url('../img/icons/heart.png') no-repeat center center; */
    /* background-size: cover; */
}

.id-block {
    /* width: 700px; */
    width: 60%;
    font-size: 18px;
    padding-bottom: 10px;
    /* border-bottom: 2px solid #FC1A3B; */
    text-align: center;
    color: #FC1A3B;
    margin-top: 20px;
}

.lk-user-data {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.user-secret-id-block, .user-email-lk {
    width: 500px;
}

.data-black-block {
    background-color: #131313;
    border-radius: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 70px;
}

.data-black-block .title {
    opacity: 0.7;
}

.data-black-block form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-secret-id {
    color: #FC1A3B;
    text-transform: none;
    font-size: 17px;
}

#lk-mail-input {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    text-align: center;
    width: 300px;
}
#lk-mail-span{
    padding: 1px 2px;
    color: gray;
    text-transform: none;
}
.data-description {
    font-size: 11px;
    opacity: 0.6;
    text-align: center;
    margin-top: 5px;
}

.striped-radius-table tbody tr:nth-child(even) {
    background: #1F1F1F;
}

.striped-radius-table .left-td {
    padding-left: 10px;
}

.striped-radius-table tbody tr:nth-child(even) .left-td {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.striped-radius-table tbody tr:nth-child(even) .right-td {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.striped-radius-table td {
    vertical-align: middle;
}

.all-orders-wrapper {
    background-color: #131313;
    border-radius: 20px;
    /* padding: 10px 10px 0 10px; */
    padding: 20px;
    overflow-x: hidden;
}

.lk-red-stripe {
    width: 60%;
    /* width: 700px; */
    /* height: 2px; */
    /* background-color: #FC1A3B; */
    /* margin: 0 auto; */
    height: var(--separator-thikness);
    border-radius: var(--separator-thikness);
    box-shadow: var(--separator-shadow);
    background-color: var(--sous-color);

    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
}

.orders-tabs-wrapper {
    display: flex;
}

.title-tab-lk {
    text-transform: uppercase;
    margin-right: 20px;
    font-size: 18px;
    opacity: 0.5;
    padding-bottom: 2px;
    margin-bottom: 15px;
    cursor: pointer;
}

.title-tab-lk.active {
    opacity: 1;
    border-bottom: 1px solid #FC1A3B;
}

@keyframes show-orders {
    0% {
        right: -100%;
    }

    100% {
        right: 0;
    }
}

.purchases {
    display: none;
}

.purchases.active {
    display: block;
    animation: show-orders 0.5s ease-in-out;
}

.no-orders-text {
    padding: 40px;
    /* font-size: 26px; */
    font-size: 20px;
    text-align: center;
}

.referal-block {
    margin-top: 50px;
}

.referal-black-block {
    background-color: #131313;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.referal-stat {
    text-align: right;
    opacity: 0.8;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 2;
    /* margin-right: 200px; */
}

.referal-stat span{
    display: inline-block;
    margin-left: 10px;
}

.referal-link-block {
    text-align: center;
    flex-grow: 1;
}

.referal-link-block .title {
    text-transform: uppercase;
    opacity: 0.5;
    line-height: 2;
    font-size: 16px;
}

.referal-link {
    color: #FC1A3B;
}

.lk-info-header a:hover {
    text-decoration: none;
}

.achievements-wrapper {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.achievement-title {
    font-size: 30px;
    font-weight: 700;
}

.achievement-title:after, .settings-page .title:after {
    content: '';
    display: block;
    position: absolute;
    /* border-bottom: 2px solid #FC1A3B; */
    width: 100px;
    height: var(--separator-thikness);
    border-radius: var(--separator-radius);
    background-color: var(--sous-color);
    bottom: 0;
    left: 0;
}

.achievements-item {
    background-color: #131313;
    border-radius: 20px;
    text-align: center;
    width: 220px;
    padding: 10px;
    cursor: pointer;
}

.achievements-item * {
    opacity: 0.5;
}

.achievements-item.have {
    border: 3px solid #FC1A3B;
}

.achievements-item.have * {
    opacity: 1;
}

.achievements-item + .achievements-item {
    margin-left: 90px;
}

.achievements-item .title {
    margin-top: 7px;
    color: #FC1A3B;
    font-size: 17px;
    font-weight: lighter;
    margin-bottom: 15px;
}

.achievements-item .description {
    margin-bottom: 5px;
    color: #AFB2B2;
    font-weight: lighter;
    height: 40px;
}

.achievements-item .prize span {
    color: #FC1A3B;
}

.achievement-page {
    display: none;
    margin-top: 10px;
}

@keyframes opacity-show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity-hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.settings-page {
    display: none;
    background-color: #131313;
    padding: 90px 20px 20px 20px;
    border-radius: 20px;
    justify-content: space-between;
    margin-top: -85px;
}

.settings-page .title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.settings-page form {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.settings-page label {
    text-transform: uppercase;
    color: #AFB2B2;
    /* font-weight: lighter; */
}

.settings-input {
    width: 300px;
    background-color: rgba(0, 0, 0, 0);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid grey;
    /*margin-bottom: 10px;*/
    padding: 5px;
}
#form-updateemail .form-group, #form-updatenickname .form-group{
    margin: 15px 0;
}
#form-updatenickname .help-block, #form-updateemail .help-block, #form-updatepassword .help-block{
    margin-top: 0;
}
#form-updatepassword .form-group, #form-updatenickname, #form-updatenickname .form-group, #form-updateemail .form-group{
    margin: 0px;
}

.binging-accounts .description {
    text-transform: uppercase;
    opacity: 0.7;
    max-width: 400px;
}

.binging-accounts .login-api-block {
    text-align: left;
    margin-bottom: 50px;
}

.achievements-list {
    width: 150px;
    justify-content: center;
}

.profile-button-content {
    display: none;
}

.button-change-avatar {
    display: none;
    text-transform: uppercase;
    margin-top: 3px;
    font-weight: lighter;
    cursor: pointer;
    font-size: 18px;
    border-bottom: 1px solid #FC1A3B;
    transition: var(--transition-all);
}

.button-change-avatar:hover {
    filter: var(--glow-filter);
}

.reviews-header-statistic {
    display: flex;
}

.reviews-page-title {
    text-transform: uppercase;
    /* border-bottom: 4px solid #FC1A3B; */
    font-size: 25px;
    padding-bottom: 5px;
    margin-right: 10px;
}

.sous-underline {
    position: relative;
}

.sous-underline::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: var(--separator-thikness);
    border-radius: var(--separator-thikness);
    box-shadow: var(--separator-shadow);
    background-color: var(--sous-color);
}

.sous-underline-100p::after {
    width: 100%;
}

.sous-underline.upon::after {
    bottom: unset;
    top: 0;
}

.reviews-page-count {
    font-size: 25px;
    color: #FC1A3B;
}

.reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.reviews-page-message {
    width: 700px;
    background-color: #1f1f21;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    align-items: center;
}

.reviews-page-message a {
    color: #FC1A3B;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #FC1A3B;
}

.reviews-page-message img {
    margin-right: 25px;
}

.title-form-reviews {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}

.review-item-main-content {
    display: flex;
    align-items: flex-start;
    /* padding-top: 10px; */
    flex-grow: 1;
    width: 100%;
}

.review-item-dop-content {
    display: flex;
    /* flex-direction: column; */
    /* margin-left: 10px; */
    align-items: center;
    flex-shrink: 0;
    gap: 20px;
    justify-content: flex-end;
    flex-grow: 1;
    min-height: 25px;
    order: 3;
}

.rating-area.review-stars-wrapper {
    position: static;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    /* justify-content: space-between; */
    justify-content: flex-end;
    padding-left: 92px;
    gap: 5px;
}

/* Звезды */
.rating-area {
    /* ?? */
    /* overflow: hidden; */
    position: absolute;
    top: -65px;
    right: 0;
}

.rating-area label {
    border-color: rgba(0, 0, 0, 0) !important;
}

.rating-area > .help-block {
    display: none;
}

.rating-area > .help-block.active {
    animation: blinking 1.5s linear infinite alternate;
    display: flex;
}

@keyframes blinking {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.rating-area:not(:checked) > input {
    display: none;
}

.rating-area:not(:checked) > label {
    float: right;
    width: 25px;
    height: 25px;
    margin-bottom: 0;
    padding: 0;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 10px;
    background: url('../img/icons/star.png') no-repeat center center;
    background-size: contain;
    transition: all 0.3s;
}

.rating-area:not(:checked) > label.no-checked {
    animation: blinking 2s linear alternate;
}

.rating-area:hover > label.no-checked {
    animation: none;
}

.rating-area.review-stars-wrapper:not(:checked) > label {
    width: 20px;
    height: 20px;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 0;
}

.rating-area > input:checked ~ label, .rating-area > label.cl-checked {
    background: url('../img/icons/star-red.png') no-repeat center center;
    background-size: cover;
    filter: var(--glow-filter);
}

.rating-area.review-stars-wrapper:not(:checked) > label:not(.cl-checked):hover,
.rating-area.review-stars-wrapper:not(:checked) > label:hover ~ label:not(.cl-checked) {
    background: url('../img/icons/star.png') no-repeat center center;
    background-size: cover;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    background: url('../img/icons/star-red.png') no-repeat center center;
    background-size: cover;
    filter: var(--glow-filter);
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    background: url('../img/icons/star-red.png') no-repeat center center;
    background-size: cover;
}
.rating-area > label.cl-nchecked:hover{
    color: lightgrey;
}
.rate-area > label:active {
    position: relative;
}
/* конец звезд  */

.admin-ava-review {
    width: 76px;
    margin-right: 10px;
}

.admin-review-wrapper {
    width: 90%;
    /* width: 80%; */
    /* margin: 10px auto; */
    position: relative;
    margin-left: auto;
}

.admin-review-wrapper:before {
    content: '';
    width: 15px;
    height: 7px;
    /* width: 30px;
    height: 15px; */
    /* border-bottom: 15px solid rgba(170, 170, 170, 0.1); */
    border-bottom: 7px solid var(--main-bg-color);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    position: absolute;
    display: block;
    /* top: -15px; */
    top: -7px;
    left: 100px;
    /* what for? */
    /* z-index: 1000; */
}

.reviews-more-button {
    text-decoration: none;
    /* color: #fffaf5; */
    margin: 0 auto;
    /* border: 1px solid #fffaf5; */
    /* padding: 10px 20px; */
    /* border-radius: 30px; */
    display: flex;
    align-items: center;
}

.reviews-more-button img {
    /* margin-left: 5px; */
}

.reviews-more-button:hover {
    text-decoration: none;
    color: #fffaf5;
}

.reviews-more-button::after {
    content: '';
    width: 25px;
    height: 25px;
    --ico: var(--more-ico);
}

.sous-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 45px;
    padding: 0 20px;
    border-radius: 25px;
    border: var(--separator-border);
    box-shadow: var(--separator-shadow);
    background-color: transparent;

    font-size: 17px;
    letter-spacing: 2px;
    /* letter-spacing: 2.06px; */
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;

    transition: var(--transition-all);
}

.sous-button:hover,
.sous-button:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: var(--sous-color);
}

.game-page-title {
    font-size: 26px;
    /* border-bottom: 3px solid #FC1A3B; */
    padding-bottom: 5px;
    display: inline-block;
    max-width: calc(100% - 45px);
}

.game-page-title > h1 {
    font-size: 26px;
    font-weight: 400;
    margin: 0px;
    display: inline;
}

.game-page-title span {
    color: #FC1A3B;
}

.breadcrumbs-wrapper {
    display: inline-flex;
    align-items: center;
    /* margin: 30px 30px 30px 0; */
    min-width: 370px;
    width: 100%;
    font-size: 13px;

    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
}

/* .breadcrumbs-wrapper::before {
    content: '';
    display: block;
    margin-top: 6px;
    margin-bottom: 10px;
    width: 100%;
    height: 3px;
    border-radius: var(--separator-thikness);
    background-color: var(--sous-color);
} */

.breadcrumbs-wrapper a {
    /* color: white; */
    color: var(--sous-color);
}

.breadcrumbs-item {
    /* text-decoration: underline; */
    /* cursor: pointer; */
    font-size: 14px;

    display: flex;
    align-items: center;
    gap: 5px;
}

.breadcrumbs-item:last-child {
    flex-grow: 1;
    color: var(--gray-color);
}

.breadcrumbs-item::before,
.breadcrumbs-item:last-child::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: var(--separator-thikness);
    border-radius: 3px;
    background-color: var(--sous-color);
    vertical-align: middle;
}

.breadcrumbs-item:last-child::after {
    /* margin-left: 3px; */
    flex-grow: 1;
}

.breadcrumbs-wrapper span {
    margin: 0 3px;
}

.game-page-main-img-wrapper {
    border-radius: 20px;
    margin-bottom: var(--def-interval);
    overflow: hidden;
    width: 100%;
    max-height: 460px;
}

.game-page-main-img {
    width: 100%;
}

.game-page-content-wrapper .left-column {
    max-width: 370px;
    width: 370px;
    flex-shrink: 0;
}

.game-images-wrapper {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.game-img-item.hidden-img {
    display: none;
}

.game-img-item {
    /* width: 48%; */
    width: calc(50% - 10px);
    height: 100px;
    /* margin-bottom: 20px; */
    border-radius: 15px;
    cursor: pointer;
    transition: var(--transition-all);
    object-fit: cover;
}

.game-img-item:hover,
.game-img-item:focus {
    scale: 1.05;
}


.btn-game-images-wrapper {
    display: flex;
    justify-content: center;
}

.btn-game-images {
    /* border-bottom: 1px solid #36383e; */
    border-bottom: var(--thin-separator-border);
    cursor: pointer;
    /* color: #b2b7c8; */
    color: var(--light-gray-color);
    transition: var(--transition-all);
}

.btn-game-images:hover,
.btn-game-images:focus {
    color: white;
}

.game-page-content-wrapper {
    display: flex;
    margin-top: var(--semibig-interval);
}

.game-page-content-wrapper .right-column {
    flex-grow: 2;
    margin-left: var(--semibig-interval);
    max-width: 769px;
    padding-bottom: 60px;
}

.game-version-text {
    font-size: 18px;
    font-weight: bold;
}

.game-version-wrapper {
    /* display: inline-flex; */
    flex-grow: 2;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.game-version-item {
    background-color: var(--main-bg-transparent);
    /* border: 2px solid rgb(108, 108, 108); */
    border-radius: 10px;
    padding: 5px 15px 5px 15px;
    font-size: 16px;
    font-weight: lighter;
    max-width: 300px;
    min-width: 210px;
    cursor: pointer;
    transition: all 0.2s;
    /* margin-right: 70px; */
    outline: 2px solid transparent;
}

.game-version-item:last-child {
    /* margin-right: 0; */
}

.game-version-item.active {
    /* background-color: #370912; */
    /* border: 2px solid rgb(252, 22, 61); */
    outline: 3px solid var(--sous-color);
    background-color: var(--red-transparent);
}

.game-version-item:hover {
    /* border-bottom: none; */
    /* border-bottom-right-radius: 0; */
    /* border-bottom-left-radius: 0; */
    outline: 2px solid var(--sous-color);
    background-color: var(--red-transparent);
}

.game-version-title {
    font-weight: 700;
}
.game-version-title a{
    color: #ffffff;
}
.dop-content-row {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.game-version-price span:before, .old-price-game span:before {
    display: inline-block;
}

.game-main-info {
    background-color: #131315;
    border-radius: 20px;
    display: flex;
}

.game-main-info .left-column-info {
    width: 60%;
    padding: 20px 40px 40px 40px;
    /* border-right: var(--thin-separator-border); */
    flex-direction: column-reverse;
    display: flex;
    justify-content: center;
}

.feature-game-row .item-title {
    margin-right: 20px;
    width: 120px;
    flex-shrink: 0;
    color: var(--gray-color);
}

.info-game-rows {
    /* height: 195px; */
}

.key-info-wrapper .feature-game-row {
    margin-bottom: 15px;
}

.game-main-info .right-column-info {
    width: 40%;
    display: flex;
    flex-direction: column;
    margin: 10px 10px 10px 0px;
    gap: 10px;
}

.platform-game-img {
    margin-left: 7px;
    width: 18px;
}

.platform-item-info {
    display: flex;
    align-items: center;
}

.item-info.red-bottom span {
    border-bottom: 1px solid #FC1A3B;
    cursor: pointer;
    color: white;
    text-decoration: none;
    transition: all 0.2s;
}

.item-info.red-bottom span:hover {
    color: #FC1A3B;
    text-decoration: none;
}

.feature-game-row {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}

.guarantee-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
}

.info-icon-img {
    margin-right: 10px;
    cursor: pointer;
}

.guarantee-game-button {
    display: flex;
    align-items: center;
    border: 2px solid #FC1A3B;
    padding: 3px 30px;
    border-radius: 13px;
    cursor: pointer;
}

.guarantee-game-button .text span {
    display: block;
    text-align: center;
}

.guarantee-game-button .text {
    margin-right: 10px;
}

.prices-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: flex-start;
    position: relative;
    height: 110px;
    /* height: 90px; */
}

.sale-button {
    /* padding: 5px 5px; */
    /* border: 1px solid white; */
    border-radius: 7px;
    font-size: 12px;

    background: var(--sous-color);
    padding: 2px 5px;
    color: var(--main-bg-color);
    font-weight: bold;
    display: inline-block;
}

.price-game-value {
    font-size: 50px;
    color: #FC1A3B;
    font-weight: 700;
    /* margin: 0 10px; */

    /* position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    translate: -50% -50%; */
}

.old-price-game {
    font-size: 20px;
    color: var(--gray-color);
}

.old-price-game:after {
    content: '';
    display: block;
    width: 120%;
    position: absolute;
    transform-origin: 100% 0;
    top: 3px;
    right: -10%;
    transform: rotate(-15deg);
    height: var(--separator-thikness);
    background-color: var(--gray-color);
    border-radius: var(--separator-radius);
}

.economy-wrapper {
    font-size: 12px;
    text-align: center;
    color: white;
    /* font-weight: 400; */
    color: var(--light-gray-color);
}

.economy-wrapper span {
    color: #FC1A3B;
}

@keyframes scale-animation {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.05);
    }
}

.red-button-buy-game {
    min-height: 45px;
    margin-top: 10px;
    text-align: center;
    font-size: 30px;
    /* padding: 5px 0; */
    border-radius: 15px;
    width: 100%;
    border: none;
    cursor: pointer;
    animation: scale-animation 1s ease-in-out infinite alternate;
    box-shadow: 0 0 10px 0 rgba(253, 22, 56, 0.5);
    background: #fd1638 url('../img/icons/shevron-right.png') no-repeat 90% center;
    transition: var(--transition-all);
    padding: 5px 60px;
}


.white-button-buy-game {
    min-height: 45px;
    margin-top: 10px;
    text-align: center;
    font-size: 22px;
    padding: 5px;
    border-radius: 15px;
    width: 100%;
    border: none;
    cursor: pointer;
    /* animation: scale-animation 1s 0.5s ease-in-out infinite alternate; */
    box-shadow: 0 0 10px 0 rgba(253, 22, 56, 0.5);
    /*background: #fd1638 url('../img/icons/shevron-right.png') no-repeat 90% center;*/
    background: #ffffff;
    color: #fd1638;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-all);
}
a.white-button-buy-game:hover, a.white-button-buy-game:focus{
    color: #fd1638;
}

.red-button-buy-no-login {
    margin-top: 10px;
    text-align: center;
    font-size: 30px;
    padding: 5px 0;
    border-radius: 15px;
    width: 100%;
    border: none;
    cursor: pointer;
    animation: scale-animation 1s ease-in-out infinite alternate;
    box-shadow: 0 0 10px 0 rgb(253 22 56 / 50%);
    background: #fd1638;
    color: white;
    display: block;
    transition: var(--transition-all);
}

.red-button-buy-game:not(.no-active):hover,
.white-button-buy-game:not(.no-active):hover,
.red-button-buy-no-login:not(.no-active):hover {
    transform: scale(1.05);
    animation: none;
}


.text-buy-accept-pay,
.text-buy-no-login-accept-pay{
    color: #FC1A3B;
    font-size: 12px;
    text-align: center;
    --commission: '~';
}

.text-buy-accept-pay::after,
.text-buy-no-login-accept-pay::after {
    content: var(--commission);
    font-weight: bold;
}

.red-button-buy-game.button-buy-account {
    font-size: 22px;
}

.red-button-buy-game.no-active {
    padding: 5px 10px;
    background-image: none;
    background-color: grey;
    animation: none;
    box-shadow: none;
}

.no-active-op-1{
    background-color: grey !important;
    animation: none !important;
    box-shadow: none !important;
    opacity: 1;
}

.red-button-buy-game.no-active:before {
    display: none;
}

.header-right-column {
    padding: 20px;
    border: var(--thin-separator-border);
    border-radius: var(--radius);
    /* border-bottom: var(--thin-separator-border); */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cashback-button {
    font-size: 12px;
    /* padding: 10px 15px; */
    padding: 5px 10px;
    border-radius: 10px;
    margin-left: 20px;
    /* border: 1px solid #8b8c91; */
    background: var(--thin-separator-color);
}

.advantage-item {
    margin: 10px 0;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.advantage-item + .advantage-item {
    margin-top: 30px;
}

/* legacy */
.advantage-item img {
    margin-right: 10px;
}

.advantage-item.ico-before::before {
    content: '';
    color: var(--sous-color);
    width: 25px;
    height: 25px;
    margin-right: 10px;
        flex-shrink: 0;
}

.ico-attention {
    --ico: var(--attention-ico);
}

.ico-secure {
    --ico: var(--secure-ico);
}

.advantage-item.ico-secure::before {
    color: #90cf24;
} 

.ico-heart-small {
    --ico: var(--heart-small-ico);
}

.ico-airplane {
    --ico: var(--airplane-ico);
}

.ico-ready-to-use {
    --ico: var(--ready-to-use-ico);
}

.ico-saving {
    --ico: var(--saving-ico);
}

.ico-reviews {
    --ico: var(--reviews-ico);
}

.ico-no-product {
    --ico: var(--no-product-ico);
}

.advantage-item span {
    display: inline-block;

}

.body-right-column {
    padding: 20px;
    border: var(--thin-separator-border);
    border-radius: var(--radius);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.comment-game-link span {
    text-decoration: underline;
    transition: all 0.2s;
}

.comment-game-link:hover {
    color: #FC1A3B;
}

.important-message-block {
    /* padding: 20px; */
    padding: 20px 30px 20px 30px;
    margin-top: var(--def-interval);
    border: 3px solid var(--sous-color);
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: var(--red-transparent);
    color: var(--sous-color);
}

.important-message-block span {
    font-weight: 700;
}

.tabulation-game-page-wrapper {
    background-color: #131315;
    margin-top: var(--def-interval);
    border-radius: 20px;
}

.tabulation-game-header {
    border-bottom: var(--thin-separator-border);
    padding: 30px 20px 0 20px;
    display: flex;
    justify-content: space-around;
    text-transform: uppercase;
}

.tab-game-item {
    opacity: 0.6;
    padding-bottom: 20px;
    transform: translateY(1px);
    cursor: pointer;
    transition: var(--transition-all);
}

.tab-game-item:hover {
    opacity: 0.9;
}

.tab-game-item.active {
    opacity: 1;
    /* border-bottom: 3px solid #FC1A3B; */
}

.tab-game-item.active::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: var(--separator-thikness);
    background-color: var(--sous-color);
    border-radius: var(--separator-radius);
    bottom: 0;
}

.tabulation-content-block {
    display: none;
    padding: 40px;
    font-size: 16px;
}

.tabulation-content-block.active {
    display: block;
}

.system-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 1px solid #FC1A3B;
    /* padding-bottom: 5px; */
    display: inline-block;
}

.system-description:not(:last-child) {
    margin-bottom: 30px;
}

.comments-title {
    text-transform: uppercase;
    margin-top: 60px;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.comments-title span {
    color: var(--sous-color);
}

.comments-title:after {
    content: "";
    display: block;
    background-color: var(--sous-color);
    width: 150px;
    height: var(--separator-thikness);
    border-radius: var(--separator-radius);
    box-shadow: var(--separator-shadow);
    bottom: 0;
    left: 0;
    position: absolute;
}

.reviews-page-message.game-comment-message {
    width: 100%;
    background-color: #131315;
    font-size: 18px;
    padding: 15px;
}

.title-form-comments {
    margin-top: 40px;
    margin-bottom: 10px;
}

.info-icon-img-wrapper:hover .window-guarantee-info {
    display: block;
}

.window-guarantee-info {
    display: none;
    position: absolute;
    padding: 20px;
    bottom: 35px;
    left: -30px;
    width: 250px;
    border: 2px solid #FC1A3B;
    border-radius: 10px;
    background-color: #111111;
    z-index: 4;
    box-shadow: 0 0 7px #FC1A3B inset;
}

.window-guarantee-info:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 15px;
    border-top: 15px solid #FC1A3B;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    bottom: -15px;
    left: 23px;
}

.login-window-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.container-adaptive {
    margin: 0 auto;
}

.lk-balance-wrapper, .lk-user-buttons-wrapper {
    display: flex;
    width: 420px;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.td-account-data-wrapper {
    display: flex;
    align-items: center;
}

.but-see__pass {
    padding-top: 3px;
    padding-bottom: 3px;
    background: grey url("../img/icons/eye.png") no-repeat center center;
    background-size: 20px 20px;
    border: none;
    border-radius: 30%;
    width: 30px;
    height: 20px;
}

.mobile-btn-see-pass {
    padding: 4px 7px;
    background-color: #FC1A3B;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    font-size: 11px;
}

.but-see__pass.active {
    background: #fc1a3b url("../img/icons/eye.png") no-repeat center center;
    background-size: 20px 20px;
}

.purchases-table__amount.currency-unicode-block span:before {
    width: auto;
    height: auto;
}

.purchases-table .purchases-table__product {
    max-width: 380px;
    padding-right: 20px;
    padding-left: 5px;
}

.game-page-heart {
    margin-top: 5px;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transition: all 0.2s;
    /* background: url('../img/icons/heart.png') no-repeat center center; */
    /* background-size: cover; */
    flex-shrink: 0;
    --ico: var(--heart-ico);
    color: white;
}

.game-page-heart:hover, .game-page-heart:active, .game-page-heart.active {
    /* background: url('../img/icons/heart-red-icon.png') no-repeat center center;
    background-size: cover; */
    color: var(--sous-color);
}

.good-type-info-icon {
    cursor: pointer;
}

.game-type-window {
    display: none;
}

.game-type-window {
    position: absolute;
    /* left: -40px; */
    left: 50%;
    translate: -50% 0%;
    font-size: 14px;
    padding: 20px;
    top: 110%;
    width: 250px;
    border: 2px solid #FC1A3B;
    border-radius: 10px;
    background-color: #111111;
    z-index: 4;
    box-shadow: 0 0 7px #FC1A3B inset;
    color: white !important;
}

.game-type-window:after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 15px;
    border-bottom: 7px solid #FC1A3B;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    top: -15px;
    /* left: 37px; */
    left: 50%;
    translate: -50% 0%;
}

.good-type-info-icon:hover .game-type-window {
    display: block;
}

.slider-wrapper {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
}

.game-slider-window {
    width: 65%;
    max-width: 1700px;
    margin: 0 20px;
}

.slider-game-page-item {
    width: 100%;
    display: none;
}

.slider-game-page-item.active {
    display: block;
}

.game-slider-left, .game-slider-right {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    width: 60px;
}

.game-slider-left:hover, .game-slider-right:hover {
    opacity: 1;
}

.game-slider-left {
    transform: rotate(180deg);
}

.game-slider-close {
    position: absolute;
    right: 0;
    top: -30px;
    width: 20px;
    opacity: 0.6;
    cursor: pointer;
}

.game-slider-close:hover {
    opacity: 1;
}

.game-slider-info {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -30px;
}

.select-guarantee-wrapper.active .option-game-guarantee {
    display: block;
}

.option-game-guarantee {
    display: none;
    cursor: pointer;
    padding: 7px 0;
    transition: all 0.2s;
}

.option-game-guarantee:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.period-option-guarantee {
    text-align: center;
}

.name-option-guarantee {
    text-align: center;
}

.select-guarantee-wrapper {
    display: inline-block;
    background-color: #131315;
    border: 2px solid #FC1A3B;
    border-radius: 13px;
    overflow: hidden;
}

.selected-block-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 3px 20px;
}
.cursor-default{
    cursor: default !important;
}

#buy-game-form {
    padding-bottom: 50px;
}

.guarantee-game-title {
    margin-top: 12px;
}

.field-guarantee {
    margin: 0;
}

.cost-game-with-discount {
    /* padding-right: 30px; */
    white-space: nowrap;
    color: white;
}

.game-in-composition {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.game-in-composition img {
    width: 80px;
    border-radius: 10px;
    margin-right: 20px;
}

.game-name-in-composition {
    font-size: 18px;
    font-weight: 700;
}

.composition-item {
    /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
    font-size: 18px;
    padding: 10px;
}

.composition-item:not(:first-child) {
    border-top: var(--thin-separator-border);
}

.game-version-composition {
    width: 100%;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    /* background-color: inherit; */
    display: none;
    z-index: 10;
    /* border-bottom-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    padding: 0 7px;

    background-color: var(--main-bg-color);
    border-radius: inherit;
    border: var(--thin-separator-border);
}

.game-version-item:hover .game-version-composition {
    display: block;
}

.game-version-item .composition-item {
    padding: 10px;
    /* font-size: 17px;  */
}


.fgame-link{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
}
.review-item__review.comment-response {
    width: 90%;
    align-self: flex-end;
}

.like-img, .dislike-img {
    background: url('../img/icons/like.png') no-repeat center center;
    background-size: contain;
    /* width: 24px;
    height: 24px; */
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    opacity: 0.7;
    /* transition: all 0.2s; */
    transition: var(--transition-all);
}

.like-img.active, .dislike-img.active {
    background: url('../img/icons/like-red.png') no-repeat center center;
    background-size: contain;
    opacity: 1;
}

.dislike-img {
    transform: rotate(180deg);
}

.like-img {
    /* transform: translateY(-3px); */
}

.like-block, .dislike-block {
    display: inline-flex;
    align-items: center;
    user-select: none;
    /* font-weight: 700; */
    font-weight: bold;
}

.like-block {
    margin-right: 10px;
}

.like-img:hover, .dislike-img:hover {
    opacity: 1;
}

.review-item-dop-content .form-group {
    display: none;
}

.likes-wrapper {
    /* margin-bottom: 10px; */
}

.answers-management-block {
    /* position: absolute; */
    display: flex;
    /* bottom: 5px; */
    font-size: 11px;
    text-transform: uppercase;
    /* left: 25px; */
    cursor: pointer;
    /* opacity: 0.7; */
    align-items: center;
    gap: 10px;
    min-height: 25px;
}

.button-hide-answers,
.button-create-answer {
    /* margin-right: 20px; */
    /* opacity: 0.7; */
    color: var(--gray-color);
    transition: var(--transition-all);
}

.button-hide-answers:hover,
.button-hide-answers:focus,
.button-create-answer:hover,
.button-create-answer:focus {
    color: var(--light-gray-color);
}

.review-item.active .comment-response {
    display: none;
}

.show-answers-text {
    display: none;
}

.review-item.active .show-answers-text {
    display: block;
}

.review-item.active .hide-answers-text {
    display: none;
}

.input-answer-comment {
    margin-bottom: 20px;
    padding: 15px 55px 15px 20px;
    width: 100%;
    border-radius: 15px;
    align-self: flex-end;
    background-color: #18181d;
    border: 3px solid #FC1A3B;
    min-height: 60px;
}

.submit-answer-comment {
    position: absolute;
    border: none;
    right: 10px;
    top: 30px;
    translate: 0 -50%;
    /* top: 10px; */
    /* width: 26px; */
    /* height: 25px; */
    width: 40px;
    height: 40px;
    /* background: url('../img/icons/icon-send-review.png') no-repeat center center; */
    background: var(--send-ico) no-repeat center center;
    /* background-size: cover; */
    background-size: 20px 20px;
    border-radius: 50%;
    background-color: var(--important-bg-color);
    border: var(--thin-separator-border);
    transition: var(--transition-all);
    color: white;
    --send-ico: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48ZyBpZD0iaW5mbyIvPjxnIGlkPSJpY29ucyI+PHBhdGggZD0iTTIxLjUsMTEuMWwtMTcuOS05QzIuNywxLjcsMS43LDIuNSwyLjEsMy40bDIuNSw2LjdMMTYsMTJMNC42LDEzLjlsLTIuNSw2LjdjLTAuMywwLjksMC42LDEuNywxLjUsMS4ybDE3LjktOSAgIEMyMi4yLDEyLjUsMjIuMiwxMS41LDIxLjUsMTEuMXoiIGlkPSJzZW5kIi8+PC9nPjwvc3ZnPg==);
}

.submit-answer-comment:hover,
.submit-answer-comment:focus {
    background-color: var(--main-bg-color);
    color: var(--sous-color);
}

/* .submit-answer-comment::before {
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 2px;
    --ico: var(--send-ico);
} */

.hide-input-text {
    display: none;
}

.form-comment-answer-wrapper {
    display: none;
}

.review-item.active-answer .form-comment-answer-wrapper, .review-item.active-answer .hide-input-text  {
    display: block;
}

.review-item.active-answer .show-input-text  {
    display: none;
}

.review-item__review.comment-response .review-content {
    /* max-width: 400px; */
}

.review-item.active-answer .form-comment-answer-wrapper {
    margin-top: -20px;
}

.form-comment-answer-wrapper .help-block {
    margin-top: -10px;
    margin-bottom: 20px;
}

.half-opacity {
    opacity: 0.6;
}

.recharge-notification-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.recharge-notification-button {
    background-color: #FC1A3B;
    font-weight: 700;
    font-size: 13px;
    padding: 2px 10px;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.recharge-notification-text {
    font-size: 13px;
    text-align: center;
}

.advantage-item a {
    text-decoration: none;
    color: inherit;
}

.game-page-graphic-content {
    position: static;
}

.header-block {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); */
    background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0));
    padding: 10px 0;
    padding-bottom: 60px;
}

.logo-img-header {
    width: 150px;
}

.header-adaptive-container {
    width: 1280px;
    padding-left: 10px;
}

.header-block .header-adaptive-container {
    display: flex;
    align-items: center;
}

.navigation-item-link, .hidden-nav-link {
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    transition: all 0.2s;
    /* border-bottom: 2px solid rgba(0, 0, 0, 0); */
}

.navigation-item-link {
    /* padding: 14px 0; */
    padding: 6px 0;
}

.hidden-nav-link {
    margin-bottom: 20px;
}

.hidden-nav-link:hover {
    color: #FC1A3B;
}

a:hover, a:focus {
    text-decoration: none;
    color: inherit;
}

.navigation-item-link:hover,
.navigation-item-link:focus {
    text-decoration: none;
    color: inherit;
    /* border-bottom: 2px solid #FC1A3B; */

    position: relative;
}

/* .navigation-item-link:focus {
    text-decoration: none;
    color: white;
} */

.navigation-item-link::after,
.navigation-item-link::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--separator-thikness);
    border-radius: var(--separator-thikness);
    /* box-shadow: var(--separator-shadow); */
    background-color: transparent;
    transition: var(--transition-all);
}

.navigation-item-link:hover::after,
.navigation-item-link:focus::after {
    box-shadow: var(--separator-shadow);
    background-color: var(--sous-color);
}

.navigation-header {
    flex-grow: 1;
    margin-left: 60px;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-search-image {
    margin-left: 60px;
    cursor: pointer;
}

.header-user-block {
    flex-shrink: 0;
    width: 250px;
    display: flex;
    justify-content: center;
}

.header-mobile-login-btn,
.login-header-block .text {
    text-transform: uppercase;
    color: #FC1A3B;
}

.header-mobile-login-btn::before,
.login-header-block::before {
    content: '';
    margin-right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    filter: var(--glow-filter);
    transition: var(--transition-all);
    color: var(--sous-color);
    --ico: var(--login-ico);
}

/* .header-login-image {
    margin-right: 10px;
    filter: var(--glow-filter);
    transition: var(--transition-all);
} */

.header-mobile-login-btn,
.login-header-block {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: var(--transition-all);

    padding: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.header-mobile-login-btn:hover,
.login-header-block:hover/* .header-login-image*/ {
    /* filter: var(--active-glow-filter); */
    /* scale: 1.05; */
    border: var(--thin-separator-border);
}

.header-user-photo-wrapper {
    display: inline-block;
    margin-bottom: 5px;
}

.header-burger-wrapper  {
    margin-left: 20px;
    margin-right: 40px;
    cursor: pointer;
    /* width: 22px;
    height: 19px; */
    width: 25px;
    height: 25px;
}

.header-burger-wrapper img {
    margin: 0 auto;
}


.header-burger-wrapper.active .header-burger-image {
    --ico: var(--cross-big-ico);
}

.header-burger-image {
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0) url('../img/icons/header-burger.png') no-repeat center center; */
    /* background-size: contain; */
    color: white;
    --ico: var(--menu-ico);
    transition: all 0.2s;
}

.header-burger-image:hover {
    /* background: rgba(0, 0, 0, 0) url('../img/icons/header-burger-red.png') no-repeat center center; */
    /* background-size: contain; */
    color: var(--sous-color);
}

.header-burger-wrapper.active .window-hidden-part-navigation {
    display: flex;
}

.window-hidden-part-navigation {
    width: 200px;
    position: absolute;
    /* top: 250%; */
    top: 190%;
    /* right: -100px; */
    left: 50%;
    translate: -50% 0;
    padding: 20px 70px 0 20px;
    display: none;
    flex-direction: column;
    border: 2px solid #FC1A3B;
    border-radius: 10px;
    background-color: #111111;
    z-index: 4;
    box-shadow: 0 0 7px #FC1A3B inset;
}

.window-hidden-part-navigation:after {
    content: "";
    display: block;
    position: absolute;
    /* width: 30px; */
    /* height: 15px; */
    height: 15px;
    width: 14px;
    border-bottom: 7px solid var(--sous-color);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    top: -15px;
    /* left: 70px; */
    left: 50%;
    translate: -50% 0;
}

.header-search-wrapper {
    position: absolute;
    right: 0;
    /* top: 0; */
    top: 50%;
    translate: 0 -50%;
    transition: width 1s;
    width: 30px;
}

.header-search-wrapper form {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

input.header-submit-search {
    position: absolute;
    left: 3px;
    top: 13px;
    padding: 0;
    /* left: 10px; */
    width: 25px;
    height: 25px;
    /* background: rgba(0, 0, 0, 0) url('../img/icons/header-search.png') no-repeat center center; */
    /* background-size: cover; */
    border: none;
    transition: all 0.2s;
    --ico: var(--search-ico);
}

.header-search-wrapper.active input.header-submit-search {
    left: 13px;
}

input.header-submit-search:hover {
    /* background: rgba(0, 0, 0, 0) url('../img/icons/header-search-red.png') no-repeat center center; */
    /* background-size: cover; */
    color: var(--sous-color);
}

.header-input-search {
    padding: 15px 0 15px 0;
    border-radius: 30px;
    width: 100%;
    /* background-color: rgba(0, 0, 0, 0); */
    /* border: 2px solid rgba(0, 0, 0, 0); */
    /* transition: width 1s, padding-left 1s; */
    opacity: 0;
    
    /* border-color: var(--sous-color); */
    border: var(--separator-border);
    background-color: black;
    transition: width .5s, padding-left .5s, opacity 0.25s 0.5s;
}

.header-search-wrapper.active .header-input-search {
    /* border-color: #FC1A3B; */
    padding-left: 40px;
    padding-right: 40px;
    /* background-color: black; */
    opacity: 1;
    transition: width .5s, padding-left .5s, opacity 0.5s;
}

.header-search-wrapper.active .header-search-close {
    display: block;
}

.header-search-close {
    position: absolute;
    display: none;
    content: "";
    width: 25px;
    height: 25px;
    /* background: url('../img/icons/burger-close.png') no-repeat center center; */
    /* top: 14px; */
    /* right: 10px; */
    --ico: var(--cross-big-ico);
    color: white;
    top: 13px;
    right: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.header-search-close:hover {
    /* background: url('../img/icons/burger-close-red.png') no-repeat center center; */
    color: var(--sous-color);
}

.header-search-wrapper.active {
    width: 100%;
}

.header-heart {
    cursor: pointer;
    width: 25px;
    height: 25px;
    /* background-image: url('../img/icons/heart.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; */
    transition: all 0.2s;
    color: white;
    --ico: var(--heart-ico);
}

.header-heart:hover {
    /* background-image: url('../img/icons/heart-red-icon.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; */
    color: var(--sous-color);
}

.game-cart-heart {
    /* background-image: url('../img/icons/heart.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; */
    /* width: 20px;
    height: 20px; */
    width: 25px;
    height: 25px;
    --ico: var(--heart-ico);
    color: white;
    position: absolute;
    z-index: 10;
    /* right: 9px;
    bottom: 9px; */
    right: 15px;
    bottom: 15px;
    transition: all 0.2s;
}

.game-cart-heart.active, .game-cart-heart:hover {
    /* background-image: url('../img/icons/heart-red-icon.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; */
    color: var(--sous-color);
}

.header-mobile-burger {
    display: none;
    /* width: 20px; */
    margin: 0 10px;
    cursor: pointer;

    width: 30px;
    height: 30px;
    object-fit: contain;
}

.header-mobile-burger.ico {
    color: white;
    --ico: var(--menu-ico);
    transition: 0.2s;
}

.header-mobile-burger.ico:hover {
    color: var(--sous-color);
}

.header-mobile-window {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #18181D;
    z-index: 20;
    /* padding: 15px 35px; */
    display: flex;
    justify-content: center;
    transition: left 1s;
    transition-timing-function: ease-in-out;
}

.header-mobile-window.active {
    left: 0;
}

.header-mobile-content-wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    /* max-width: 345px; */
    max-width: 100%;
    /* border-top: 1px solid white; */
    padding-top: 30px;
    justify-content: space-around;
    align-items: center;
    
    height: 100%;
    position: relative;
}

.header-mobile-content-wrapper::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg/nav-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .3;
    top: 0;
    left: 0;
}

.mobile-nav-link {
    color: white;
    text-transform: uppercase;
    font-size: 16px;
}

.close-window-nav-mobile {
    position: absolute;
    right: 10px;
    top: 23px;
    cursor: pointer;
    z-index: 2;
}

.close-window-nav-mobile.ico {
    --ico: var(--cross-big-ico);
    width: 25px;
    height: 25px;
    color: white;
}

.close-window-nav-mobile.ico:hover {
    color: var(--sous-color);
}

.favorite-mobile-header-block {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.favorite-mobile-header-block .text {
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    /* margin-left: 5px; */
}

.favorite-mobile-header-block::before {
    content: '';
    --ico: var(--heart-ico);
    color: var(--sous-color);
    width: 25px;
    height: 25px;
    display: block;
}

.username-window-header {
    text-transform: uppercase;
    color: #FC1A3B;
    display: block;
    overflow: hidden;
    width: auto;
    max-width: 160px;
    font-size: 14px;
    word-wrap: break-word;
}

.navbar-window-balance {
    display: flex;
    /* margin-left: 10px; */
    /* margin-right: 20px; */
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
}

.user-mobile-window-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;

    flex-direction: column;
    gap: 10px;
    font-weight: bold;
    font-size: 20px;
}

.navbar-window-money {
    margin-right: 10px;
}

.navbar-window-coin {
    color: #FC1A3B;
}

/* .header-mobile-login-btn {
    padding: 5px 10px;
    border: 2px solid white;
    color: white;
    text-transform: uppercase;
    margin-bottom: 30px;
    border-radius: 8px;
} */

.window-user-logout:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    /* background: url(../img/icons/logout-close.svg) no-repeat center center; */
    /* background-size: contain; */
    --ico: var(--cross-ico);
    color: white;
}

.username-window-header-wrapper {
    display: inline-flex;
    align-items: center;
}

.title-rating {
    text-transform: uppercase;
    text-align: right;
    font-size: 16px;
}

.review-link-user {
    flex-shrink: 0;
}

.admin-review-wrapper .review-item-dop-content {
    /* margin-top: 20px; */
}

.window-change-avatar {
    box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.1);
    width: 700px;
    background-color: #131313;
    margin-top: 120px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.window-change-avatar-wrapper {
    position: absolute;
    display: none;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    justify-content: center;
    align-items: flex-start;
}

.window-change-avatar-wrapper.active {
    display: flex;
}

.window-avatars-close {
    cursor: pointer;
    align-self: flex-end;
}

.change-avatars-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.change-ava-item {
    margin: 0 5px 5px 5px;
    width: 90px;
    height: 90px;
    border: 4px solid rgba(0, 0, 0, 0);
    transition: all 0.2s;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.8;
}

.change-ava-item.hidden {
    display: none;
}

.change-ava-item:hover, .change-ava-item.active {
    border-color: #FC1A3B;
    opacity: 1;
}

.window-avatars-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 20px;
}

.window-subscribe-vk-wrapper, .window-achievement-wrapper {
    position: fixed;
    display: none;
    top: 0;
    z-index: 20;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(7px);
    justify-content: center;
    align-items: center;
}
.recapcha-group{
    display: flex;
}
.recapcha-group > .window-subscribe-vk > .buttons-subscribe-window-wrapper{
    flex-direction: column;
}

.recapcha-group > .window-subscribe-vk > .buttons-subscribe-window-wrapper .button-subscribe-window{
    width: 100%;
}

.recapcha-group > .window-subscribe-vk{
    width: 400px;
    height: 300px;
}
.window-subscribe-vk-wrapper.active, .window-achievement-wrapper.active {
    display: flex;
}

.window-subscribe-vk, .window-achievement {
    padding: 15px 50px;
    width: 870px;
    height: 410px;
    background: #18181d url('../img/bg/sous-modal-back.png') no-repeat center center;
    background-size: cover;
    border-radius: 15px;
    box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.1);
}

.title-subscribe-window {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;
    max-width: 60%;
}

.title-subscribe-window span {
    color: #FC1A3B;
}

.buttons-subscribe-window-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.buttons-subscribe-window-wrapper .button-get-reward, .buttons-subscribe-window-wrapper .button-subscribe-window {
    border-radius: 30px;
    padding: 10px;
    width: 45%;
    text-align: center;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.button-subscribe-window {
    background-color: #FC1A3B;
    border: 2px solid #FC1A3B;
    display: inline-block;
}

.button-get-reward {
    border: 2px solid white;
}
.buttons-subscribe-window-wrapper div.button-get-reward-disable{
    background-color: grey;
    cursor: default;
    opacity: 0.5;
}
.buttons-subscribe-window-wrapper div.button-get-reward-disable-a{
    margin: 0 auto;
}
.window-subscribe-close, .window-achievement-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    cursor: pointer;
}

.main {
    min-height: 60vh;
}

.title-achievement-window {
    font-size: 24px;
    margin-top: 50px;
    font-weight: 700;
}

.title-achievement-window span {
    color: #FC1A3B;
}

.catalog-title {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}

.catalog-title span {
    color: #FC1A3B;
}

/* legacy */
/* .filter-image {
    position: absolute;
    /* top: 10px; * /
    top: 19px;
    translate: 0 -50%;
    left: 10px;
} */

.search-select::before {
    content: '';
    position: absolute;
    /* top: 10px; */
    top: 19px;
    translate: 0 -50%;
    left: 10px;
    width: 20px;
    height: 20px;
    --ico: var(--list-ico);
    color: var(--sous-color);
}

.filter-checkbox-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    gap: 20px;
}

.filter-checkbox-availability-block,
.filter-checkbox-platforms-block {
    border: var(--thin-separator-border);
    padding: 20px;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.label-filter-checkbox {
    text-transform: uppercase;
    margin: 0 15px 0 5px;
    align-self: center;
    font-weight: 400;
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.2s;
    line-height: 15px;
}

.label-filter-checkbox:hover {
    color: var(--sous-color);
    /* color: #FC1A3B; */
}

.checkbox-group-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}

.filter-checkbox-wrapper label.custom-filter-checkbox {
    border-color: grey;
    background-color: rgba(0, 0, 0, 0);
}

label:hover .custom-filter-checkbox {
    border-color: var(--sous-color);
}

label:hover .label-filter-checkbox {
    color: var(--sous-color);
    /* color: #FC1A3B; */
}

.cart-game-name {
    /* max-width: 80%; */
    /* margin: 0 auto; */
    max-width: calc(100% - 10px);
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}

.empty-favorites-text {
    margin-top: 40px;
}

.game-page-title-wrapper {
    display: flex;
    align-items: flex-start;
    /* align-items: center; */
    flex-wrap: wrap;
}

.game-main-info .form-group {
    margin: 0;
}

.game-main-info .help-block {
    margin: 0;
}

.window-mobile-data-order-wrapper {
    width: 100%;
    z-index: 20;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    display: none;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s;
}

.window-mobile-data-order-wrapper.active {
    display: flex;
    background-color: rgba(0, 0, 0, 0.8);
}

.window-mobile-data-order {
    width: 300px;
    padding: 30px;
    background-color: #131313;
    border: 1px solid #FC1A3B;
    border-radius: 10px;
    font-size: 18px;
}

.mobile-btn-see-pass {
    display: none;
}

.window-data-order-close, .window-prise-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
    cursor: pointer;
}

.window-data-order-close.ico, .window-prise-close.ico {
    --ico: var(--cross-big-ico);
    width: 15px;
    height: 15px;
    color: white;
}

.window-data-order-close.ico:hover, .window-prise-close.ico:hover {
    color: var(--sous-color);
}

.window-data-order__wrapper{
    display: flex;
    align-items: center;
    overflow: scroll;
}

.window-mobile-data-order > #copy{
    display: flex;
    margin: 10px auto 0px;
}

.user-page-wrapper .all-orders-wrapper {
    margin-top: 30px;
}

.img-logo-footer {
    width: 130px;
}

.navbar-window-balance .navbar-user__balance-replenish {
    /* position: absolute; */
    /* left: 104%; */
    /* top: 0; */
}

.navbar-window-balance  .navbar-user__balance-replenish a::before {
    width: 25px;
    height: 25px;
}

.slider-avatars-wrapper {
    display: flex;
    align-items: center;
}

.avatars-slider-right, .avatars-slider-left {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    opacity: 0.3;
    transition: all 0.3s;
}

.avatars-slider-right:hover, .avatars-slider-left:hover {
    opacity: 1;
}

.avatars-slider-left {
    transform: rotate(180deg);
}

.search-select .form-group, .checkbox-group-wrapper .help-block {
    margin-top: 0;
    margin-bottom: 0;
}

.search-select .help-block, .checkbox-group-wrapper .help-block {
    margin: 0;
}

.wrapper-ul-filters {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

.search-filter__wrapper .catalog-drop-filter-wrapper {
    margin-bottom: 20px;
    min-height: 60px;
}

.search-filter__wrapper .catalog-drop-filter-wrapper .search-filter__title {
    margin: 0 15px 5px;
}

#gamesearch-platform {
    flex-direction: row;
    /* max-width: 500px; */
    flex-wrap: wrap;
}

.checkbox-group-wrapper .form-group {
    margin: 0;
}

.add-balance-window-wrapper {
    position: fixed;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.7);
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    /* z-index: 22; */
    z-index: 100;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: flex-start;
}

.add-balance-window-wrapper.active {
    display: flex;
}

.add-balance-window {
    width: 960px;
    padding: 30px 40px 170px 40px;
    border-radius: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
    background: #18181d url('../img/bg/bg-logo-bank.png') no-repeat bottom 20px right 20px;
    background-size: 250px auto;
}

.close-window-payment {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 23;
    cursor: pointer;
}

.close-window-payment.ico {
    --ico: var(--cross-big-ico);
    width: 25px;
    height: 25px;
    color: white;
}

.close-window-payment.ico:hover {
    color: var(--sous-color);
}

.add-balance-window form {
    display: flex;
    align-items: flex-start;
    /* justify-content: space-between; */
    justify-content: space-evenly;
    gap: 50px;
}

.title-payment {
    text-transform: uppercase;
    font-size: 22px;
    /* border-bottom: 2px solid #FC1A3B; */
    font-weight: 500;
    margin-bottom: 30px;
}

.column-ways-payment, .column-form-pay {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.column-form-pay {
    /* margin-right: 150px; */
    /* max-width: 200px; */
    max-width: 260px;
    flex-grow: 1;
}

.way-payments-item {
    width: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.payment-method-image-block {
    margin-right: 30px;
    display: flex;
    height: 50px;
}

.payment-method-main-text, .payment-method-sub-text{
    margin: 0;
}

.payment-method-sub-text{
    color: #FC1A3B;
    max-width: 215px;
    font-size: 10px;
    text-align: left;
}

.percent-payment-block {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    font-weight: lighter;
    border: 2px solid #4a4a4c;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    color: white;
    transition: all 0.2s;
}

.column-ways-payment .field-currency_type {
    margin: 0;
}

.img-payment {
    border: 2px solid grey;
    background-color: #28282d;
    width: 90px;
    border-radius: 20px;
    
    transition: all 0.2s;
}

.percent-payment-block + .img-payment {
    margin-left: -20px;
}

.way-payments-item:hover .bg-block, .way-payments-item.active .bg-block {
    filter: brightness(150%);
}

.way-payments-item:hover, .way-payments-item.active {
    color: #FC1A3B;
}

.way-payments-item:hover .percent-payment-block, .way-payments-item.active .percent-payment-block {
    border-color: #FC1A3B;
}

.way-payments-item .bg-block {
    transition: all 0.2s;
    width: 100%;
    height: 100%;
}

.way-payments-item:hover .img-payment, .way-payments-item.active .img-payment {
    border-color: #FC1A3B;
    background-color: #4b1623;
}

.input-payment-currency {
    position: absolute;
    top: 5px;
    /* right: 20px; */
    right: 10px;
    opacity: 0.9;
    font-size: 35px;
    font-weight: 500;
}

.payment-window-promocode {
    border: 2px solid #FC1A3B;
    text-transform: uppercase;
    background-color: #4b1623;
    padding: 5px 10px;
    text-align: center;
    /* cursor: pointer; */
    /* width: 200px; */
    width: 100%;
    border-radius: 8px;
}

.checkbox-group-wrapper input[type="checkbox"]:checked+label, .checkbox-group-wrapper input[type="radio"]:checked+label {
    background-color: #FC1A3B;
}

.platform-checkbox-item {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.platform-checkbox-availability {
    display: flex;
}

.platform-checkbox-item input {
    margin: 0;
    visibility: hidden;
}

.all-orders-wrapper .currency-unicode-block span {
    margin-left: 0;
}

.all-orders-wrapper .currency-unicode-block span:before {
    height: auto;
}

.favorite-block:hover .text {
    color: #FC1A3B;
}

.favorite-block:hover .text {
    transition: all 0.2s;
}

.main-index-page:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100px; */
    height: 330px;
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); */
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.activation-tab-block {
    font-size: 18px;
    line-height: 1.5;
}

.activation-tab-block li {
    margin-bottom: 30px;
}

.activation-tab-block a {
    color: #FC1A3B;
}

.catalog-drop-filter-wrapper .search-filter-price {
    position: absolute;
    top: 0;
    left: 0;
}

.submit-lk {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    bottom: 0;
    left: 102%;
    z-index: 2;
    transition: all 0.2s;
    border-radius: 5px;
    padding: 5px 10px;
}

.submit-lk:hover {
    background-color: #FC1A3B;
}

#form-updatenickname,  #form-updatepassword .form-group.field-current-user-password {
    margin-bottom: 20px;
}

.form-user-settings .help-block, #form-updatepassword .help-block {
    margin: 0;
    position: absolute;
    left: 0;
    width: 200%;
}

.breadcrumbs-wrapper .game-name-breadcrumbs-item {
    text-decoration: none;
}

.favorite-title {
    margin-bottom: 20px;
}

.btn-copy-data {
    width: 30px;
    height: 30px;
    background: url('../img/icons/copy-white.png') no-repeat center center;
    background-size: cover;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.2s;
}

.btn-copy-data:hover {
    background: url('../img/icons/copy.png') no-repeat center center;
    background-size: cover;
}

.input-hidden-input-copy {
    position: absolute;
    opacity: 0.01;
    left: -3000px;
}

.preorder-date {
    font-size: 12px;
    display: inline-block;
    transform: translateY(-5px);
}

.guarantee-button-img {
    margin-right: -10px;
    margin-left: 5px;
}

.select-guarantee-wrapper.active .option-game-guarantee.hidden-guarantee {
    display: none;
}

.red-button-buy-game:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    bottom: 2px;
    width: 60px;
    height: 60px;
    background: url("../img/sonic.gif") no-repeat center center;
    background-size: cover;
}

@keyframes loading {
    0% {
        left: 0;
    }

    100% {
        left: 95%;
    }
}

.red-button-buy-game.loading-button:before {
    animation: loading 2s linear forwards;
}

.platform-checkbox-availability .availability-label-text {
    display: inline-block;
    margin-left: 5px;
    font-weight: 400;
}

.filter-arrow-down, .filter-arrow-up {
    opacity: 0;
    transition: all 0.3s;
    display: none;
}

.select-open .filter-arrow-down, .select-open .filter-arrow-up {
    position: absolute;
    display: block;
    opacity: 1;
    /* background: url('../img/icons/arrow-down.png'); */
    /* background-size: cover; */
    /* width: 30px;
    height: 30px; */
    width: 25px;
    height: 25px;
    left: 10px;

    color: white;
    --ico: var(--arrow-left-ico); 
    transform: rotate(-90deg);

}

.select-open .filter-arrow-up {
    transform: rotate(90deg);
    /* transform: rotate(180deg); */
    top: 40px;
}

.filter-arrow-down {
    bottom: 10px;
}

.filter-arrow-up:hover, .filter-arrow-down:hover {
    /* background: url('../img/icons/arrow-down-red.png');
    background-size: cover; */
    color: var(--sous-color);
}

.filter-production .search-select__label {
    display: none;
}

.filter-production .search-select__label.active, .filter-production .search-select__label.visible-filter-item-production {
    display: block;
}

.filter-production .search-select.select-open {
    min-height: 92px;
}

.bonus-form-wrapper {
    flex-grow: 1;
    margin-right: 10px;
    margin-top: 10px;
}

.slider.slider-horizontal .slider-selection {
    background-color: #FC1A3B;
    background-image: none;
}

.slider.slider-horizontal {
    width: 100%;
}

.bonus-pay-block {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.block-count-bonus .currency-unicode-block span {
    margin-left: 0;
}

.block-count-bonus {
    font-weight: 700;
    color: #FC1A3B;
    font-size: 24px;
    flex-shrink: 0;
}

.slider-handle.round {
    box-shadow: 0 0 15px 0 #FC1A3B;
}

.hidden-bonus-form {
    display: none;
    flex-grow: 1;
    width: 100%;
    align-items: flex-start;
}

.hidden-bonus-form.active {
    display: flex;
}

.btn-bonus-form {
    padding: 5px 20px;
    border: 2px solid #FC1A3B;
    border-radius: 20px;
    box-shadow: 0 0 15px #FC1A3B inset;
    cursor: pointer;
    transition: var(--transition-all);
}

.btn-bonus-form:hover {
    box-shadow: 0 0 20px #FC1A3B inset;
}

.btn-bonus-form.no-active {
    display: none;
}

.bonus-description {
    display: none;
    font-size: 11px;
    text-align: center;
}

.bonus-description.active {
    display: block;
}

.field-balanceform-promocode .help-block {
    max-width: 200px;
    text-align: center;
}

.contacts-page-red-title {
    color: #FC1A3B;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}

.contacts-page-subtitle {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    max-width: 650px;
    margin: 60px auto 0 auto;
    line-height: 1.5;
}

.contacts-page-line-contacts {
    text-transform: uppercase;
    display: flex;
    margin-top: 100px;
    justify-content: space-around;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    padding: 0 50px;
    margin-bottom: 140px;
}

.contacts-button-vk {
    background-color: #FC1A3B;
    padding: 15px 30px;
    border-radius: 15px;
    cursor: pointer;
    display: block;
    color: white;
    transition: var(--transition-all);
}

.contacts-button-mail {
    /* border-bottom: 4px solid #FC1A3B; */
    padding: 15px 0;
    cursor: pointer;
    display: block;
    color: white;
    transition: var(--transition-all);
    position: relative;
}

.contacts-button-mail::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--separator-thikness);
    border-radius: var(--separator-radius);
    background-color: var(--sous-color);
}

.contacts-button-vk:hover {
    color: white;
    transform: scale(1.05);
}

.contacts-button-mail:hover {
    color: white;
    transform: scale(1.05);
}

.cooperation-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.p-contacts {
    margin: 25px 0;
    font-size: 20px;
}

.marketing-mail {
    display: block;
    text-align: right;
    color: #FC1A3B;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    margin-top: 40px;
    text-shadow: 0 10px 30px #FC1A3B;
}

.marketing-mail:hover {
    color: #FC1A3B;
}

.legal-information {
    margin-top: 100px;
    font-size: 18px;
}

.legal-information-title {
    color: #FC1A3B;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
}

.legal-information-line {
    margin-bottom: 5px;
}

.guarantees-page-title {
    display: inline-block;
    border-bottom: 4px solid #FC1A3B;
    text-transform: uppercase;
    font-size: 24px;
    padding-bottom: 10px;
}

.guarantees-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.guarantee-item {
    margin-top: 60px;
    width: 49%;
    background-color: rgba(40, 40, 40, 0.40);
    border-radius: 15px;
    padding: 30px 60px;
}

.guarantee-item-header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.guarantee-item-title {
    font-size: 24px;
    color: #FC1A3B;
    text-transform: uppercase;
    font-weight: 700;
}

.guarantee-item-img {
    margin-right: 30px;
}

.guarantee-item-content {
    font-size: 20px;
}

.guarantee-item-content p {
    margin-top: 30px;
}

.money-back-img {
    margin-left: -5px;
}
.money-back-span{
    /* position: absolute; */
    position: relative;
    display: block;
    margin-right: 10px;
    /* padding: 3px; */
    font-size: 13px;
    color: var(--sous-color);
    height: 25px;
    width: 25px;
    line-height: 28px;
    text-align: center;
    flex-shrink: 0;
}

.money-back-span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    --ico: var(--arrow-circle-ico);
}
.small-custom-checkbox-text {
    font-size: 11px;
    opacity: 0.8;
}

.small-custom-checkbox-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.small-custom-checkbox-wrapper .account-settings__input-wrapper {
    margin-right: 10px;
}

.small-custom-checkbox-wrapper a {
    color: #FC1A3B;
}

.small-custom-checkbox-wrapper.custom-checkbox-payment {
    margin-top: 25px;
    align-items: flex-start;
}

.small-custom-checkbox-wrapper.custom-checkbox-payment .account-settings__input-wrapper {
    margin-top: 2px;
}

.game-buy__agreement .account-settings__input-wrapper {
    margin-right: 5px;
}

.h1-legal-page {
    color: #FC1A3B;
    text-transform: uppercase;
}

.p-legal-page {
    max-width: 600px;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.link-legal-page {
    display: block;
    color: #FC1A3B;
    font-size: 20px;
    margin: 10px 0;
}

.link-legal-page:hover {
    color: #fc1a3b;
}

.wheel-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    background-image: radial-gradient(50% 50% at center, rgba(252, 26, 59, 0.5), rgba(0, 0, 0, 0));
}

.wheel {
    width: 700px;
    height: 700px;
}

.buttons-wheel-wrapper {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    left: 0;
    top: 0;
}

.button-open-wheel, .button-login-wheel, .button-timer-wheel {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background-color: #FC1A3B;
    font-size: 24px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s, opacity 0.8s;
}

.button-open-wheel.opacity-hidden {
    opacity: 0;
}

.button-open-wheel span, .button-login-wheel span {
    text-align: center;
}

.button-open-wheel:hover {
    background-color: #EC0623;
}

.prise-1 {
    animation: rotation-wheel-prise-1 8s ease-in-out forwards;
}

.prise-2 {
    animation: rotation-wheel-prise-2 8s ease-in-out forwards;
}

.prise-3 {
    animation: rotation-wheel-prise-3 8s ease-in-out forwards;
}

.prise-4 {
    animation: rotation-wheel-prise-4 8s ease-in-out forwards;
}

.prise-5 {
    animation: rotation-wheel-prise-5 8s ease-in-out forwards;
}

.prise-6 {
    animation: rotation-wheel-prise-6 8s ease-in-out forwards;
}

.prise-7 {
    animation: rotation-wheel-prise-7 8s ease-in-out forwards;
}

.prise-8 {
    animation: rotation-wheel-prise-8 8s ease-in-out forwards;
}

@keyframes rotation-wheel-prise-1 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1645deg);
    }

}

@keyframes rotation-wheel-prise-2 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1865deg);
    }

}

@keyframes rotation-wheel-prise-3 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1735deg);
    }

}

@keyframes rotation-wheel-prise-4 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1820deg);
    }

}

@keyframes rotation-wheel-prise-5 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1690deg);
    }

}

@keyframes rotation-wheel-prise-6 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1775deg);
    }

}

@keyframes rotation-wheel-prise-7 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1910deg);
    }

}

@keyframes rotation-wheel-prise-8 {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1600deg);
    }

}

.gold-header-link {
    color: #ffd700;
}

.gold-header-link:hover {
    color: #ffd700;
}

.wheel-composition {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-between;
}

.wheel-item {
    width: 270px;
    background-color: rgba(40, 40, 50, 0.7);
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
}

.wheel-item-title {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.title-wheel-composition {
    text-transform: uppercase;
    font-size: 23px;
    margin-top: 60px;
    letter-spacing: 2px;
}

.wheel-timer-block {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.wheel-timer {
    margin-top: 10px;
}

.window-mobile-prise-wheel {
    padding: 40px 30px;
    background-color: rgb(40, 40, 50);
    border-radius: 5px;
    max-width: 300px;
}

.prise-wheel-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
    color: #FC1A3B;
    font-weight: 700;
}

.img-prise-wheel-wrapper {
    display: none;
    justify-content: center;
}

.img-prise-wheel-wrapper.active {
    display: flex;
}

.prise-wheel-desc {
    font-size: 19px;
    text-align: center;
    margin-top: 20px;
    display: none;
}

.prise-wheel-desc.active {
    display: block;
}

.prise-wheel-clarification {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
    opacity: 0.7;
}

.game-advantage-review span {
    text-decoration: underline;
    -webkit-text-decoration-color: #FC1A3B;
    text-decoration-color: #FC1A3B;
    color: white;
    transition: all 0.2s;
}

.game-advantage-review span:hover {
    color: #FC1A3B;
}

#login-window .help-block {
    font-size: 12px;
}

.arrow-freebie {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.column-form-pay .form-group {
    margin: 0;
    width: 100%;
}

.subtitle-payment {
    font-size: 15px;
    border-bottom: 1px solid #FC1A3B;
    margin-top: 40px;
    margin-bottom: 10px;
}

.payment-window-promocode.email-input-payment {
    text-transform: none;
}

footer {
    margin-top: 120px;
}

footer .container-adaptive {
    position: relative;
}

footer .container-adaptive:after {
    position: absolute;
    content: '';
    top: -20px;
    left: 0;
    width: 100%;
    /* height: 1px;
    box-shadow: 0 0 5px 0 #FC1A3B;
    background-color: #FC1A3B; */
    height: var(--separator-thikness);
    border-radius: var(--separator-radius);
    box-shadow: var(--separator-shadow);
    background-color: var(--sous-color);
}

.footer-string-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.socials-footer-wrapper {
    display: flex;
    align-items: center;
}

.youtube-footer-wrapper, .vk-footer-wrapper {
    /* border: 1px solid grey; */
    border: 1px solid var(--main-bg-color);
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    background: var(--main-bg-transparent);
    transition: var(--transition-all);
    position: relative;
    color: white;
}

.youtube-footer-wrapper::before, .vk-footer-wrapper::before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    left: 9px;
    top: 9px;
}

.youtube-footer-wrapper::before {
    --ico: var(--youtube-ico);
}

.vk-footer-wrapper::before {
    --ico: var(--vk-ico);
}

.youtube-footer-wrapper:hover, .vk-footer-wrapper:hover {
    background: var(--main-bg-color);
    color: var(--sous-color);
}

.social-footer-img {
    width: 30px;
}

.footer-string-2  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-top: 50px;
    margin-bottom: 90px; */
    margin-top: var(--semibig-interval);
    margin-bottom: var(--semibig-interval);
    gap: 10px;
    align-items: center;
}

.footer-links-wrapper {
    display: flex;
    /* justify-content: space-between; */
    justify-content: space-around;
    /* width: 530px;
    margin-left: 120px; */
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 10px;
}

.footer-item-link {
    /* color: white; */
    color: var(--light-gray-color);
    display: block;
    /* font-size: 16px; */
    /* margin-bottom: 5px; */
    transition: color 0.2s;
}

.footer-item-link:hover {
    color: #FC1A3B;
}

.button-footer-support {
    margin-right: 20px;
    background-color: #191a1f;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;

    min-height: 40px;
    transition: all .3s;
    outline: 3px solid transparent;
}

.button-footer-support::after {
    content: '';
    width: 25px;
    height: 25px;
    --ico: var(--support-ico);
    color: white;
}

.button-footer-support:hover {
    outline: 3px solid var(--sous-color);
    background-color: var(--red-transparent);
}

.text-btn-support {
    color: white;
    margin-right: 5px;
    /* margin-right: 15px; */
    /* font-size: 13px; */
    font-size: 14px;
}

.footer-string-3 {
    display: flex;
    align-items: flex-start;
    align-items: center;
    flex-direction: column-reverse;
    margin-bottom: 20px;
    gap: var(--semibig-interval);
}

.footer-payment-item {
    margin-left: 30px;
}

.rdr2-pumping-title {
    margin-top: 50px;
}

.guarantee-item-content a {
    color: #FC1A3B;
    transition: color 0.2s;
}

.guarantee-item-content a:hover {
    color: white;
}

.footer-string-text {
    font-size: 12px;
    color: var(--gray-color);
    margin-bottom: var(--def-interval);
}

.footer-string-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
}

.pirat-text {
    max-width: 500px;
    opacity: 0.8;
    font-size: 13px;
}

.footer-pirat {
    width: 80px;
}

.footer-description {
    /* margin-right: 22px; */
    text-align: center;
}

.mini-wheel-link {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: block;
    z-index: 100;
}

.mini-wheel-link img {
    width: 100px;
}

.header-coin-ask {
    display: inline-block;
    position: relative;
    /* padding-left: 4px; */
    cursor: pointer;
    /* color: var(--sous-color); */
    font-weight: bold;
    padding: 0 5px;
    font-size: 18px;
    transition: var(--transition-all);
}

.header-coin-ask:hover {
    color: var(--sous-color);
}

.header-coin-ask:hover .header-coin-ask-window {
    display: block;
}

.header-coin-ask-window {
    position: absolute;
    /* top: 250%; */
    top: 160%;
    display: none;
    right: -25px;
    font-size: 14px;
    padding: 20px;
    width: 250px;
    border: 2px solid #FC1A3B;
    border-radius: 10px;
    background-color: #111111;
    z-index: 4;
    line-height: 1.4;
    font-weight: 400;
    box-shadow: 0 0 7px #fc1a3b inset;
    color: white !important;
}

.header-coin-ask-window:after {
    content: "";
    display: block;
    position: absolute;
    /* width: 30px; */
    height: 15px;
    /* border-bottom: 15px solid #FC1A3B;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0); */
    width: 14px;
    border-bottom: 7px solid #FC1A3B;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    top: -15px;
    /* right: 17px; */
    right: 25px;
}

.pumping-only-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

.pumping-only-link {
    border: 2px solid #8c8c8c;
    border-radius: 15px;
    color: white;
    text-decoration: none;
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 20px;
    letter-spacing: 2px;
    transition: all 0.2s;
}

.pumping-only-link:hover  {
    background-color: #FC1A3B;
}

.pumping-only-link:hover .pumping-only-level-image-block {
    background: url("../img/pumping/level-up-white-icon.svg");
    background-size: 100% 100%;
}

.pumping-only-link:hover .pumping-only-money-image-block {
    background: url("../img/pumping/money-up-white-icon.svg");
    background-size: 100% 100%;
}

.pumping-only-link:hover .pumping-only-link-price {
    color: white;
}

.pumping-only-link-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
}

.pumping-only-link-price {
    font-size: 19px;
    transition: color 0.2s;
    text-align: center;
    color: #FC1A3B;
    margin-top: 10px;
}

.pumping-only-level-image-block, .pumping-only-money-image-block {
    width: 53px;
    height: 83px;
    flex-shrink: 0;
    margin-right: 30px;
}

.pumping-only-level-image-block {
    background: url("../img/pumping/level-up-icon.svg");
    background-size: 100% 100%;
}

.pumping-only-money-image-block {
    background: url("../img/pumping/money-up-icon.svg");
    background-size: 100% 100%;
}

.pumping-single__buy-form-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}

.pumping-single__buy {
    width: 180px;
    margin-right: 20px;
    flex-shrink: 0;
}

.pumping-single__vk {
    flex-grow: 1;
}

.pumping-single__vk .help-block {
    text-align: center;
}

.pumping-single__item-price {
    font-style: italic;
    font-weight: 700;
    font-size: 50px;
}

.pumping-single__item-price.currency-unicode-block span {
    font-style: normal;
}

.pumping-vk-warning {
    color: #FC1A3B;
    text-align: center;
    font-weight: 700;
}

.pumping-single__buy-desc-title {
    font-size: 25px;
    font-style: italic;
    margin-top: 30px;
    font-weight: 700;
}

.pumping-single-image-mobile {
    display: none;
}

.stage-buy-unlogin-title {
    text-align: center;
    font-size: 50px;
    margin-bottom: 30px;
}

.stage-buy-unlogin-grey-block {
    background-color: #18181d;
    border-radius: 33px;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stage-buy-unlogin-progress {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.stage-buy-unlogin-progress-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stage-buy-unlogin-progress-line {
    width: 80px;
    background-color: white;
    height: 3px;
    border-radius: 1px;
    margin: 9px 20px 0 20px;
}

.stage-buy-unlogin-progress-round {
    margin-bottom: 15px;
    border: 2px solid white;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stage-buy-unlogin-progress-title {
    text-transform: uppercase;
    color: #FC1A3B;
    letter-spacing: 1px;
    font-size: 12px;
}

.stage-buy-unlogin-progress-item.active .stage-buy-unlogin-progress-round {
    background-color: #FC1A3B;
    color: #FC1A3B;
}

.buy-unlogin-address-title {
    font-weight: 700;
    font-size: 29px;
    letter-spacing: 3px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.buy-unlogin-address-title span {
    color: #FC1A3B;
}

.buy-unlogin-email {
    width: 100%;
    max-width: 530px;
    display: block;
    font-size: 30px;
    background-color: transparent;
    border: 3px solid white;
    text-align: center;
    padding: 5px 0;
    border-radius: 30px;
}

.btn-next-stage-buy-unlogin {
    background-color: #FC1A3B;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 40px;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
    cursor: pointer;
    transition: var(--transition-all);
}

.btn-next-stage-buy-unlogin:hover {
    scale: 1.05;
}

.unlogin-buy-auth-block {
    width: 100%;
    /* border-top: 3px solid white; */
    border-top: var(--separator-border);
    text-align: center;
    padding: 30px 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.unlogin-buy-auth-block span {
    color: #FC1A3B;
    cursor: pointer;
}

.stage-buy-unlogin-grey-blocks {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.stage-buy-unlogin-grey-blocks .stage-buy-unlogin-grey-block {
    padding: 30px;
    width: 49%;
}

.second-stage-buy-unlogin .column-ways-payment {
    align-self: flex-start;
}

.buy-unlogin-payments-title {
    font-size: 35px;
    align-self: flex-start;
    margin: 35px 0;
}

.buy-unlogin-payments-title span {
    color: #FC1A3B;
}

.buy-unlogin-second-stage-title {
    font-size: 35px;
    align-self: flex-start;
    font-weight: 700;
}

.buy-unlogin-second-stage-title span {
    color: #FC1A3B;
}

.buy-unlogin-game {
    align-self: flex-start;
    margin-top: 35px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.buy-unlogin-game-image-wrapper {
    position: relative;
    margin-right: 10px;
    flex-shrink: 0;
}

.buy-unlogin-game-image-wrapper:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    position: absolute;
    background-image: linear-gradient(to top, #18181d, transparent);
}

.buy-unlogin-game-image-wrapper img {
    width: 150px;
    border-radius: var(--radius);
}

.buy-unlogin-game-name {
    font-size: 18px;
    font-weight: 700;
}

.buy-unlogin-game-genre {
    font-size: 19px;
    font-weight: 700;
    margin-top: 20px;
}

.buy-unlogin-game-genre span {
    color: #FC1A3B;
}

.buy-unlogin-price {
    align-self: flex-start;
    font-weight: 700;
    margin-top: 20px;
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.buy-unlogin-price-value {
    margin-left: 45px;
    font-size: 57px;
    font-weight: 900;
}

.buy-unlogin-price-value span {
    font-style: italic;
}

.submit-buy-unlogin {
    background-color: #FC1A3B;
    outline: none;
    border: none;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 15px;
    padding: 5px 50px;
    margin-top: 20px;
    color: white;
    cursor: pointer;
    transition: var(--transition-all);
}

.submit-buy-unlogin:hover {
    scale: 1.05;
}

.submit-accept-minsumm{
    background-color: #FC1A3B;
    outline: none;
    border: none;
    font-size: 20px;
    font-weight: 700;
    border-radius: 15px;
    padding: 5px 25px;
    margin-top: 20px;
    color: white;
}

.buy-unlogin-success-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px;
}

.btn-get-buy-unlogin {
    border-radius: 50px;
    background-color: #FC1A3B;
    padding: 10px 30px;
    font-size: 30px;
    cursor: pointer;
    margin-bottom: 40px;
}

.buy-unlogin-email-success {
    text-align: center;
}

.buy-unlogin-lk-text {
    text-align: center;
}

.buy-unlogin-lk-text span {
    cursor: pointer;
    color: #FC1A3B;
}

.buy-unlogin-lk {
    border-top: 3px solid white;
    width: 100%;
    font-size: 17px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.buy-unlogin-email-success {
    margin-bottom: 15px;
}

.buy-buytimer-text{
    display: flex;
    justify-content: center;
    font-size: 28px;
    padding: 10px;
}
.no-active-button{
    display: flex;
    color: white;
    justify-content: center;
}

.index-roulette-banner {
    position: absolute;
    right: calc(100% + 100px);
    top: 70px;
    width: 560px;
    overflow: hidden;
    backdrop-filter: blur(3px);
    border-radius: 20px;
    border: 2px solid #FC1A3B;
    box-shadow: 0 0 15px 0 #FC1A3B;
    display: block;
    max-width: 40vw;
}

.roulette-page-line-contacts {
    text-transform: uppercase;
    display: flex;
    /*margin-top: 0px;*/
    justify-content: space-around;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    padding: 0px;
    margin-bottom: 40px;
}
.roulette-page-line-contacts a{
    margin: 0px 10px;
    text-align: center;
}
.roulette-button-vk {
    background-color: #FC1A3B;
    padding: 15px 30px;
    border-radius: 15px;
    cursor: pointer;
    display: block;
    color: white;
}

.roulette-button-mail {
    border-bottom: 4px solid #FC1A3B;
    padding: 15px 0;
    cursor: pointer;
    display: block;
    color: white;
}

@keyframes animation-roulette {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }

}

@keyframes animation-roulette-subtitle {

    0% {
        transform: scale(1);
        text-shadow: 0 0 15px #fd1638d0;
    }

    50% {
        transform: scale(0.95);
        text-shadow: 0 0 10px #fd1638d0;
    }

    100% {
        transform: scale(0.9);
        text-shadow: 0 0 5px #fd1638d0;
    }

}

.index-roulette-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-35%) translateY(-40%);
    width: 320px;
}

.index-roulette-banner__title {
    font-size: 48px;
    color: #1f0c1c;
    font-weight: 700;
    text-shadow: -2px 0 2px #d01431, 0 -2px 2px #d01431, 2px 0 2px #d01431, 0 2px 2px #d01431;
}

.index-roulette-banner__subtitle {
    color: #fd1638;
    font-size: 30px;
    font-weight: 700;
    margin-top: 15px;
    text-shadow: 0 0 10px #fd1638, 0 0 15px #fd1638;
    animation: animation-roulette-subtitle 1s infinite linear alternate;
}

.index-roulette-banner__text-content {
    padding: 40px 5px;
    background-color: rgba(7, 11, 25, 0.45);
    text-align: center;
    text-transform: uppercase;
}

.index-roulette-banner__image img {
    width: 100%;
    animation: animation-roulette 10s infinite linear;
}


.payment {
    display: flex;
    justify-content: center;
    --image-width: 245px;
}

.payment__window {
    width: 100%;
    max-width: 800px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background-color: #131315;
    border-radius: 20px;
    overflow: hidden;
}

.payment__image {
    flex-shrink: 0;
    width: var(--image-width);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.payment__text {
    flex-grow: 1;
    padding: 25px;
    max-width: calc(100% - var(--image-width));
}

.payment__title {
    font-size: 18px;
    border-bottom: 2px solid #FC1A3B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
}

.payment__title span {
    color: #FC1A3B;
}

.payment__data {
    --space-between: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: calc((var(--space-between) / 2) * (-1));
    margin-right: calc((var(--space-between) / 2) * (-1));
    margin-bottom: 12px;
}

.payment__field {
    width: calc(100% / 2 - var(--space-between));
    margin-left: calc(var(--space-between) / 2);
    margin-right: calc(var(--space-between) / 2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 2px solid #FC1A3B;
    border-radius: 50px;
    padding: 5px 18px;
}

.payment__field.payment__field_big {
    width: calc(100% / 1 - var(--space-between));
}

.payment__field-button {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 auto;
}

.payment__field-button.ico {
    --ico: var(--copy-ico);
    width: 25px;
}

.payment__field input {
    outline: none;
    background-color: transparent;
    border: none;
    flex-grow: 1;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    width: 0;
}

.payment__field-title {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.payment__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.payment__info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    border: 1px solid #393940;
    border-radius: 20px;
    padding: 5px 30px 5px 8px;
}

.payment__info-item + .payment__info-item {
    margin-left: 20px;
}

.payment__price {
    color: #FC1A3B;
}

.payment__nickname {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.payment .info-game-rows {
    padding-left: 15px;
    height: auto;
}
#form_payment__purchasepage{
    width: 100%;
    display: flex;
    flex-direction: column;
}