* {
    scrollbar-width: thin;
    scrollbar-color:  rgba(0,0,0,0.2) rgba(0,0,0,0.0);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background-color:rgba(255,255,255,0);
    outline:none;
}
*::scrollbar-thumb {
    background-color:rgba(0,0,0,0.2);
    border-radius: 20px;
    border:none;
}

*::-webkit-scrollbar {
    width: 4px;
    height:4px;
    background-color:rgba(255,255,255,0);
}

*::-webkit-scrollbar-track {
    background:rgba(0,0,0,0.0);
}

*::-webkit-scrollbar-thumb {
    background-color:rgba(0,0,0,0.2);
    border-radius: 20px;
    border:none;
}

@font-face {
    font-family: 'BastionX';
    src: url('https://s.may9.ru/local/templates/main/fonts/BastionX.eot');
    src: url('https://s.may9.ru/local/templates/main/fonts/BastionX.eot?#iefix') format('embedded-opentype'),
    url('https://s.may9.ru/local/templates/main/fonts/BastionX.woff2') format('woff2'),
    url('https://s.may9.ru/local/templates/main/fonts/BastionX.woff') format('woff'),
    url('https://s.may9.ru/local/templates/main/fonts/BastionX.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HeliosC';
    src: url('https://s.may9.ru/local/templates/main/fonts/HeliosC.eot');
    src: url('https://s.may9.ru/local/templates/main/fonts/HeliosC.eot?#iefix') format('embedded-opentype'),
    url('https://s.may9.ru/local/templates/main/fonts/HeliosC.woff2') format('woff2'),
    url('https://s.may9.ru/local/templates/main/fonts/HeliosC.woff') format('woff'),
    url('https://s.may9.ru/local/templates/main/fonts/HeliosC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glyphter';
    src: url('https://s.may9.ru/local/templates/main/fonts/Glyphter.eot');
    src: url('https://s.may9.ru/local/templates/main/fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
    url('https://s.may9.ru/local/templates/main/fonts/Glyphter.woff') format('woff'),
    url('https://s.may9.ru/local/templates/main/fonts/Glyphter.ttf') format('truetype'),
    url('https://s.may9.ru/local/templates/main/fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-'] {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
[class*='icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.icon-arrow-left:before{content:'\0041'; margin-left: -2px; margin-right: 2px;}
.icon-arrow-right:before{content:'\0042'; margin-right: -2px; margin-left: 2px;}
.icon-calendar {line-height: 16px; height: 16px;}
.icon-calendar:before{content:'\0043';line-height: 14px;}
.icon-close:before{content:'\0044';}
.icon-menu:before{content:'\0045';}
.icon-play:before{content:'\0047';}
.icon-sound {position: relative;}
.icon-sound:before{content:'\0048';}
.icon-sound.muted {opacity: 0.6}
.icon-sound.muted:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 13px;
    left: 1px;
    width: 25px;
    height: 2px;
    background: #222;
    transform: rotate(45deg);
}

/*
.icon-tel:before{content:'\0049';text-indent: -2px;}
.icon-vk:before{content:'\004a';}
.icon-ok:before{content:'\0046';}
*/

.icon-tel:before{
    content:' ';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjVweCIgaGVpZ2h0PSI1NC44MzNweCIgdmlld0JveD0iMCAwIDY1IDU0LjgzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjUgNTQuODMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zOS4xNDQsOS4yMjRjLTUuNjQsMi4zNDYtMTYuOTExLDcuMjAxLTMzLjgxNSwxNC41NjZjLTIuNzQ1LDEuMDkyLTQuMTgzLDIuMTU5LTQuMzE0LDMuMjA0DQoJYy0wLjIyMSwxLjc2NSwxLjk4OSwyLjQ1OSw0Ljk5OCwzLjQwNmMwLjQwOSwwLjEyOSwwLjgzMywwLjI2MiwxLjI2OCwwLjQwM2MyLjk2MSwwLjk2Miw2Ljk0MywyLjA4OCw5LjAxMywyLjEzMw0KCWMxLjg3OCwwLjA0MSwzLjk3NC0wLjczNCw2LjI4OC0yLjMyM2MxNS43OTMtMTAuNjYxLDIzLjk0Ni0xNi4wNSwyNC40NTgtMTYuMTY2YzAuMzYxLTAuMDgyLDAuODYxLTAuMTg1LDEuMjAxLDAuMTE2DQoJYzAuMzM5LDAuMzAxLDAuMzA2LDAuODcyLDAuMjcsMS4wMjVjLTAuMjE5LDAuOTMzLTguODkzLDguOTk4LTEzLjM4MiwxMy4xNzFjLTEuMzk5LDEuMzAxLTIuMzkyLDIuMjI0LTIuNTk1LDIuNDM1DQoJYy0wLjQ1NSwwLjQ3Mi0wLjkxOCwwLjkxOS0xLjM2MywxLjM0OGMtMi43NSwyLjY1MS00LjgxMyw0LjY0LDAuMTE0LDcuODg3YzIuMzY4LDEuNTYsNC4yNjMsMi44NTEsNi4xNTMsNC4xMzgNCgljMi4wNjQsMS40MDYsNC4xMjMsMi44MDgsNi43ODcsNC41NTRjMC42NzksMC40NDUsMS4zMjcsMC45MDcsMS45NTgsMS4zNTdjMi40MDIsMS43MTMsNC41NjEsMy4yNTEsNy4yMjcsMy4wMDYNCgljMS41NS0wLjE0MywzLjE1LTEuNiwzLjk2My01Ljk0NWMxLjkyMS0xMC4yNjksNS42OTctMzIuNTE5LDYuNTctNDEuNjg3YzAuMDc2LTAuODAzLTAuMDItMS44MzEtMC4wOTctMi4yODMNCgljLTAuMDc3LTAuNDUxLTAuMjM5LTEuMDk0LTAuODI1LTEuNTdjLTAuNjk1LTAuNTY0LTEuNzY3LTAuNjgzLTIuMjQ3LTAuNjc1QzU4LjU5MywxLjM2Myw1NS4yNDcsMi41MjYsMzkuMTQ0LDkuMjI0eiIvPg0KPC9zdmc+DQo=");

    height: 18px; background-position: center center; background-repeat: no-repeat; background-size: contain;
}
.icon-vk:before{
    content:' ';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOThweCIgaGVpZ2h0PSI2Mi4zMzNweCIgdmlld0JveD0iMCAwIDk4IDYyLjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTggNjIuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01My40OTYsNjAuODcxYy0zMi42NDMsMC01MS4yNjItMjIuMzc5LTUyLjAzOC01OS42MTdIMTcuODFjMC41MzcsMjcuMzMyLDEyLjU5MSwzOC45MDksMjIuMTQsNDEuMjk2VjEuMjU0DQoJaDE1LjM5N3YyMy41NzJDNjQuNzc1LDIzLjgxMiw3NC42OCwxMy4wNyw3OC4wMjIsMS4yNTRoMTUuMzk3Yy0yLjU2NiwxNC41NjEtMTMuMzA4LDI1LjMwMy0yMC45NDYsMjkuNzE5DQoJQzgwLjExMSwzNC41NTQsOTIuMzQ2LDQzLjkyMyw5Nyw2MC44NzFIODAuMDUyYy0zLjY0LTExLjMzOS0xMi43MS0yMC4xMTEtMjQuNzA1LTIxLjMwNXYyMS4zMDVINTMuNDk2eiIvPg0KPC9zdmc+DQo=");
    height: 18px; background-position: center center; background-repeat: no-repeat; background-size: contain;
}
.icon-ok:before{
    content:' ';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMwLjE0M3B4IiBoZWlnaHQ9IjE4OS43NjJweCIgdmlld0JveD0iMCAwIDEzMC4xNDMgMTg5Ljc2MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMwLjE0MyAxODkuNzYyIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05Ny4yNCw3OS45NTdjLTguMzQ1LDguMzQ1LTE5LjksMTMuNDgxLTMyLjczOCwxMy40ODFzLTI0LjM5My01LjEzNS0zMi43MzgtMTMuNDgxDQoJYy04LjM0NS04LjM0NS0xMy40ODEtMTkuOS0xMy40ODEtMzIuNzM4czUuMTM1LTI0LjM5MywxMy40ODEtMzIuNzM4QzQwLjEwOSw2LjEzNiw1MS42NjQsMSw2NC41MDIsMVM4OC44OTUsNi4xMzUsOTcuMjQsMTQuNDgxDQoJczEzLjQ4MSwxOS45LDEzLjQ4MSwzMi43MzhTMTA1LjU4Niw3MS42MTIsOTcuMjQsNzkuOTU3eiBNNjQuNTAyLDI2LjM1NmMtNS43NzcsMC0xMS4wNzMsMi40MDctMTQuNzY0LDYuMDk4DQoJYy0zLjg1MiwzLjg1Mi02LjA5OCw4Ljk4Ny02LjA5OCwxNC43NjRzMi40MDcsMTEuMDczLDYuMDk4LDE0Ljc2NGMzLjg1MiwzLjg1Miw4Ljk4Nyw2LjA5OCwxNC43NjQsNi4wOThzMTEuMDczLTIuNDA3LDE0Ljc2NC02LjA5OA0KCWMzLjg1Mi0zLjg1Miw2LjA5OC04Ljk4Nyw2LjA5OC0xNC43NjRzLTIuNDA3LTExLjA3My02LjA5OC0xNC43NjRDNzUuNTc1LDI4LjYwMyw3MC4yNzksMjYuMzU2LDY0LjUwMiwyNi4zNTZ6IE0xMTMuMTI4LDkzLjc1OQ0KCWwxMy40ODEsMTguNDU2YzAuNjQyLDAuOTYzLDAuNDgxLDIuMjQ3LTAuMzIxLDIuODg5Yy0xMS4zOTQsOS4zMDgtMjQuNzE0LDE1LjU2Ny0zOC41MTYsMTguNzc2bDI2LjE1OSw1MC4zOTINCgljMC44MDIsMS40NDQtMC4zMjEsMy4yMS0xLjkyNiwzLjIxSDg0LjA4MWMtMC44MDIsMC0xLjYwNS0wLjQ4MS0xLjkyNi0xLjI4NGwtMTcuNjUzLTQxLjU2NUw0Ni44NSwxODYuMTk3DQoJYy0wLjMyMSwwLjgwMi0xLjEyMywxLjI4NC0xLjkyNiwxLjI4NEgxNi44NGMtMS42MDUsMC0yLjcyOC0xLjc2NS0xLjkyNi0zLjIxbDI2LjMxOS01MC4zOTINCgljLTEzLjgwMi0zLjIxLTI3LjEyMi05LjQ2OS0zOC41MTYtMTguNzc2Yy0wLjgwMi0wLjY0Mi0wLjk2My0xLjkyNi0wLjMyMS0yLjg4OWwxMy42NDEtMTguNDU2YzAuODAyLTAuOTYzLDIuMjQ3LTEuMTIzLDMuMjEtMC4zMjENCgljMTIuODM5LDEwLjkxMywyOC41NjYsMTcuOTc0LDQ1LjQxNywxNy45NzRzMzIuNTc4LTcuMDYxLDQ1LjQxNy0xNy45NzRjMC44MDItMC45NjMsMi4yNDctMC44MDIsMy4wNDksMC4zMjFIMTEzLjEyOHoiLz4NCjwvc3ZnPg0K");
    height: 18px; background-position: center center; background-repeat: no-repeat; background-size: contain;
}

.icon-rut:before{
    content:' ';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTJfMTcyMTgpIj48cGF0aCBkPSJNMTUuMzk5NiAxMi4wNjk5SDguMTcyNDNWOS4yMTAwNEgxNS4zOTk2QzE1LjgyMTggOS4yMTAwNCAxNi4xMTUzIDkuMjgzNjIgMTYuMjYyNiA5LjQxMjEyQzE2LjQwOTkgOS41NDA2MiAxNi41MDEyIDkuNzc4OTQgMTYuNTAxMiAxMC4xMjcxVjExLjE1NEMxNi41MDEyIDExLjUyMDggMTYuNDA5OSAxMS43NTkxIDE2LjI2MjYgMTEuODg3NkMxNi4xMTUzIDEyLjAxNjEgMTUuODIxOCAxMi4wNzEgMTUuMzk5NiAxMi4wNzFWMTIuMDY5OVpNMTUuODk1NCA2LjUxMzc5SDUuMTA3NDJWMTguNzQ0MUg4LjE3MjQzVjE0Ljc2NTFIMTMuODIwOUwxNi41MDEyIDE4Ljc0NDFIMTkuOTMzNEwxNi45NzgzIDE0Ljc0NjRDMTguMDY3OCAxNC41ODUgMTguNTU3IDE0LjI1MTEgMTguOTYwNCAxMy43MDA5QzE5LjM2MzkgMTMuMTUwNiAxOS41NjYyIDEyLjI3MDkgMTkuNTY2MiAxMS4wOTY5VjEwLjE3OThDMTkuNTY2MiA5LjQ4MzUxIDE5LjQ5MjUgOC45MzMyOCAxOS4zNjM5IDguNTExNTRDMTkuMjM1MyA4LjA4OTgxIDE5LjAxNTQgNy43MjI5OSAxOC43MDMyIDcuMzkzNTFDMTguMzczNCA3LjA4MTYgMTguMDA2MiA2Ljg2MTk0IDE3LjU2NTMgNi43MTQ3OEMxNy4xMjQ1IDYuNTg2MjggMTYuNTczNyA2LjUxMjcgMTUuODk1NCA2LjUxMjdWNi41MTM3OVoiIGZpbGw9IndoaXRlIj48L3BhdGg+PHBhdGggZD0iTTM2Ljk4NDMgMC4zOTY2OTNDMzYuOTg0MyA3LjE1MTkxIDMxLjUwODEgMTIuNjI4MSAyNC43NTI5IDEyLjYyODFDMjMuMzc5NSAxMi42MjgxIDIyLjA1ODkgMTIuNDAxNyAyMC44MjY1IDExLjk4NDNDMjAuODUyOSAxMS42OTM2IDIwLjg2NDUgMTEuMzk2NSAyMC44NjQ1IDExLjA5NjZWMTAuMTc5NUMyMC44NjQ1IDkuNDAwODUgMjAuNzgzMiA4LjcxNDQ4IDIwLjYwNTggOC4xMzI3OUMyMC40MTQ1IDcuNTA1NTEgMjAuMDg2MyA2Ljk2NTY2IDE5LjY0NTkgNi41MDA4OUwxOS42MjE1IDYuNDc1MDlMMTkuNTk1NyA2LjQ1MDY3QzE5LjEyNjQgNi4wMDY4NSAxOC41OTQ1IDUuNjkwMDEgMTcuOTc3MiA1LjQ4Mzk2TDE3Ljk1MzUgNS40NzYwM0wxNy45Mjk1IDUuNDY5MDNDMTcuMzQxOSA1LjI5Nzc4IDE2LjY2MzYgNS4yMTUxMiAxNS44OTY1IDUuMjE1MTJIMTQuNTk5MlY1LjIxNjIySDEzLjUwNzZDMTIuODcyOSAzLjczNzI5IDEyLjUyMTUgMi4xMDgwNCAxMi41MjE1IDAuMzk2NjkzQzEyLjUyMTUgLTYuMzU4NTMgMTcuOTk3NyAtMTEuODM0NyAyNC43NTI5IC0xMS44MzQ3QzMxLjUwODEgLTExLjgzNDcgMzYuOTg0MyAtNi4zNTg1MyAzNi45ODQzIDAuMzk2NjkzWiIgZmlsbD0id2hpdGUiPjwvcGF0aD48L2c+PHJlY3QgeD0iMC40NzQ4NDYiIHk9IjAuNTgyNTEyIiB3aWR0aD0iMjQuMDkxMiIgaGVpZ2h0PSIyNC4wOTEyIiByeD0iNS43NjQ2MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjM3MTU2NyI+PC9yZWN0PjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTJfMTcyMTgiPjxyZWN0IHg9IjAuMjg5MDYyIiB5PSIwLjM5NjcyOSIgd2lkdGg9IjI0LjQ2MjgiIGhlaWdodD0iMjQuNDYyOCIgcng9IjUuOTUwNDEiIGZpbGw9IndoaXRlIj48L3JlY3Q+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
    height: 18px; background-position: center center; background-repeat: no-repeat; background-size: contain;
}

.icon-book {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzNyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjMzMzMgMzEuMTUyOEMxOC4xMzg5IDMxLjE1MjggMTcuOTU4MyAzMS4xMzE5IDE3Ljc5MTcgMzEuMDkwM0MxNy42MjUgMzEuMDQ4NiAxNy40NzIyIDMwLjk3MjIgMTcuMzMzMyAzMC44NjExQzE2LjExMTEgMzAuMDU1NiAxNC44MTI1IDI5LjQyMzYgMTMuNDM3NSAyOC45NjUzQzEyLjA2MjUgMjguNTA2OSAxMC42Mzg5IDI4LjI3NzggOS4xNjY2NyAyOC4yNzc4QzggMjguMjc3OCA2Ljg1NDE3IDI4LjQzMDYgNS43MjkxNyAyOC43MzYxQzQuNjA0MTcgMjkuMDQxNyAzLjUyNzc4IDI5LjQ3MjIgMi41IDMwLjAyNzhDMS45MTY2NyAzMC4zMzMzIDEuMzU0MTcgMzAuMzE5NCAwLjgxMjUgMjkuOTg2MUMwLjI3MDgzMyAyOS42NTI4IDAgMjkuMTY2NyAwIDI4LjUyNzhWOC40NDQ0NEMwIDguMTM4ODkgMC4wNzYzODg5IDcuODQ3MjIgMC4yMjkxNjcgNy41Njk0NEMwLjM4MTk0NCA3LjI5MTY3IDAuNjExMTExIDcuMDgzMzMgMC45MTY2NjcgNi45NDQ0NEMyLjE5NDQ0IDYuMjc3NzggMy41Mjc3OCA1Ljc3Nzc4IDQuOTE2NjcgNS40NDQ0NEM2LjMwNTU2IDUuMTExMTEgNy43MjIyMiA0Ljk0NDQ0IDkuMTY2NjcgNC45NDQ0NEMxMC43Nzc4IDQuOTQ0NDQgMTIuMzU0MiA1LjE1Mjc4IDEzLjg5NTggNS41Njk0NEMxNS40Mzc1IDUuOTg2MTEgMTYuOTE2NyA2LjYxMTExIDE4LjMzMzMgNy40NDQ0NFYyOC41Mjc4QzE5Ljc1IDI3LjYxMTEgMjEuMjM2MSAyNi45MjM2IDIyLjc5MTcgMjYuNDY1M0MyNC4zNDcyIDI2LjAwNjkgMjUuOTE2NyAyNS43Nzc4IDI3LjUgMjUuNzc3OEMyOC41IDI1Ljc3NzggMjkuNTkwMyAyNS44NzUgMzAuNzcwOCAyNi4wNjk0QzMxLjk1MTQgMjYuMjYzOSAzMy4wODMzIDI2LjY2NjcgMzQuMTY2NyAyNy4yNzc4VjYuMjM2MTFDMzQuNDQ0NCA2LjM0NzIyIDM0LjcxNTMgNi40NTgzMyAzNC45NzkyIDYuNTY5NDRDMzUuMjQzMSA2LjY4MDU2IDM1LjUgNi44MDU1NiAzNS43NSA2Ljk0NDQ0QzM2LjAyNzggNy4xMTExMSAzNi4yNSA3LjMyNjM5IDM2LjQxNjcgNy41OTAyOEMzNi41ODMzIDcuODU0MTcgMzYuNjY2NyA4LjEzODg5IDM2LjY2NjcgOC40NDQ0NFYyOC41Mjc4QzM2LjY2NjcgMjkuMTY2NyAzNi4zOTU4IDI5LjY1MjggMzUuODU0MiAyOS45ODYxQzM1LjMxMjUgMzAuMzE5NCAzNC43NSAzMC4zMzMzIDM0LjE2NjcgMzAuMDI3OEMzMy4xMzg5IDI5LjQ3MjIgMzIuMDYyNSAyOS4wNDE3IDMwLjkzNzUgMjguNzM2MUMyOS44MTI1IDI4LjQzMDYgMjguNjY2NyAyOC4yNzc4IDI3LjUgMjguMjc3OEMyNi4wMjc4IDI4LjI3NzggMjQuNjA0MiAyOC41MDY5IDIzLjIyOTIgMjguOTY1M0MyMS44NTQyIDI5LjQyMzYgMjAuNTU1NiAzMC4wNTU2IDE5LjMzMzMgMzAuODYxMUMxOS4xOTQ0IDMwLjk3MjIgMTkuMDQxNyAzMS4wNDg2IDE4Ljg3NSAzMS4wOTAzQzE4LjcwODMgMzEuMTMxOSAxOC41Mjc4IDMxLjE1MjggMTguMzMzMyAzMS4xNTI4Wk0yMS44NzUgMjMuNzM2MUMyMS42NTI4IDIzLjkwMjggMjEuNDIzNiAyMy45Mzc1IDIxLjE4NzUgMjMuODQwM0MyMC45NTE0IDIzLjc0MzEgMjAuODMzMyAyMy41NTU2IDIwLjgzMzMgMjMuMjc3OFYxMC4xOTQ0QzIwLjgzMzMgMTAuMTExMSAyMC44NDcyIDEwLjAzNDcgMjAuODc1IDkuOTY1MjhDMjAuOTAyOCA5Ljg5NTgzIDIwLjk0NDQgOS44MzMzMyAyMSA5Ljc3Nzc4TDMwLjU4MzMgMC4xOTQ0NDRDMzAuNzc3OCAwIDMxLjAwNjkgLTAuMDQ4NjExMSAzMS4yNzA4IDAuMDQ4NjExMUMzMS41MzQ3IDAuMTQ1ODMzIDMxLjY2NjcgMC4zMzMzMzMgMzEuNjY2NyAwLjYxMTExMVYxNC45NDQ0QzMxLjY2NjcgMTUuMDI3OCAzMS42NDU4IDE1LjExMTEgMzEuNjA0MiAxNS4xOTQ0QzMxLjU2MjUgMTUuMjc3OCAzMS41MTM5IDE1LjM0NzIgMzEuNDU4MyAxNS40MDI4TDIxLjg3NSAyMy43MzYxWiIgZmlsbD0iIzIyMjIyMiIvPgo8L3N2Zz4K")
}

.icon-star-red {
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTM1NzEgMTAuMTE5MkwyLjgzNTcxIDExLjk4NTlDMi43NDY4MyAxMi4wNDE1IDIuNjUyMzggMTIuMDY2NSAyLjU1MjM4IDEyLjA2MDlDMi40NTIzOCAxMi4wNTU0IDIuMzYzNDkgMTIuMDI0OCAyLjI4NTcxIDExLjk2OTJDMi4yMDc5NCAxMS45MTM3IDIuMTQ5NiAxMS44NDE1IDIuMTEwNzEgMTEuNzUyNkMyLjA3MTgzIDExLjY2MzcgMi4wNjM0OSAxMS41NjM3IDIuMDg1NzEgMTEuNDUyNkwyLjkwMjM4IDcuOTE5MjRMMC4xNjkwNDggNS41MzU5MUMwLjA4MDE1ODcgNS40NTgxMyAwLjAyNzM4MSA1LjM3MjAyIDAuMDEwNzE0MyA1LjI3NzU3Qy0wLjAwNTk1MjM4IDUuMTgzMTMgLTAuMDAzMTc0NiA1LjA5MTQ2IDAuMDE5MDQ3NiA1LjAwMjU3QzAuMDQxMjY5OCA0LjkxMzY4IDAuMDkxMjY5OSA0LjgzODY4IDAuMTY5MDQ4IDQuNzc3NTdDMC4yNDY4MjUgNC43MTY0NiAwLjM0MTI3IDQuNjgwMzUgMC40NTIzODEgNC42NjkyNEw0LjA2OTA1IDQuMzUyNTdMNS40NjkwNSAxLjAxOTI0QzUuNTEzNDkgMC45MTkyMzggNS41ODAxNiAwLjg0NDIzOCA1LjY2OTA1IDAuNzk0MjM4QzUuNzU3OTQgMC43NDQyMzggNS44NDY4MyAwLjcxOTIzOCA1LjkzNTcxIDAuNzE5MjM4QzYuMDI0NiAwLjcxOTIzOCA2LjExMzQ5IDAuNzQ0MjM4IDYuMjAyMzggMC43OTQyMzhDNi4yOTEyNyAwLjg0NDIzOCA2LjM1Nzk0IDAuOTE5MjM4IDYuNDAyMzggMS4wMTkyNEw3LjgwMjM4IDQuMzUyNTdMMTEuNDE5IDQuNjY5MjRDMTEuNTMwMiA0LjY4MDM1IDExLjYyNDYgNC43MTY0NiAxMS43MDI0IDQuNzc3NTdDMTEuNzgwMiA0LjgzODY4IDExLjgzMDIgNC45MTM2OCAxMS44NTI0IDUuMDAyNTdDMTEuODc0NiA1LjA5MTQ2IDExLjg3NzQgNS4xODMxMyAxMS44NjA3IDUuMjc3NTdDMTEuODQ0IDUuMzcyMDIgMTEuNzkxMyA1LjQ1ODEzIDExLjcwMjQgNS41MzU5MUw4Ljk2OTA1IDcuOTE5MjRMOS43ODU3MSAxMS40NTI2QzkuODA3OTQgMTEuNTYzNyA5Ljc5OTYgMTEuNjYzNyA5Ljc2MDcxIDExLjc1MjZDOS43MjE4MyAxMS44NDE1IDkuNjYzNDkgMTEuOTEzNyA5LjU4NTcxIDExLjk2OTJDOS41MDc5NCAxMi4wMjQ4IDkuNDE5MDUgMTIuMDU1NCA5LjMxOTA1IDEyLjA2MDlDOS4yMTkwNSAxMi4wNjY1IDkuMTI0NiAxMi4wNDE1IDkuMDM1NzEgMTEuOTg1OUw1LjkzNTcxIDEwLjExOTJaIiBmaWxsPSIjRTMwNjEzIi8+Cjwvc3ZnPgo=);
}


.icon-zoom:before{content:'\004b';}
.icon-logo:before{content:'\004c';}
.icon-medal:before{content:'\004d';}
.icon-pause:before{content:'\004e';}
.icon-star:before{content:'\004f';}
.icon-picture:before{content:'\0050';}
.icon-arrow2-left:before{content:'\0051';}
.icon-arrow2-right:before{content:'\0052';}
.icon-account:before{content:'\0053';}
.icon-plus:before{content:'\0054';}
.icon-home:before{content:'\0055';}
.icon-download:before{content:'\0056';}
.icon-upload:before{content:'\0057';}
.icon-help:before{content:'\0058';}

.icon-media-prev {
    background: url(https://s.may9.ru/local/templates/main/img/icons/icon-media-prev.svg) center center no-repeat;
    height: 18px;
    width: 18px;
}
.icon-media-next {
    background: url(https://s.may9.ru/local/templates/main/img/icons/icon-media-next.svg) center center no-repeat;
    height: 18px;
    width: 18px;
}

.icon-music {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjM1ODggMTUuMTk1M0MyLjM0Njk5IDE1LjE5NTMgMS41OTI0MSAxNC44ODUxIDAuOTcyMTI5IDE0LjI2NDdDMC4zNTE3MTMgMTMuNjQ0NCAwLjA0MTUwMzkgMTIuODg5OCAwLjA0MTUwMzkgMTIuMDAwOUMwLjA0MTUwMzkgMTEuMTEyMSAwLjM1MTcxMyAxMC4zNTc0IDAuOTcyMTI5IDkuNzM2OThDMS41OTI0MSA5LjExNjU2IDIuMzQ2OTkgOC44MDYzNSAzLjIzNTg4IDguODA2MzVDMy42MDE3MSA4LjgwNjM1IDMuOTMzOTQgOC44NTYxNSA0LjIzMjU1IDguOTU1NzNDNC41MzExNiA5LjA1NTMxIDQuODAwODEgOS4xOTUzOCA1LjA0MTUgOS4zNzU5NFYwLjg4OTY4OEM1LjA0MTUgMC42OTA2NiA1LjEwNzQ4IDAuNTI1MTc0IDUuMjM5NDIgMC4zOTMyMjlDNS4zNzEzNyAwLjI2MTI4NSA1LjUzNjg1IDAuMTk1MzEyIDUuNzM1ODggMC4xOTUzMTJIOS4yNjM4QzkuNDYyODIgMC4xOTUzMTIgOS42MjgzMSAwLjI2MTI4NSA5Ljc2MDI1IDAuMzkzMjI5QzkuODkyMiAwLjUyNTE3NCA5Ljk1ODE3IDAuNjkwNjYgOS45NTgxNyAwLjg4OTY4OFYyLjQ4Njk4QzkuOTU4MTcgMi42ODYwMSA5Ljg5MjIgMi44NTE0OSA5Ljc2MDI1IDIuOTgzNDRDOS42MjgzMSAzLjExNTM4IDkuNDYyODIgMy4xODEzNSA5LjI2MzggMy4xODEzNUg2LjQzMDQ2VjEyLjAwMDlDNi40MzA0NiAxMi44ODk4IDYuMTIwMjUgMTMuNjQ0NCA1LjQ5OTg0IDE0LjI2NDdDNC44Nzk0MiAxNC44ODUxIDQuMTI0NzcgMTUuMTk1MyAzLjIzNTg4IDE1LjE5NTNaIiBmaWxsPSIjMjIyMjIyIi8+Cjwvc3ZnPgo=");
}

.icon-download-2-red {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNFMzA2MTMiIGQ9Ik04Ljc0OCwxMi40OTRjLTAuMTEsMC0wLjIxMi0wLjAxOC0wLjMwNi0wLjA1NGMtMC4wOTQtMC4wMzYtMC4xODYtMC4wOTgtMC4yNzUtMC4xODhMNC40NSw4LjUzNg0KCWMtMC4xNjctMC4xNy0wLjI0Ni0wLjM2OC0wLjIzNy0wLjU5NFM0LjMwMyw3LjUxOSw0LjQ2LDcuMzUyYzAuMTcxLTAuMTY3LDAuMzcyLTAuMjUxLDAuNjAyLTAuMjU0DQoJYzAuMjMxLTAuMDAzLDAuNDI5LDAuMDc5LDAuNTk2LDAuMjQ2bDIuMjU5LDIuMjc1VjEuNTUyYzAtMC4yMzYsMC4wOC0wLjQzNCwwLjI0LTAuNTk0YzAuMTYtMC4xNiwwLjM1OS0wLjI0LDAuNTk2LTAuMjQNCgljMC4yMzcsMCwwLjQzNCwwLjA4LDAuNTkzLDAuMjRjMC4xNTgsMC4xNiwwLjIzOCwwLjM1OCwwLjIzOCwwLjU5NHY4LjA2N2wyLjI3NS0yLjI3NWMwLjE2NS0wLjE2NywwLjM2LTAuMjQ2LDAuNTg2LTAuMjM4DQoJYzAuMjI2LDAuMDA4LDAuNDI1LDAuMDk2LDAuNTk1LDAuMjYyYzAuMTU3LDAuMTY3LDAuMjM3LDAuMzY0LDAuMjQsMC41OTJjMC4wMDMsMC4yMjgtMC4wNzksMC40MjUtMC4yNDYsMC41OTJsLTMuNywzLjcNCgljLTAuMDg5LDAuMDg5LTAuMTgxLDAuMTUyLTAuMjc3LDAuMTg4QzguOTYsMTIuNDc2LDguODU3LDEyLjQ5NCw4Ljc0OCwxMi40OTR6IE0yLjQxNywxNi43MTljLTAuNDUsMC0wLjg0LTAuMTY1LTEuMTcxLTAuNDk2DQoJYy0wLjMzLTAuMzMxLTAuNDk2LTAuNzIxLTAuNDk2LTEuMTcxdi0yLjU1YzAtMC4yMzYsMC4wOC0wLjQzNCwwLjI0LTAuNTk0YzAuMTYtMC4xNiwwLjM1OS0wLjI0LDAuNTk2LTAuMjRzMC40MzUsMC4wOCwwLjU5MywwLjI0DQoJYzAuMTU4LDAuMTYsMC4yMzcsMC4zNTgsMC4yMzcsMC41OTR2Mi41NWgxMi42Njd2LTIuNTVjMC0wLjIzNiwwLjA4LTAuNDM0LDAuMjQxLTAuNTk0YzAuMTYtMC4xNiwwLjM1OS0wLjI0LDAuNTk2LTAuMjQNCgljMC4yMzcsMCwwLjQzNSwwLjA4LDAuNTkzLDAuMjRjMC4xNTgsMC4xNiwwLjIzNywwLjM1OCwwLjIzNywwLjU5NHYyLjU1YzAsMC40NS0wLjE2NSwwLjg0LTAuNDk2LDEuMTcxDQoJYy0wLjMzMSwwLjMzMS0wLjcyMSwwLjQ5Ni0xLjE3MSwwLjQ5NkgyLjQxN3oiLz4NCjwvc3ZnPg0K")
}

.btn:hover .icon-download-2-red,
.btn:hover .icon-download-2,
.icon-download-2-white {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04Ljc0OCwxMi40OTRjLTAuMTEsMC0wLjIxMi0wLjAxOC0wLjMwNi0wLjA1NHMtMC4xODYtMC4wOTgtMC4yNzUtMC4xODhMNC40NSw4LjUzNg0KCWMtMC4xNjctMC4xNy0wLjI0Ni0wLjM2OC0wLjIzNy0wLjU5NHMwLjA5LTAuNDIzLDAuMjQ3LTAuNTljMC4xNzEtMC4xNjcsMC4zNzItMC4yNTEsMC42MDItMC4yNTQNCgljMC4yMzEtMC4wMDMsMC40MjksMC4wNzksMC41OTYsMC4yNDZsMi4yNTksMi4yNzVWMS41NTJjMC0wLjIzNiwwLjA4LTAuNDM0LDAuMjQtMC41OTRzMC4zNTktMC4yNCwwLjU5Ni0wLjI0DQoJYzAuMjM3LDAsMC40MzQsMC4wOCwwLjU5MywwLjI0YzAuMTU4LDAuMTYsMC4yMzgsMC4zNTgsMC4yMzgsMC41OTR2OC4wNjdsMi4yNzUtMi4yNzVjMC4xNjUtMC4xNjcsMC4zNi0wLjI0NiwwLjU4Ni0wLjIzOA0KCWMwLjIyNiwwLjAwOCwwLjQyNSwwLjA5NiwwLjU5NSwwLjI2MmMwLjE1NywwLjE2NywwLjIzNywwLjM2NCwwLjI0LDAuNTkyYzAuMDAzLDAuMjI4LTAuMDc5LDAuNDI1LTAuMjQ2LDAuNTkybC0zLjcsMy43DQoJYy0wLjA4OSwwLjA4OS0wLjE4MSwwLjE1Mi0wLjI3NywwLjE4OEM4Ljk2LDEyLjQ3Niw4Ljg1NywxMi40OTQsOC43NDgsMTIuNDk0eiBNMi40MTcsMTYuNzE5Yy0wLjQ1LDAtMC44NC0wLjE2NS0xLjE3MS0wLjQ5Ng0KCWMtMC4zMy0wLjMzMS0wLjQ5Ni0wLjcyMS0wLjQ5Ni0xLjE3MXYtMi41NWMwLTAuMjM2LDAuMDgtMC40MzQsMC4yNC0wLjU5NHMwLjM1OS0wLjI0LDAuNTk2LTAuMjRzMC40MzUsMC4wOCwwLjU5MywwLjI0DQoJczAuMjM3LDAuMzU4LDAuMjM3LDAuNTk0djIuNTVoMTIuNjY3di0yLjU1YzAtMC4yMzYsMC4wOC0wLjQzNCwwLjI0MS0wLjU5NGMwLjE2LTAuMTYsMC4zNTktMC4yNCwwLjU5Ni0wLjI0czAuNDM1LDAuMDgsMC41OTMsMC4yNA0KCXMwLjIzNywwLjM1OCwwLjIzNywwLjU5NHYyLjU1YzAsMC40NS0wLjE2NSwwLjg0LTAuNDk2LDEuMTcxYy0wLjMzMSwwLjMzMS0wLjcyMSwwLjQ5Ni0xLjE3MSwwLjQ5NkgyLjQxN3oiLz4NCjwvc3ZnPg0K");
}

.icon-download-2 {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik04Ljc0OCwxMi40OTRjLTAuMTEsMC0wLjIxMi0wLjAxOC0wLjMwNi0wLjA1NGMtMC4wOTQtMC4wMzYtMC4xODYtMC4wOTgtMC4yNzUtMC4xODhMNC40NSw4LjUzNg0KCWMtMC4xNjctMC4xNy0wLjI0Ni0wLjM2OC0wLjIzNy0wLjU5NFM0LjMwMyw3LjUxOSw0LjQ2LDcuMzUyYzAuMTcxLTAuMTY3LDAuMzcyLTAuMjUxLDAuNjAyLTAuMjU0DQoJYzAuMjMxLTAuMDAzLDAuNDI5LDAuMDc5LDAuNTk2LDAuMjQ2bDIuMjU5LDIuMjc1VjEuNTUyYzAtMC4yMzYsMC4wOC0wLjQzNCwwLjI0LTAuNTk0YzAuMTYtMC4xNiwwLjM1OS0wLjI0LDAuNTk2LTAuMjQNCgljMC4yMzcsMCwwLjQzNCwwLjA4LDAuNTkzLDAuMjRjMC4xNTgsMC4xNiwwLjIzOCwwLjM1OCwwLjIzOCwwLjU5NHY4LjA2N2wyLjI3NS0yLjI3NWMwLjE2NS0wLjE2NywwLjM2LTAuMjQ2LDAuNTg2LTAuMjM4DQoJYzAuMjI2LDAuMDA4LDAuNDI1LDAuMDk2LDAuNTk1LDAuMjYyYzAuMTU3LDAuMTY3LDAuMjM3LDAuMzY0LDAuMjQsMC41OTJjMC4wMDMsMC4yMjgtMC4wNzksMC40MjUtMC4yNDYsMC41OTJsLTMuNywzLjcNCgljLTAuMDg5LDAuMDg5LTAuMTgxLDAuMTUyLTAuMjc3LDAuMTg4QzguOTYsMTIuNDc2LDguODU3LDEyLjQ5NCw4Ljc0OCwxMi40OTR6IE0yLjQxNywxNi43MTljLTAuNDUsMC0wLjg0LTAuMTY1LTEuMTcxLTAuNDk2DQoJYy0wLjMzLTAuMzMxLTAuNDk2LTAuNzIxLTAuNDk2LTEuMTcxdi0yLjU1YzAtMC4yMzYsMC4wOC0wLjQzNCwwLjI0LTAuNTk0YzAuMTYtMC4xNiwwLjM1OS0wLjI0LDAuNTk2LTAuMjRzMC40MzUsMC4wOCwwLjU5MywwLjI0DQoJYzAuMTU4LDAuMTYsMC4yMzcsMC4zNTgsMC4yMzcsMC41OTR2Mi41NWgxMi42Njd2LTIuNTVjMC0wLjIzNiwwLjA4LTAuNDM0LDAuMjQxLTAuNTk0YzAuMTYtMC4xNiwwLjM1OS0wLjI0LDAuNTk2LTAuMjQNCgljMC4yMzcsMCwwLjQzNSwwLjA4LDAuNTkzLDAuMjRjMC4xNTgsMC4xNiwwLjIzNywwLjM1OCwwLjIzNywwLjU5NHYyLjU1YzAsMC40NS0wLjE2NSwwLjg0LTAuNDk2LDEuMTcxDQoJYy0wLjMzMSwwLjMzMS0wLjcyMSwwLjQ5Ni0xLjE3MSwwLjQ5NkgyLjQxN3oiLz4NCjwvc3ZnPg0K")
}


.icon-search {
    width:18px;
    height: 18px;
    background-position: center center; background-repeat: no-repeat; background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNDY2NzUgMTIuODY2N0M0LjY1OTQyIDEyLjg2NjcgMy4xMjk3NSAxMi4yNDAzIDEuODc3NzUgMTAuOTg3NUMwLjYyNTkxNyA5LjczNDgzIDAgOC4yMTY4MyAwIDYuNDMzNUMwIDQuNjUwMTcgMC42MjY0MTcgMy4xMzIwOCAxLjg3OTI1IDEuODc5MjVDMy4xMzE5MiAwLjYyNjQxNiA0LjY1Mjc1IDAgNi40NDE3NSAwQzguMjMwNTggMCA5Ljc0ODU4IDAuNjI2NDE2IDEwLjk5NTggMS44NzkyNUMxMi4yNDMxIDMuMTMyMDggMTIuODY2NyA0LjY1MSAxMi44NjY3IDYuNDM2QzEyLjg2NjcgNy4xNTY1IDEyLjc1MDEgNy44NDczMyAxMi41MTY3IDguNTA4NUMxMi4yODM0IDkuMTY5NSAxMS45NDQ1IDkuNzc3ODMgMTEuNSAxMC4zMzM1TDE3LjQgMTYuMkMxNy41NjEyIDE2LjM1NjIgMTcuNjQxNyAxNi41NTUgMTcuNjQxNyAxNi43OTY1QzE3LjY0MTcgMTcuMDM3OCAxNy41NjEyIDE3LjIzOSAxNy40IDE3LjRDMTcuMjM4OCAxNy41NjEyIDE3LjAzNzYgMTcuNjQxNyAxNi43OTYyIDE3LjY0MTdDMTYuNTU0OSAxNy42NDE3IDE2LjM1NjIgMTcuNTYxMiAxNi4yIDE3LjRMMTAuMzE2NyAxMS41MTY3QzkuODE2NzUgMTEuOTM4OSA5LjIzNjQyIDEyLjI2OTUgOC41NzU3NSAxMi41MDg1QzcuOTE1MDggMTIuNzQ3MyA3LjIxMjA4IDEyLjg2NjcgNi40NjY3NSAxMi44NjY3Wk02LjQ1IDExLjJDNy43Njk1IDExLjIgOC44OTEgMTAuNzM0NyA5LjgxNDUgOS44MDQyNUMxMC43MzgyIDguODczNzUgMTEuMiA3Ljc1MDE3IDExLjIgNi40MzM1QzExLjIgNS4xMTY4MyAxMC43MzgyIDMuOTkzMTcgOS44MTQ1IDMuMDYyNUM4Ljg5MSAyLjEzMiA3Ljc2OTUgMS42NjY3NSA2LjQ1IDEuNjY2NzVDNS4xMjEzMyAxLjY2Njc1IDMuOTkxOTIgMi4xMzIgMy4wNjE3NSAzLjA2MjVDMi4xMzE3NSAzLjk5MzE3IDEuNjY2NzUgNS4xMTY4MyAxLjY2Njc1IDYuNDMzNUMxLjY2Njc1IDcuNzUwMTcgMi4xMzE3NSA4Ljg3Mzc1IDMuMDYxNzUgOS44MDQyNUMzLjk5MTkyIDEwLjczNDcgNS4xMjEzMyAxMS4yIDYuNDUgMTEuMloiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg==");
}

.icon-search-item {
    width:20px;
    height: 10px;
    background-position: center center; background-repeat: no-repeat; background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDI1IDUuNTVIMC43NUMwLjUzNzUgNS41NSAwLjM1OTQxNyA1LjQ3NzY3IDAuMjE1NzUgNS4zMzNDMC4wNzE5MTY2IDUuMTg4NSAwIDUuMDA5MzMgMCA0Ljc5NTVDMCA0LjU4MTgzIDAuMDcxOTE2NiA0LjQwNDE3IDAuMjE1NzUgNC4yNjI1QzAuMzU5NDE3IDQuMTIwODMgMC41Mzc1IDQuMDUgMC43NSA0LjA1SDcuNDI1TDQuNjc1IDEuMjc1QzQuNTQxNjcgMS4xMjUgNC40NzA4MyAwLjk0OTE2NyA0LjQ2MjUgMC43NDc1MDFDNC40NTQxNyAwLjU0NTgzNCA0LjUyNSAwLjM3MTY2NyA0LjY3NSAwLjIyNUM0LjgyNSAwLjA3NSA1IDAgNS4yIDBDNS40IDAgNS41NzUgMC4wNzUgNS43MjUgMC4yMjVMOS43NzUgNC4yNzVDOS45MjUgNC40MjUgMTAgNC42IDEwIDQuOEMxMCA1IDkuOTI1IDUuMTc1IDkuNzc1IDUuMzI1TDUuNzI1IDkuMzc1QzUuNTc1IDkuNTI1IDUuNCA5LjYgNS4yIDkuNkM1IDkuNiA0LjgyNSA5LjUyNSA0LjY3NSA5LjM3NUM0LjUyNSA5LjIyNSA0LjQ1IDkuMDUgNC40NSA4Ljg1QzQuNDUgOC42NSA0LjUyNSA4LjQ3NSA0LjY3NSA4LjMyNUw3LjQyNSA1LjU1Wk0xMi4yNSA5LjA1QzEyLjAzNzUgOS4wNSAxMS44NTk0IDguOTc3NjcgMTEuNzE1OCA4LjgzM0MxMS41NzE5IDguNjg4NSAxMS41IDguNTA5MzMgMTEuNSA4LjI5NTVDMTEuNSA4LjA4MTgzIDExLjU3MTkgNy45MDQxNyAxMS43MTU4IDcuNzYyNUMxMS44NTk0IDcuNjIwODMgMTIuMDM3NSA3LjU1IDEyLjI1IDcuNTVIMTkuMjVDMTkuNDYyNSA3LjU1IDE5LjY0MDcgNy42MjIzMyAxOS43ODQ1IDcuNzY3QzE5LjkyODIgNy45MTE1IDIwIDguMDkwNjcgMjAgOC4zMDQ1QzIwIDguNTE4MTcgMTkuOTI4MiA4LjY5NTgzIDE5Ljc4NDUgOC44Mzc1QzE5LjY0MDcgOC45NzkxNyAxOS40NjI1IDkuMDUgMTkuMjUgOS4wNUgxMi4yNVpNMTIuMjUgMi4wNUMxMi4wMzc1IDIuMDUgMTEuODU5NCAxLjk3NzY3IDExLjcxNTggMS44MzNDMTEuNTcxOSAxLjY4ODUgMTEuNSAxLjUwOTMzIDExLjUgMS4yOTU1QzExLjUgMS4wODE4MyAxMS41NzE5IDAuOTA0MTY3IDExLjcxNTggMC43NjI1QzExLjg1OTQgMC42MjA4MzMgMTIuMDM3NSAwLjU1IDEyLjI1IDAuNTVIMTkuMjVDMTkuNDYyNSAwLjU1IDE5LjY0MDcgMC42MjIzMzMgMTkuNzg0NSAwLjc2N0MxOS45MjgyIDAuOTExNSAyMCAxLjA5MDY3IDIwIDEuMzA0NUMyMCAxLjUxODE3IDE5LjkyODIgMS42OTU4MyAxOS43ODQ1IDEuODM3NUMxOS42NDA3IDEuOTc5MTcgMTkuNDYyNSAyLjA1IDE5LjI1IDIuMDVIMTIuMjVaTTE1LjI1IDUuNTVDMTUuMDM3NSA1LjU1IDE0Ljg1OTQgNS40Nzc2NyAxNC43MTU4IDUuMzMzQzE0LjU3MTkgNS4xODg1IDE0LjUgNS4wMDkzMyAxNC41IDQuNzk1NUMxNC41IDQuNTgxODMgMTQuNTcxOSA0LjQwNDE3IDE0LjcxNTggNC4yNjI1QzE0Ljg1OTQgNC4xMjA4MyAxNS4wMzc1IDQuMDUgMTUuMjUgNC4wNUgxOS4yNUMxOS40NjI1IDQuMDUgMTkuNjQwNyA0LjEyMjMzIDE5Ljc4NDUgNC4yNjdDMTkuOTI4MiA0LjQxMTUgMjAgNC41OTA2NyAyMCA0LjgwNDVDMjAgNS4wMTgxNyAxOS45MjgyIDUuMTk1ODMgMTkuNzg0NSA1LjMzNzVDMTkuNjQwNyA1LjQ3OTE3IDE5LjQ2MjUgNS41NSAxOS4yNSA1LjU1SDE1LjI1WiIgZmlsbD0iIzIyMjIyMiIvPgo8L3N2Zz4K");
}


body {
    font-family: 'HeliosC', Arial;
    font-size: 20px;
    line-height:1.3;
    padding:0; margin:0;
    font-weight: 400;
    color:#222;
    background-color: #F5F5F5;
    overflow-x: hidden;
}

b, strong {font-weight: 700;}
html {padding:0; margin:0;}

body.no-scroll,
html.no-scroll {overflow:hidden}
body.no-scroll::-webkit-scrollbar {width: 0;}

h1, .h1 {
    font-family: 'BastionX';
    font-size: 96px;
    line-height:1.1;
    font-weight:400 !important;
    padding:0;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}

h2, .h2 {
    font-family: 'BastionX';
    font-size: 56px;
    line-height: 1.1;
    font-weight: 400 !important;
    padding:0;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
}

h3, .h3 {
    font-family: 'BastionX';
    font-size: 32px;
    line-height: 1.1;
    font-weight: 400 !important;
    padding:0;
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
}

h4, .h4 {
    font-family: 'BastionX';
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400 !important;
    padding:0;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}


h5, .h5 {
    font-family: 'BastionX';
    font-size: 18px;
    line-height: 1.1;
    font-weight: 400 !important;
    padding:0;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

h1 b, .h1 b, h1 strong, .h1 strong,
h2 b, .h2 b, h2 strong, .h2 strong,
h3 b, .h3 b, h3 strong, .h3 strong,
h4 b, .h4 b, h4 strong, .h4 strong,
h5 b, .h5 b, h5 strong, .h5 strong {font-weight: 400 !important;}

.font-big {font-size: 24px !important;}
.font-strong {font-weight: 700;}
.font-family-default {font-family: 'HeliosC', Arial;}
.small,  small {font-size: 14px !important; letter-spacing: 0.02em;}
.small-2 {font-size:12px !important; letter-spacing: 0.02em;}

.font-default {font-family: 'HeliosC', Arial !important; text-transform: none !important;}

*[class*='ellipsis'] {
    width: 100%;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

*[class*='ellipsis'] > * {display: inline; clear: both;}

.ellipsis {-webkit-line-clamp: 1 !important;}
.ellipsis-2 {-webkit-line-clamp: 2 !important;}
.ellipsis-3 {-webkit-line-clamp: 3 !important;}
.ellipsis-4 {-webkit-line-clamp: 4 !important;}
.ellipsis-5 {-webkit-line-clamp: 5 !important;}
.ellipsis-6 {-webkit-line-clamp: 6 !important;}
.ellipsis-7 {-webkit-line-clamp: 7 !important;}
.ellipsis-8 {-webkit-line-clamp: 8 !important;}
.ellipsis-9 {-webkit-line-clamp: 9 !important;}
.ellipsis-10 {-webkit-line-clamp: 10 !important;}

.nowrap {white-space: nowrap;}

sup {
    margin-top: -5px;
    display: inline-block;
}

input[type='text'],
input[type='email'],
input[type='phone'],
input[type='date'],
input[type='password'],
input[type='number'],
select, textarea {
    position: relative;
    font-family: 'HeliosC', Arial;
    font-size: 18px;
    line-height: 1;
    padding: 17px 16px 13px 16px;
    color: #222;
    background-color: #fff;
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    max-width: 100% !important;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

input.invalid,
textarea.invalid,
select.invalid {
    border-color: #E30613;
}

textarea {
    min-height: 160px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='phone']:focus,
input[type='date']:focus,
input[type='password']:focus,
input[type='number']:focus,
select:focus, textarea:focus,
input[type='text']:active,
input[type='email']:active,
input[type='phone']:active,
input[type='date']:active,
input[type='password']:active,
input[type='number']:active,
select:active, textarea:active {
    border-color:#555;
}

input[type='date'] {position:relative; color:rgba(255,255,255,0.00);}
input[type='date']::-webkit-calendar-picker-indicator {
    bottom: 0;
    background-position:calc(100% - 8px) 47%;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    opacity: 0.4;
}
input[type='date']:focus::-webkit-calendar-picker-indicator
input[type='date']:active::-webkit-calendar-picker-indicator,
input[type='date'].has-value::-webkit-calendar-picker-indicator {
    opacity: 1;
}


input[type='date']:not(.has-value)::before {
    color: #0121406b;
    content: attr(placeholder);
    position: absolute;
}
input[type="date"].has-value,
input[type="date"]:focus {
    color: #012140;
}
input[type="date"]:focus::before {
    content: "" !important;
}

input[type=radio],
input[type=checkbox] {
    position: absolute;
    opacity: 0;
    user-select: none;
}


*:disabled, *.disabled {opacity:0.5}
.disactive {background: rgba(255,255,255,0.5) !important;}

*::placeholder {
    color:#777;
    font-family: 'HeliosC', Arial;
}

input[type='text']:focus::placeholder,
input[type='email']:focus::placeholder,
input[type='phone']:focus::placeholder,
input[type='date']:focus::placeholder,
input[type='password']:focus::placeholder,
input[type='number']:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder,

input[type='text']:active::placeholder,
input[type='email']:active::placeholder,
input[type='phone']:active::placeholder,
input[type='date']:active::placeholder,
input[type='password']:active::placeholder,
input[type='number']:active::placeholder,
select:active::placeholder,
textarea:active::placeholder {
    display: none;
    color: transparent;
}

.with-placeholder {position: relative;}
.with-placeholder .placeholder {
    position: absolute;
    top: 2px;
    left: 13px;
    color: #777;
    font-size: 13px;
    line-height: 13px;
    padding: 2px 3px;
    background: #fff;
    border-radius: 3px;
}


label {
    position: relative;
    padding: 0 0 0 30px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
}
.small-2 label {padding: 3px 0 0 30px;}

input[type=checkbox] + label:before,
input[type=radio] + label:before{
    content: '';
    display:inline-block; vertical-align:middle;
    margin:0 10px 0 0;
    width: 20px;
    height: 20px;
    border: 1px solid #CDD1DA;
    border-radius: 4px;
    background: #FFF;
    position: absolute;
    top: 2px;
    left: 0;
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
    background-color: #b60e27;
    border-color: #b60e27;
}


input[type=checkbox] + label:after,
input[type=radio] + label:after {
    content: ' ';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IGZpbGw9IiNCNjBFMjciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLjYzLDUuNzA5YzAuMDc3LTAuMDg4LDAuMTM2LTAuMTkxLDAuMTczLTAuMzAzYzAuMDM3LTAuMTEyLDAuMDUxLTAuMjI5LDAuMDQyLTAuMzQ2DQoJcy0wLjA0Mi0wLjIzMS0wLjA5Ni0wLjMzNmMtMC4wNTQtMC4xMDQtMC4xMjgtMC4xOTctMC4yMTktMC4yNzJjLTAuMDktMC4wNzUtMC4xOTUtMC4xMzItMC4zMDctMC4xNjZzLTAuMjMtMC4wNDYtMC4zNDctMC4wMzQNCgljLTAuMTE3LDAuMDEyLTAuMjMsMC4wNDctMC4zMzMsMC4xMDRjLTAuMTAzLDAuMDU2LTAuMTk0LDAuMTMzLTAuMjY3LDAuMjI1TDcuNDg4LDkuMTI3bC0xLjk2LTEuOTYxDQoJYy0wLjE2Ni0wLjE2LTAuMzg5LTAuMjQ5LTAuNjItMC4yNDdDNC42NzcsNi45Miw0LjQ1Niw3LjAxMyw0LjI5Myw3LjE3NkM0LjEyOSw3LjM0LDQuMDM3LDcuNTYsNC4wMzUsNy43OTENCgljLTAuMDAyLDAuMjMxLDAuMDg3LDAuNDU0LDAuMjQ3LDAuNjJsMi42NDMsMi42NDNjMC4wODcsMC4wODcsMC4xOSwwLjE1NCwwLjMwNCwwLjE5OHMwLjIzNiwwLjA2NCwwLjM1OCwwLjA1OQ0KCWMwLjEyMi0wLjAwNiwwLjI0Mi0wLjAzNiwwLjM1Mi0wLjA5MWMwLjExLTAuMDU0LDAuMjA3LTAuMTMxLDAuMjg1LTAuMjI1TDEyLjYzLDUuNzA5eiIvPg0KPC9zdmc+DQo=");
    border: 1px solid #b60e27;
    background-position: center center; background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-size: contain;
    position: absolute;
    left: 0px;
    top: 2px;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.small input[type=checkbox] + label:after,
.small input[type=radio] + label:after,
.small input[type=checkbox] + label:before,
.small input[type=radio] + label:before {
    top: 0px;
}

input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
    opacity: 1!important;
}

.radio-tabs {
    justify-content: center;
}

.radio-tabs > * {

}

.radio-tabs label {
    display:block;
    padding:0 0px 6px 0px;
    margin: 0 10px 0 10px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    color: #012140;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border-bottom:2px solid transparent;
}
.radio-tabs label:before,
.radio-tabs label:after {display: none !important;}
.radio-tabs label:hover {
    color:#0a4475;
    border-bottom:2px solid #0a4475;
}

.small .radio-tabs label {padding-bottom: 4px;}

.small-2 .radio-tabs label,
.small-3 .radio-tabs label {padding-bottom: 2px;}

.radio-tabs > *:first-child label {margin-left: 0;}
.radio-tabs > *:last-child label {margin-right: 0;}

.radio-tabs input[type=radio]:checked + label {
    color:#b60e27;
    border-bottom:2px solid #b60e27;
}





.hint-i {
    position: absolute;
    display: none;
    max-width: 173px;
    width: max-content;
    white-space: normal;
    left: 0;
    top: 0;
    background: #000;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    transition: 0.3s;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    z-index: 99999;
}


*[data-tooltip] {
    position: relative; /* Относительное позиционирование */
    cursor: pointer;
}
*[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    max-width: 173px;
    width: max-content;
    white-space: normal;
    left: 0;
    top: 0;
    background: #000;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    opacity: 0;
    transition: 0.3s;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
[data-tooltip]:hover::after {
    opacity: 1;
    top: 2em;
}
*.tooltip-left[data-tooltip]::after {
    left:auto;
    right: 0;
}
*.tooltip-top[data-tooltip]::after {
    top: -2em;
}

*.tooltip-left-center[data-tooltip]::after {
    left: auto;
    right: 102%;
    top: 0;
}
*.tooltip-left-top[data-tooltip]::after {
    left: auto;
    right: 102%;
    bottom: 0;
    top:auto;
}

.bx-shadow {box-shadow: 0 3px 8px rgba(0,0,0,0.05);}
.bx-shadow-small {box-shadow: 0 2px 4px rgba(0,0,0,0.15);}

table {width:100%;}
table, table td {
    padding:0; margin:0;
    border:none;
}


a {color:#E30613; text-decoration:none;}
a:hover {color:#ff3a21 !important; text-decoration:none;}


img {max-width:100%; height: auto; border:none;}


.lightbox .lb-image {max-width: none;}

iframe {width:100%; max-width:100% !important; border:none;}
audio {
    position: relative;
    display: block;
    width: 600px;
    max-width: 100% !important;
    padding: 0;
    margin: 0;
    border-radius: 100px;
    border:1px solid #E0E0E0 !important;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}
audio::-webkit-media-controls-panel {
    background-color: #fff !important;
    border:1px solid #E0E0E0 !important;
    border-color: #E0E0E0 !important;
}
audio::-webkit-media-controls-mute-button {}
audio::-webkit-media-controls-play-button {

}
audio::-webkit-media-controls-timeline-container {}
audio::-webkit-media-controls-current-time-display {}
audio::-webkit-media-controls-time-remaining-display {}
audio::-webkit-media-controls-timeline {}
audio::-webkit-media-controls-volume-slider-container {}
audio::-webkit-media-controls-volume-slider {}
audio::-webkit-media-controls-seek-back-button {}
audio::-webkit-media-controls-seek-forward-button {}
audio::-webkit-media-controls-fullscreen-button {}
audio::-webkit-media-controls-rewind-button {}
audio::-webkit-media-controls-return-to-realtime-button {}
audio::-webkit-media-controls-toggle-closed-captions-button {}


hr {height: 1px; padding: 0; margin: 30px 0; border:none; border-top:1px solid #E30613;}

p {margin:0px 0 40px 0}
.small p {margin:0px 0 30px 0}

ul, ul li { list-style:none; padding:0; margin:0; display:block; text-align:left;}
ul {margin: 10px 0 30px 0}
ul li {padding: 0 0 0px 20px; margin: 0px 0 15px 0; position: relative; position:relative;}
ul li:before {position:absolute; top:9px; left:0; display:inline-block; content:' '; width:8px; height:8px; border-radius:10px; background-color:#222;}

ol {padding: 0; margin: 10px 0 30px 15px; text-align: left;}
ol li {padding: 0 0 0px 6px; margin: 0px 0 15px 0; position: relative;}

.small ul li:before {top:5px;}


.btn,
input[type=submit],
button {
    font-family: 'BastionX';
    color:#E30613 !important;
    margin:0;
    text-align:center;
    font-size: 18px; line-height:1;
    text-transform: uppercase;
    padding:10px 14px;
    font-weight: 400;
    display:inline-block; vertical-align:middle;
    cursor:pointer;
    text-decoration:none;
    border:1px solid #E30613;
    border-radius: 8px;
    user-select: none;
    position: relative;
}
.btn-icon {padding:10px 10px; line-height: 0.8;}

.btn:hover {
    background:#E30613; border-color:#E30613;
    color:#fff !important;
}


.btn-wide {display:block; width:100%;}

.btn-red {
    background-color:#E30613;
    border:1px solid #E30613;
    color: #fff !important;
}
.btn-red [class*='icon-'] {color: #fff;}

.btn-red:hover {
    background-color:transparent;
    border:1px solid #E30613;
    color: #E30613 !important;
}

.btn-black {
    background-color:transparent;
    border:1px solid #222;
}

.btn-white {
    background-color:#fff;
    border:1px solid #fff;
    color:#222;
}
.btn-white [class*='icon-'] {color: #222;}

.btn:hover [class*='icon-'] {color: #fff;}

.btn-outline-white {
    border:1px solid #FFF !important;
    color:#FFF !important;
}
.btn-outline-white [class*='icon-'] {color: #FFF;}

.color-white {color:#fff !important}
.color-black {color:#222 !important}

.color-red {color:#E30613 !important}
.color-gray {color:#777777 !important}
.color-light-gray {color:#F5F5F5 !important}
.color-yellow {color: #F6A411 !important}

.bg-white {background-color:#fff !important;}
.bg-gray {background-color:#777777 !important; color: #fff !important;}
.bg-light-gray {background-color:#F5F5F5 !important;}

.bg-red {background-color:#E30613 !important; color: #fff !important;}
a.bg-red:hover,
.bg-red a:hover {color: #fff !important;}


.bg-yellow {background-color: #F6A411 !important;}

.bg-pattern-big {background-image: url(../img/bg-big.svg);}
.bg-pattern-medium {background-image: url(../img/bg-medium.svg);}
.bg-pattern-small-1 {background-image: url(../img/bg-small-1.svg);}
.bg-pattern-small-2 {background-image: url(../img/bg-small-2.svg);}
.bg-pattern-small-3 {background-image: url(../img/bg-small-3.svg);}

.bg-fixed {background-attachment: fixed;}
.bg-cover {background-position: center center; background-size: cover; background-repeat: no-repeat;}
.bg-contain {background-position: center center; background-size: contain; background-repeat: no-repeat;}
.bg-right {background-position: center right; background-size: cover; background-repeat: no-repeat;}

.bg-red-orange {background: linear-gradient(90deg, #EA6511 0%, #E7362C 52.5%, #CC112C 100%);}

.bg-monoh {
    background-size: cover;
    background-blend-mode: luminosity;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.bg-monoh:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    filter: opacity(80%);
    z-index: 1;
}

.bg-dark-yellow {background-color: #F5E5CC}

.border-8 {border-radius: 8px !important;}
.border-16 {border-radius: 16px !important;}
.border-24 {border-radius: 24px !important;}
.border-32 {border-radius: 32px !important;}
.border-50 {border-radius: 50px !important;}

.border-t-8 {border-radius: 8px 8px 0 0 !important;}
.border-b-8 {border-radius: 0 0 8px 8px !important;}
.border-l-8 {border-radius: 8 0 0 8px !important;}
.border-r-8 {border-radius: 0 8px 8px 0 !important;}

.icon-18 {font-size: 18px; line-height: 18px; height: 18px;}
.icon-24 {font-size: 24px; line-height: 24px; height: 24px;}
.icon-36 {font-size: 36px; line-height: 32px; height: 32px;}

.icon-18:before {font-size: 18px; line-height: 18px; height: 18px;}
.icon-24:before {font-size: 24px; line-height: 24px; height: 24px;}
.icon-36:before {font-size: 36px; line-height: 32px; height: 32px;}

.p-12 {padding:12px;}
.p-24 {padding:24px;}
.p-32 {padding:32px;}
.p-40 {padding:40px;}


.opacity-0 {opacity: 0;}
.opacity-01 {opacity: 0.1;}
.opacity-02 {opacity: 0.2;}
.opacity-03 {opacity: 0.3;}
.opacity-04 {opacity: 0.4;}
.opacity-05 {opacity: 0.5;}
.opacity-06 {opacity: 0.6;}
.opacity-07 {opacity: 0.7;}
.opacity-08 {opacity: 0.8;}


.tag {
    text-transform: uppercase; font-weight: bold;
    font-size: 12px; line-height: 1.1;
    letter-spacing: 0.04em;
    display: inline-block;
    padding: 0 0 4px 0;
    border-bottom:1px solid #222;
}




.block-loading {
    position: relative !important;
    overflow: hidden !important;
    min-height: 80px !important;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.block-loading > * {display: none !important;}
.block-loading:before {
    position: absolute !important;
    top: 0; left: 0 !important;
    content: ' ' !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    background: rgba(0,0,0,0.6) !important;
}

.block-loading:after {
    content: ' ' !important;
    display: block !important;
    position: absolute !important;
    top: calc(50% - 40px) !important;
    left: calc(50% - 40px) !important;
    padding: 0 !important;
    text-align: center;
    width: 80px !important;
    height: 80px !important;
    background: url(../img/loader_01.svg) center center no-repeat !important;
    background-size: contain !important;
    animation: fadeInOutPulse 1s infinite;
    opacity: 1;
}

.block {position: relative; z-index:1; padding:40px 0 40px 0;}
.block-wide {padding-left:40px; padding-right: 40px;}
.block .container {z-index:10; position:relative;}

.block-top-inner {padding-top: 100px !important; z-index: 10;}

.stickyBlock {position: relative;}

.tab-content {display:none;}
.tab-content.active {display:block}


.header {
    padding: 40px 0 0px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header .container {position: relative;}

.header .logo {
    display: block;
    background: #fff;
    padding: 16px;
    position: absolute;
    top:-41px; left: 15px;
}

.header .logo img {
    display: block;
    width: 110px;
    margin: 0; padding: 0;
    line-height: 1;
}

.header .logo-fixed {
    display: none;
    position: absolute;
    background: transparent;
    padding: 0;
    top: auto;
    bottom:-10px;
    left: 15px;
}

.header .logo-fixed img {width: 120px;}

.header.fixed {
    position: fixed;
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 2px 10px #0000001f;
}

.header.fixed .logo {display: none;}
.header.fixed .logo-fixed {display: block}

.header.fixed .wow {visibility: visible !important}
.header.fixed .menu .item > a {color:#222;}
.header.fixed .menu .item > a:hover {
    color:#E30613 !important;
    opacity: 1;
}

.header.fixed .container {margin-top: 0 !important}


.header-inner {
    padding:10px 0 0 0;
}
.header-inner .logo {
    position: absolute;
    background: transparent;
    padding: 0;
    top: auto;
    bottom:-10px;
    left: 15px;
}
.header-inner .logo img {
    display: block !important;
    width: 118px;
    margin: 0; padding: 0;
    line-height: 1;
}
.header-inner.fixed .logo {display: block;}
.header-inner .icon-zoom {color: #222;}


.menu-mobile {
    display: inline-block;
    vertical-align: middle;
    padding: 16px;
    background: #22222280;
    border-radius: 8px;
    z-index: 10;
    cursor: pointer;
    position: relative;
    line-height: 1;
}
.menu-mobile .icon-menu {display: block; height: 18px;}
.menu-mobile:hover {background: #222;}


.header.fixed .menu-mobile {padding: 10px;}
.header.fixed + .top-wide-banner {opacity: 0; visibility: hidden;}

.header .menu .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    position: relative;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.header .menu .item ul {
    display: none;
    list-style: none; padding: 0; margin: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.header .menu .item ul li {display: block; padding: 0; margin: 10px 0 10px; list-style: none;}
.header .menu .item ul li:before,
.header .menu .item ul li:after {display: none; content: ''}
.header .menu .item ul li a {color: #fff; text-decoration: none; font-size: 14px;}

.header .menu .item > a {
    font-family: 'BastionX';
    color: #fff;
    letter-spacing: 0.01em;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
}
.header .menu a:hover {color: #fff !important; opacity: 0.7;}

.header .menu .icon-close {
    display: none;
}


.header-inner .menu .item > a {
    color: #222;
}
.header-inner.fixed .menu .item > a {
    color: #222;
}
.header-inner .menu .item.active > a {
    color: #E30613 !important;
}
.header-inner .menu .item > a:hover {
    color: #E30613 !important;
    opacity: 1;
}


@media (min-width: 1024px) {

    .header .menu .item:hover {
        padding-bottom: 10px;
        margin-top: -10px;
        top: 10px;
    }

    .header .menu .item ul {

    }

    .header .menu .item:hover ul {
        display: block;
        visibility: visible;
        min-width: 170px;
        white-space: nowrap;
        position: absolute;
        z-index: 90;
        top: 100%;
        left: -20px;
        padding: 0 20px 10px 20px;
        line-height: 1;
        background: rgb(255 255 255 / 100%);
        border-radius: 8px;
    }

    .header.fixed .menu .item:hover ul {
        border-radius: 0 0 8px 8px;
    }

    .header .menu .item ul li a {
        color: #222;
    }
    .header .menu .item ul li a:hover {color:#E30613 !important; opacity: 1;}

}

.top-wide-banner {
    position: fixed;
    z-index: 101;
    top:0; left: 0;
    width: 100%;
    padding: 5px 10px;
    background: linear-gradient(to right,  rgba(204,17,44,1) 0%,rgba(231,54,44,1) 52%,rgba(234,101,17,1) 100%);
    text-align: center;
}
.top-wide-banner:hover {color: #FFF !important}

.top-wide-banner .h3,
.top-wide-banner .h4 {
    display: inline-block; vertical-align: middle;
}
.top-wide-banner .btn {border-radius: 100px;}
.top-wide-banner .btn .icon:before {font-size: 14px;}

body.menu-opened .top-wide-banner {
    z-index: 1;
}

.owl-carousel {
    position:relative;
    margin:0;
    padding:0;
}


.owl-carousel .owl-stage {
    position:relative;
}
.owl-carousel .owl-stage-outer {

}

.owl-carousel.fullscreen-slider {
    background-color: #222;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.owl-carousel.fullscreen-slider * {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.owl-carousel.fullscreen-slider .slide {
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    vertical-align: bottom;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.owl-carousel.fullscreen-slider .slide video {
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    border:none;
    z-index:1;
    object-fit: cover;
}

.owl-carousel.fullscreen-slider .slide.slide-offset {
    background-size: cover;
    background-position: 50% 0%;
}

.owl-carousel.fullscreen-slider .slide:before {
    content:' ';
    display:block;
    height:25%;
    width:100%;
    position:absolute;
    top:0; left:0;
    z-index:1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 99%);
}

.owl-carousel .slide .container {
    position: relative;
    z-index: 5;
    padding-bottom: 40px;
}

.row-banner-title {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    align-content: center;
    margin-left: 0; margin-right: 0;
    text-decoration: none;
    color: #222;
}
.row-banner-title .col-title {
    background: url(../img/bg-small-3.svg) top right no-repeat;
    background-size: auto 102%;
    color: #fff;
    align-content: center;

}
.row-banner-title .col-descr {
    align-content: center;
}

.top-slider .row-banner-title .col-title,
.top-slider-mobile .row-banner-title .col-title {
    /*word-spacing: 9999px;*/
}




.owl-carousel .owl-dots {
    text-align: center;
    margin: 20px 0 0 0;
}
.owl-carousel button.owl-dot {background: #bfbfbf; display: inline-block; width:12px; height: 12px; border-radius: 20px; margin: 0 5px;}
.owl-carousel button.owl-dot:hover {background: #222;}
.owl-carousel button.owl-dot.active,
.owl-carousel button.owl-dot.active:hover {background: #E30613;}

.owl-carousel .owl-nav {
    width: 100%;
}

.owl-carousel .owl-nav .disabled {display: none;}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-carousel.fullscreen-slider .owl-nav .owl-next,
.owl-carousel.fullscreen-slider .owl-nav .owl-prev {
    position: absolute;
    left: 2vw;
    bottom: 120px;
    height: 40px;
    width: 40px;
    opacity: 0.8;
}
.owl-carousel.fullscreen-slider .owl-nav .owl-next {
    left: auto;
    right: 2vw;
}
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {opacity: 1}




.footer {position: relative; z-index: 0;}

.footer-menu ul,
.footer-menu ul li {
    list-style: none;

    margin: 0; padding: 0;
}
.footer-menu ul li {margin: 10px 0;}
.footer-menu ul li:before,
.footer-menu ul li:after {display: none;}
.footer-menu a {
    display: block;
    color: #222;
    text-decoration: none;
}

.footer-menu a:hover {color: #E30613}




.social-links {}
.social-links a {
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: center;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    border-radius: 100px;
    background-color: #A3A3A3;
}
.social-links a:hover {background-color: #E30613;}
.social-links a *[class*='icon-'] {
    font-size: 29px;
    line-height: 50px;
    width: 50px;
    height: 50px;
}
.social-links a *[class*='icon-']:before {
    color: #fff;
    font-size: 29px;
    line-height: 45px;
    width: 50px;
    height: 48px;
    background-size: 30px 30px;
}


.social-links-fixed {
    display: none;
    position: fixed;
    z-index: 10;
    bottom: 10px;
    right: 20px;
}

.social-links-fixed a {
    display: block;
    margin: 0 0 10px 0;
}









.win {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 10000;
    display: none;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.win:before {
    content: ' ';
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.47);
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.win .win-container {
    text-align: center;
    padding: 0;
    margin-top: 0;
    display: table-cell;
    width: 100vw;
    height: 100vh;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.win .win-content {
    border-radius: 10px;
    background: #fff;
    position: relative;
    text-align: left;
    display: block;
    filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.1));
    max-width: 700px;
    width: 90%;
    min-width: 320px;
    margin: 30px auto 30px auto;
}

.win .win-img {
    position:relative;
    padding:32px;
    height:250px;
    color:#fff;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.win .win-img:before {
    content: ' ';
    display:block;
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    z-index:1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 98.9%);
}

.win .win-img .h3 {margin:0; padding:0; position:absolute; bottom:50px; left:50px; z-index:10; width: calc(100% - 100px);}

.win .win-content__text {
    padding: 50px;
    max-height: calc(100vh - 20px - 250px - 50px);
    overflow: auto;
}
.win .win-content__fulltext {
    padding: 50px;
    overflow: auto;
}

.win .win-content__fulltext img {width: 100% !important; height: auto !important}

.win .win-content__fulltext h3,
.win .win-content__fulltext h4,
.win .win-content__fulltext .h3,
.win .win-content__fulltext .h4 {padding-left:30px; padding-right: 30px;}

.win .win-content:after {
    display:block;
    width:100%;
    content:' ';
    clear:both;
}
.win .close {
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 10;
    background: #F0F0F0;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    line-height: 1;
    color: #222;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.win .close .icon-close {
    font-size: 18px !important;
    line-height: 18px !important;
    color: #222 !important;
    height: 18px !important;
}
.win .close .icon-close:before {
    font-size: 18px !important;
    line-height: 18px !important;
    height: 18px !important;
}

.win .close:hover {
    background: #222 !important;
    color: #fff !important;
}
.win .close:hover .icon-close {
    color: #fff !important;
}

.win-fullscreen:before {
    background: #222;
}
.win-fullscreen .win-content {
    background-color:transparent;
    display: block;
    color: #fff;
    width: auto;
    min-width: inherit;
    max-width:none;
    margin: 60px 60px 60px 60px;
    filter: none;
    border-radius: 0;
    text-align: left;
}

.win .form-block {
    border-radius:8px;
    background: #fff;
    color: #222;
    margin: 0 auto 10px auto;
    max-width: 800px;
    padding: 40px;
    text-align: left;
}

.win .form-block .h-bg {
    margin: 0 auto !important;
    width: fit-content;
}



.win-fullscreen.win-white .win-content {
    color: #222;
}
.win-fullscreen.win-white:before {
    background: #eaeaea;
}



.dropdown {
    display:inline-block; vertical-align:middle;
    position:relative;
}
.dropdown > .btn-dropdown {
    padding-right:55px !important;
    padding-left: 15px !important;
    display:block;
    text-align:left;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dropdown > .btn-dropdown {
    width: auto !important;
}

.dropdown > .btn-dropdown {
    padding:8px 40px 8px 10px !important;
}


.dropdown > .btn-dropdown:after {
    display: inline-block;
    font-family: 'Glyphter';
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    content:'\0042';
    position:absolute;
    top:calc(50% - 9px);
    right:15px;


}

.dropdown .dropdown-content {
    position:absolute;
    z-index:888;
    top:calc(100% + 5px);
    left:0;
    display:none;
    border-radius:8px;
    padding: 8px;
    overflow:hidden;
    background:#fff;
    box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
    min-width: 100%;
    width: auto;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    user-select: none;
    text-align: left;
}


.dropdown.dropdown-left .dropdown-content {
    left:auto;
    right:0;
}

.dropdown .dropdown-block {padding:20px 20px;}

.dropdown .dropdown-content > * {
    padding:8px 10px;
    cursor:pointer;
    display: block;
    border-radius:8px;
    font-size: 16px; line-height: 1;
}
.dropdown .dropdown-content > a {color: #222;}
.dropdown .dropdown-content > *:hover {color:#222 !important; background-color: #F5F5F5;}
.dropdown .dropdown-content > *.active,
.dropdown .dropdown-content > *.active:hover {color:#E30613 !important;}

.dropdown.opened .dropdown-content {display:block;}
.dropdown.opened .btn-dropdown:after {transform:rotate(270deg);}

.h-red-label {
    color: #fff;
    display: inline-block;
    margin: 0;
    background: url(../img/bg-small-2.svg) top left no-repeat;
    background-size: cover;
    border-radius: 8px;
    padding: 8px 15px 8px 15px;
}

.post {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    text-decoration: none;
    color: #000;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.post .post-cont {flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between;}
.post .post-cont .ellipsis-5 p {margin: 0;}
.post .post-cont .ellipsis-5 br {display: none;}
.post .post-img {
    display: block;
    width: 100%;
    position: relative;
    border-radius: 8px 8px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e8e8e8;
}
.post:not(.post-broadcast):hover .post-img {
    /*filter: saturate(60%) brightness(110%) contrast(105%);*/
    filter: brightness(85%) contrast(110%);
}

.post .post-tlt {
    margin: 0 0 20px 0;
    font-family: 'HeliosC', Arial;
    font-size: inherit;
    line-height: 1.2;
    font-weight: 700 !important;
    text-transform: none;
}
.post .post-date {}

.post .post-h-bg {
    position: absolute;
    z-index: 10;
    bottom:20px; left: 0;
    padding: 15px;
    color: #fff;
    width: 80%;
    margin: 0;
    background: url(../img/bg-small-2.svg) top left no-repeat;
    background-size: cover;
    border-radius: 0 8px 8px 0;
}
.post .h-gallery {
    border-radius: 8px 8px 8px;
    bottom: 10px; left: 10px;
    padding: 8px 60px 8px 15px;
}
.post .h-gallery .h-gallery-amount {
    position: absolute;
    top:10px; right: 10px;
    text-align: right;
    color: #fff;
    font-family: 'HeliosC', Arial;
    font-size:15px; line-height: 15px;
}
.post .h-gallery .h-gallery-amount:after {
    display: inline-block;
    content:'\0050';
    font-family: 'Glyphter';
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    height: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0 0 0 5px;
    color: #fff;
}

.post-only-img {background-color: transparent; }
.post-only-img .post-img {border-radius: 8px; margin-bottom: 10px;}

.post-banner {
    display: block;
}
.post-banner .post-img {
    width: 100% !important;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    /*
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    */
}
.post-banner .post-cont {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    flex-direction: row;
    align-items: end;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 99%);
    border-radius: 0 0 8px 8px;
}
.post-banner .post-tlt {
    font-family: 'BastionX';
    font-size: 32px;
    flex: 1 1 auto;
    line-height: 1;
    padding-right: 20px;
    font-weight: 400 !important;
    margin: 0 !important;
}
.post-banner .post-date {
    flex: 1 1 120px;
    width: 120px;
    max-width: 120px;
    white-space: nowrap;
    text-align: right;
    color: #fff !important;
}





.post-big {flex-direction: row-reverse; min-height: 30vw;}
.post-big .post-img {
    flex: 1 1 55%;
    border-radius: 0px 8px 8px 0;
}
.post-big .post-img .post-img-caption {
    position:absolute;
    bottom:20px; right:20px;
    position:absolute;
    color:#fff;
}
.post-big .post-cont {flex: 1 1 45%;}
.post-big .post-text {
    width: 100%;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-clamp: 8 !important; -webkit-line-clamp: 8 !important;
}


.post-3col {flex-direction: row;}
.post-3col .post-img {
    width: 250px;
    min-height: 250px;
    flex: 1 1 250px;
    border-radius: 8px 0px 0px 8px;

}
.post-3col .post-cont-1 {flex: 1 1 35%; display: flex; flex-direction: column; justify-content: space-between;}
.post-3col .post-cont-2 {flex: 1 1 35%;}


.post-video {color: #222; background: none; cursor: pointer; display: block;}
.post-video .post-img {border-radius:8px; margin: 0 0 10px 0;}
.post-video .post-img:after,
.post-video-mp4 .video-mp4-wrapper:after {
    content: '\0047';
    font-family: 'Glyphter';
    font-size: 20px;
    color: #E30613;
    text-align: center;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    display: block;
    padding: 18px 0 0 5px;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    position: absolute;
    z-index: 10;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    background: rgba(255, 255, 255, 0.8);
}
.post-video:hover .post-img:after {
    background: rgba(255,255,255,1);
}
.post-video .post-img {overflow: hidden;}
.post-video.loaded .post-img:before {display: none;}
.post-video.loaded .post-img:after {display: none;}

.post-video-mp4 {height: auto;}
.post-video-mp4 .video-mp4-wrapper {
    position: relative;
    border-radius: 8px;
    margin: 0 0 10px 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.post-video-mp4 video {
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    border:none;
    margin: 0; padding: 0;
    border-radius: 8px;
    background-color: #000;
    opacity: 0;
}
.post-video-mp4 .video-mp4-wrapper:before  {
    content: ' ';
    display: block;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.05);
    position: absolute;
    top:0; left: 0;
    z-index: 5;
}

.post-video-mp4.loaded video {opacity: 1;}
.post-video-mp4.loaded .video-mp4-wrapper {background-image: none;}
.post-video-mp4.loaded .video-mp4-wrapper:before {display: none;}
.post-video-mp4.loaded .video-mp4-wrapper:after {display: none;}


.jsVideoFrame .post-img iframe {
    opacity: 0; position: absolute; top:0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; border: none;
}
.jsVideoFrame.loaded iframe {opacity: 1;}


.row-photo-gallery {
    margin-right: -5px;
    margin-left: -5px;
}

.row-photo-gallery > div {
    padding-right: 5px;
    padding-left: 5px;
}
.row-photo-gallery .post-img {background-position: top center;}
.row-photo-gallery .post-photo {overflow: hidden;}
.row-photo-gallery .post-photo .img-caption {
    opacity: 0;
    width: 100%;
    border-radius:7px;
    background: #fff;
    padding: 15px;
    position: absolute;
    z-index: 10;
    color: #222;
    bottom:-300px;
    left: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;

}
.row-photo-gallery .post-photo .img-caption div {
    width: 100%;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-clamp: 6 !important;
    -webkit-line-clamp: 6 !important;
}

.row-photo-gallery .post-photo .img-caption div br {line-height: 2px;}
.row-photo-gallery .post-photo .img-caption div p {margin: 0 0 10px 0;}

.row-photo-gallery .post-photo.no-caption-lineclamp .img-caption div {
    line-clamp: 100 !important;
    -webkit-line-clamp: 100 !important;
}

.row-photo-gallery .post-photo:hover .img-caption {
    opacity: 1;
    bottom:0;
}

.post-photo {
    display: block;
    cursor: pointer;
}
.post-photo .post-img {
    width: 100% !important;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.post-photo .post-img:before {
    content: ' ';
    display: block;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.05);
    position: absolute;
    top:0; left: 0;
    z-index: 1;
}
.post-photo .h-gallery {max-width: 260px;}


.row-cities-glory {margin-left: -10px; margin-right: -10px;}
.row-cities-glory > div {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}
.post-city {
    width: 250px;
    text-align: center;
    display: block;
    background: url(../img/city-bg.svg) bottom center no-repeat;
    border-radius: 16px;
    overflow: hidden;
    background-size: 100% auto;
    color: #222;
    padding: 30px 30px 45px 30px;
}
.post-city .post-city-img {
    width: 100%; height: 219px;
    margin: 0 auto 20px auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}



.icon-video-play {
    position: absolute;
    top:20px; left: 20px;
}


.timeline-item {
    cursor: pointer;
    display: inline-block;
    color: #222;
    margin: 0 50px 20px 0;
    width: 180px;
}

.timeline-item .timeline-label {
    font-size: 12px;
    min-height: 25px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    height: 30px;
    justify-content: end;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #222;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.02em;
    width: fit-content;
}
.timeline-item .timeline-title {
    margin: 0;
}
.timeline-item:hover .timeline-title {color: #E30613;}
.timeline-item .timeline-title a {color:inherit;}
.timeline-item .timeline-title a:hover {color:#E30613 !important;}
.timeline-item.current .timeline-title {
    transform: scale(1.2) translate(8%,3%);
}

.full-slider {}
.full-slider .owl-stage {display: flex; flex-direction: row;}
.full-slider .owl-item {min-height:100%;}
.full-slider .post {
    width: calc(100vw - 100px);
    max-width: 340px;
    margin: 0 10px 0 0;
}
.full-slider .owl-item:last-child .post {
    margin-right: 0;
}

.full-slider .post-banner .post-img {height:100% !important}
.full-slider .post-video {
    width: calc(100dvw - 40px);
    max-width: 640px;
    margin: 0 10px 0 0;

    /*
    width: 100%;
    max-width: 100%;
    margin: 0 0px 0 0;
    */
}


.full-slider.autowidth .timeline-item {width: auto !important; max-width: 170px;}
.full-slider.nowrap .timeline-item {width: auto !important; white-space: nowrap; max-width:none;}

.subpages-slider {position: static;}
.subpages-slider .owl-stage-outer {
    position: relative;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

.subpages-slider-wrapper {
    padding-top:0 !important;
    padding-bottom:0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}

.subpages-slider-wrapper .owl-stage-outer:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 89;
    top:-25%; left: 0;
    width: 40px; height: 100%;
    background: linear-gradient(to left,  rgba(0,0,0,0) 0%,rgba(245,245,245,0.7) 23%,rgba(245,245,245,1) 62%);
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;

    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

.subpages-slider-wrapper .owl-stage-outer:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 89;
    top:-25%; right: 0;
    width: 40px; height: 100%;
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(245,245,245,0.7) 23%,rgba(245,245,245,1) 62%);
    -webkit-transition: 0.4s !important;
    -moz-transition: 0.4s !important;
    -o-transition: 0.4s !important;
    transition: 0.4s !important;
}

.subpages-slider-wrapper.first-item .owl-stage-outer:before,
.subpages-slider-wrapper.last-item .owl-stage-outer:after {
    opacity: 0;
}

.subpages-slider-wrapper .owl-nav button.owl-next,
.subpages-slider-wrapper .owl-nav button.owl-prev {
    position: absolute;
    top: -7px;
    z-index: 99;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: 0.4s !important;
    -moz-transition: 0.4s !important;
    -o-transition: 0.4s !important;
    transition: 0.4s !important;
}
.subpages-slider-wrapper button.owl-prev {
    left: -40px;
}

.subpages-slider-wrapper button.owl-next {
    right: -40px;
}


.subpages-slider .timeline-item.current .timeline-title {
    transform:none;
}



.filter-links a {
    display: inline-block;
    vertical-align: top;
    margin: 5px 15px 5px 0;
    color: #222;
}

.filter-links a.h-bg {color: #}


.block-app {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.block-app .app-phone {position: relative; width: 100%;}
.block-app  img.app-phone {
    position: absolute;
    margin-top: -16%;
    left: 20%;
    height: auto;
    width: 60%;
}


.post-broadcast {}
.post-broadcast .post-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-height: 80vh;
}
.post-broadcast .video-plug {
    flex: 0 0 auto;
    width: fit-content;
    max-width: 90%;
    padding: 16px;
}

.win-fullscreen .win-content .post-broadcast {
    max-width: 1280px;
    margin: 0 auto;
}
.win-fullscreen .win-content .broadcast-description {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}


.row-videos {
    margin-right: -5px;
    margin-left: -5px;
}
.row-videos > div {
    padding-left: 5px;
    padding-right: 5px;
}


.map-russia {
    position: relative;
    z-index: 1;
}
.map-russia .city {
    position: absolute;
    cursor: pointer;
}

.map-russia-new .city {
    width: 150px;
    margin-left: -75px;
    text-align: center;
}

.map-russia .marker {
    overflow: hidden;
    position: absolute;
    left: -49px;
    bottom: -1px;
    width: 100px;
    z-index: 10;
    color: #fff;
    padding: 0 14px 16px 14px;
    background: url(../img/marker.svg) bottom center no-repeat;
    background-size: 100% auto;
    font-family: 'BastionX';
    font-size: 12px;
    line-height: 1.1;
    font-weight: 400 !important;
    text-transform: uppercase;
    cursor: pointer;
}
.map-russia .city:hover {transform: scale(1.2); z-index: 90;}



.map-russia .marker .marker-img {
    width: 84px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px 4px;
    margin: 0 -6px 4px -6px;
}

.map-russia .marker .marker-img:after {
    content: '\0047';
    font-size: 14px; line-height: 14px;
    position: absolute;
    top:10px; left: 18px;
    color: #fff;
    display: inline-block;
    font-family: 'Glyphter';
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;

}

.map-russia .marker-new {
    display: inline-block;
    position: relative;
    top: -5px;
    width: auto;
    left: auto;
    background: #fff;
    color: #E30613;
    padding: 5px 10px 5px 25px;
    border-radius: 8px;
    overflow: visible;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1;
    box-shadow: 0 4px 8px #00000029;
}

.map-russia .marker-new:before {
    position: absolute;
    top:calc(50% - 7px);
    left: 7px;
    content: '\0047';
    font-size: 14px;
    line-height: 14px;
    color: #E30613;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Glyphter';
    font-size: 14px;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.map-russia .city:after {
    content:' ';
    width: 32px; height: 40px;
    background: url(../img/marker-logo-shadow.svg) bottom center no-repeat;
    background-size: contain;
    position: absolute;
    left: calc(50% - 16px);
    bottom:calc(100% + 5px);
}


.map-russia .city.hidden-title .marker-new {
    display: none;
}

.map-russia .city.hidden-title:hover .marker-new {
    display: inline-block;
}


.map-russia .moskva {top: 72.4%; left: 11.6%;}
.map-russia .sankt-peterburg {top: 63.5%; left: 7.3%;}
.map-russia .murmansk {top: 38.1%; left: 9.0%;}
.map-russia .samara {top: 78.5%; left: 19%;}
.map-russia .nizhnij-novgorod {top: 64.5%; left: 15.8%;}
.map-russia .ekaterinburg {top: 60.5%;left: 26.1%;}
.map-russia .novosibirsk {top: 67.5%; left: 34.5%;}
.map-russia .juzhno-sahalinsk {top: 89.3%; left: 71.5%;}
.map-russia .habarovsk {top: 86.5%; left: 67.3%;}
.map-russia .vladivostok {top: 95.3%;left: 65.5%;}
.map-russia .rostov-na-donu {top: 89.1%; left: 12.5%;}
.map-russia .novorossijsk {top: 92.7%;left: 11.1%;}
.map-russia .sevastopol {top: 93.8%; left: 8.9%;}
.map-russia .kaliningrad {top: 75.1%;left: 1.5%;}

.map-russia .volgograd {top: 86.5%; left: 15.3%;}
.map-russia .tula {top: 77%; left: 11.3%;}

.map-russia .petropavlovsk {top: 77.7%; left: 78.9%;}
.map-russia .ussuriysk {top: 95.5%; left: 66.1%;}
.map-russia .belogorsk {top: 83%; left: 63.5%;}
.map-russia .chita {top: 80.1%; left: 55.7%;}
.map-russia .ulan-ude {top: 80.2%; left: 52%;}
.map-russia .perm {top: 68%; left: 22%;}
.map-russia .krasnoyarsk {top: 73.5%; left: 43.1%;}
.map-russia .chelyabinsk {top: 74.5%; left: 25%;}
.map-russia .ufa {top: 74.5%; left: 22%;}
.map-russia .stavropol {top: 93.5%; left: 14.2%;}


.map-russia .smovensk {top: 75.3%; left: 8.2%;}
.map-russia .kerch {top: 92.7%;left: 10.4%;}

.map-russia .kemerovo {top: 75.7%;left: 39.5%;}
.map-russia .tomsk {top: 71.7%;left: 38.5%;}
.map-russia .astrahan {top: 91.5%;left: 17.7%;}
.map-russia .severomorsk {top: 38.1%;left: 9.5%;}
.map-russia .kaspiysk {top: 98.1%;left: 17.3%;}
.map-russia .vladikavkaz {top: 98.7%;left: 17.0%;}
.map-russia .yoshkar-ola {top: 71.2%;left: 17.5%;}


.map-russia .magadan {top: 64.6%;left: 76.7%;}
.map-russia .blagoveshensk {top: 84.5%;left: 63.2%;}
.map-russia .yakutsk {top: 61.2%;left: 63.5%;}
.map-russia .irkutsk {top: 81%; left: 49.5%;}
.map-russia .omsk {top: 75%;left: 31.9%;}
.map-russia .voronej {top: 81.6%;left: 12.4%;}


.map-victory {
    border-top: 10px solid #222;
    border-bottom: 10px solid #222;
    position: relative;
    z-index: 1;
}
.map-victory * {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.map-victory-ya {
    width: 100%;
    height: 550px;
    position: relative;
    z-index: 10;
    padding: 0; margin: 0;
}


.post-parade {cursor: pointer;}


.row-songs {padding: 0; margin: 0;}
.row-songs .col-tracklist {padding:15px 24px; margin: 0; border-right:1px solid #E0E0E0;}
.row-songs .col-track {
    padding:24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.track-item {
    cursor: pointer; padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.track-item:hover .track-name {color: #E30613}
.track-item > div {flex: 1 1 auto; line-height: 20px;}
.track-item .track-title {
    font-size:16px;
    line-height: 1.2;
    user-select: none;
    max-width: calc(100% - 105px);
    overflow: hidden;
}

.track-item .song-item-div {display: none;}
.track-item .audio-player-container {
    flex: 1 1 100%;
}

.track-item .track-name,
.track-item .track-author {display: inline-block; vertical-align: middle; margin:  0 5px 0 0;}
.track-item .song-poster {
    flex: 0 0 50px;
    margin:  0 0 0 15px;
    max-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e8e8e8;
}
.track-item .icon-play {
    flex: 0 0 20px;
    margin: 0px 10px 0 0;
    color: #BDBDBD;
    border-radius: 50px;
    padding: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    position: relative;
}
.track-item .icon-play:before {
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left:1px;
}
.track-item .icon-play:before {content:'\0047';}
.track-item.active .icon-play {color:#fff; background:#E30613}
.track-item.playing .icon-play:before {content:'\004e'; margin-left: 0px;}
.track-item.playing .track-name {color: #E30613;}



.song-item-div {display: none;}
.song-item-div:first-child {display: block;}
.song-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 20px 0;
}
.song-item .sont-title {
    flex: 1 1 auto;
    padding: 0 20px 0 0;
}
.song-item .song-poster {
    flex: 0 0 105px;
    max-width: 105px;
    width:105px;
    height: 105px;
    border-radius: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e8e8e8;
}
.song-item .song-poster.poster-64 {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    max-width: 64px;
}



.blockquote-img {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 40vw;
    position: relative;
    z-index: 1;
}
.blockquote-img:before {
    content:' ';
    width: 100%; height: 100%;
    position: absolute;
    z-index: 1;
    top:0; left: 0;
    background-color: rgba(34,34,34,0.2);
}
.blockquote-img .container {
    padding-left: 10px;
    padding-right: 10px;
}
.blockquote-img .blockquote-text {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom:1px solid #fff;
    max-width:600px;
}
.blockquote-img .blockquote-author {
    max-width:600px;
    margin: 0;
}

.page-content {}
.page-content .block:first-child {padding-top: 0; margin-top: 0;}
.page-content img {
    border-radius: 8px;
    margin: 0 0 5px 0;
}

.page-content .container h2,
.page-content .container h3,
.page-content .container h4 {clear:both;}

.page-content img[align="left"] {
    margin: 0 30px 15px 0; float: left; max-width: calc(70% - 30px);
}
.page-content img[align="right"] {
    margin: 0 0px 15px 30px; float: right; max-width: 70%;
}
.page-content img[align="center"] {
    display: block;
    margin: 0 0px 15px 0;
    float: none;
    max-width: 100%;
}

.page-content .img-caption-wrapper {
    display: inline-block;
    margin-bottom: 15px;
}

.page-content .img-caption-wrapper img {
    float: none;
    display: block;
    margin: 0 auto 5px auto !important;
    max-width:100% !important;
    height: auto !important;
}

.page-content .img-caption-wrapper.align-left {
    margin: 0 30px 15px 0; float: left; max-width: calc(70% - 30px);
}
.page-content .img-caption-wrapper.align-right {
    margin: 0 0px 15px 30px; float: right; max-width: 70%;
}
.page-content .img-caption-wrapper.align-center {
    display: block;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 15px;
    text-align: center;
}



.page-content .img-caption-wrapper .img-caption {
    display: inline-block;
    width: min-content;
    min-width: 100%;
    margin: 0px 0 0px 0;
    max-width: 768px;
}


.page-content table {
    background: #fff;
    border-radius:8px;
}
.page-content table th h2,
.page-content table th h3,
.page-content table th h4 {color: #E30613; margin: 0;}

.page-content table thead {}
.page-content table tbody {}

.page-content table th,
.page-content table td {
    min-width: 140px;
    border-bottom: 1px solid #F0F0F0;
    padding: 20px 24px;
    text-align: left;
    font-weight: 400;
}
.page-content table tr:last-child td {border-bottom:none}
.page-content .table {overflow: auto; max-width: 100%; margin: 0 0 20px 0;}


.ya-share2 {display: inline-block !important; vertical-align: middle !important;}
.ya-share2__list {display: inline-block !important; vertical-align: middle !important}
.ya-share2__item {margin: 0 3px 0 3px !important}
.ya-share2__item:before {
    display: none;
    content: '';
}
.ya-share2__badge,
.ya-share2__mobile-popup-badge {
    background-color: #A6A6A6 !important;
}
.ya-share2__badge:hover {background-color: #222 !important;}



@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text) {
    .h-bg,
    .timeline-item.current .timeline-title,
    .filter-links a.active {
        color: transparent !important;
        background-clip: text;
        -webkit-background-clip: text;
        background-image: url(../img/bg-small-1.svg);
        background-size: 100% auto;
        background-position: top left;
        background-repeat: repeat-y;
    }
    .h-bg-2 {
        background-image: url(../img/bg-small-2.svg);
    }
    .h-bg-3 {
        background-image: url(../img/bg-small-3.svg);
    }
    .h-bg-medium {
        background-image: url(../img/bg-medium.svg);
    }
}


.row-city-head {align-items: center;}
.row-city-head .col-city-gerb {
    text-align: right;
}
.row-city-head .col-city-gerb .gerb {width: 90px;}



.row-movie-details {}
.row-movie-details a {color: #222; text-decoration: underline;}
.row-movie-details a:hover {color: #E30613; text-decoration: none;}
.row-movie-details li {margin-bottom: 12px;}
.row-movie-details ul.col-movie-about li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.row-movie-details ul.col-movie-about li span {
    display: block;
    flex: 0 0 65%;
}
.row-movie-details ul.col-movie-about li span:first-child {
    white-space: nowrap;
    padding: 0 20px 0 0;
    flex: 0 0 20%;
    min-width: 140px;
}
.row-movie-details ul.col-movie-about li span:first-child::after {
    content: ':';
}
.row-movie-details ul.col-movie-about li span a {white-space: nowrap;}


.fancybox__container * {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.fancybox__track {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.fancybox__container a,
.fancybox__container button {color: #fff !important;}
.fancybox__slide {opacity: 0.4;}
.fancybox__caption { text-align: center; line-height: 1.15 !important; max-width: 850px;}
.fancybox-image {border-radius: 8px;}
.fancybox__slide.has-image.is-selected {
    z-index:999;

    opacity: 1;
}
.fancybox__slide .fancybox__content {
    height:90vh !important;
}



.fancybox-album .fancybox__slide,
.fancybox-album .fancybox__slide.has-image.is-selected {
    width: 100vw !important;
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 10px;
}
.fancybox-album .fancybox__content {
    flex: 1 1 auto;
    max-width:none;
    width: auto !important;
    height: calc(100vh - 100px) !important;
    margin: 0 0 0 60px;
    padding: 20px !important;
    background: #313131 !important;
    border-radius: 8px;
    display: flex;
    vertical-align: middle;
}

.fancybox-album .fancybox__content .fancybox-image {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    vertical-align: middle;
    object-fit:contain !important;
}

.fancybox-album .fancybox__caption {
    flex: 0 0 30%;
    max-width: 340px !important;
    width: 30% !important;
    height: calc(100vh - 100px) !important;
    margin: 0px 60px 0px 10px;
    background: #454545;
    border-radius: 8px;
    padding: 20px !important;
    text-align: left;
    overflow-y: auto;
}
.fancybox-album .fancybox__caption .color-gray {color: #A2A2A2 !important;}

.fancybox-album .fancybox__caption .fancybox-caption-content {

}



.calendarWrapper {position: relative; display: inline-block; vertical-align: middle;}

.calendarWrapper .vanilla-calendar.calendar-popup {
    display: none;
    position: absolute;
    top: 115%;
    right: 0;
    z-index: 999;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    background-color: #fff !important;
}

.calendarWrapper.popup-right .vanilla-calendar.calendar-popup {
    right: auto;
    left: 0;
}

.vanilla-calendar * {font-weight: 400 !important}
.vanilla-calendar-header__content * {
    font-size: 32px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
}
.vanilla-calendar-day * {
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    color: #222 !important;
    font-family: 'HeliosC', Arial !important;
}
.vanilla-calendar-day__btn {
    margin: 1px;
    border: 1px solid #E30613 !important;
    background-color: transparent !important;
    min-height: inherit !important;
    line-height: 12px !important;
    padding: 8px 0 !important;
}
.vanilla-calendar-day__btn:hover {
    border: 1px solid #E30613 !important;
    background: #E30613 !important;
    color: #fff !important;
}

.vanilla-calendar-day__btn_today {

}
.vanilla-calendar-year {
    font-size: 17px !important;
    color: #a3a3a3 !important;
    margin: -10px -42px 0 0;
    padding: 0 !important;
    letter-spacing: 0.03em;
}

.vanilla-calendar-week__day {
    color: #777 !important;
}

.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_next {
    color: #bebebe !important;
}
.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_disabled:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.vanilla-calendar-day__btn_holiday {
    border: 1px solid #E30613 !important;
}

.vanilla-calendar-day__btn_holiday:hover {
    color: #fff !important;
    background-color: #E30613 !important;
}

.vanilla-calendar-day__btn_selected,
.vanilla-calendar-day__btn_selected:hover,
.vanilla-calendar-day__btn_today:hover{
    color: #fff !important;
    background-color: #E30613 !important;
}

.vanilla-calendar-months__month,
.vanilla-calendar-years__year {
    font-size: 17px !important;
    line-height: 17px !important;
    letter-spacing: 0.02em;
    color:#222 !important;
}

.vanilla-calendar-header__content .vanilla-calendar-month:hover {
    color: #ff3a21 !important
}
.vanilla-calendar-header__content .vanilla-calendar-year:hover {
    color: #222 !important;
}

.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years__year_disabled {
    color: #bebebe !important;
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
.vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,
.vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
.vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
    font-size: 17px !important;
    line-height: 17px !important;
    letter-spacing: 0.02em;
    background-color: #E30613 !important;
    color: #fff !important;
}

.calendarWrapper.calendarVisible {display: block;}

@media (min-width: 767px) {

    .calendarWrapper.calendarNoBG .calendar-popup {
        background-color: transparent!important;
        padding: 0 !important;
    }



    .calendarWrapper.calendarVisible .calendar-popup {
        display: block !important;
        position: relative;
        top:0; left: 0;
        box-shadow: none !important;
    }
}


.win-post-gallery .win-container {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}

.win-gallery-content {
    position: absolute;
    width: 100% !important;
    height: 100%;
    left: 0; top: 0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 10px;
    margin: 0;
}

.win-gallery-content .win-gallery-slider {
    flex: 1 1 auto;
    max-width: none;
    width: auto !important;
    height: calc(100% - 100px) !important;
    margin: 0 0 0 60px;
    padding: 0px !important;
    background: #313131 !important;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    vertical-align: middle;
    flex-direction: column;
    position: relative;
    align-self: center;
    flex-wrap: nowrap;
    justify-content: center;
    z-index: 1;
}

.win-gallery-content .win-gallery-text {
    flex: 0 0 35%;
    font-size: 16px;
    max-width: 490px !important;
    width: 35% !important;
    height: calc(100% - 100px) !important;
    margin: 0px 60px 0px 10px;
    background: #454545;
    border-radius: 8px;
    padding: 20px !important;
    text-align: left;
    overflow-y: auto;
    align-self: center;
}
.win-gallery-content .win-gallery-text p {margin: 0 0 30px 0;}
.win-gallery-content .win-gallery-text .color-gray {color:#A2A2A2 !important}
.win-gallery-content .win-gallery-text ul li:before {background-color: #FFF; top: 5px;}


.win-gallery-content .win-gallery-text table {
    margin: 10px 0 20px 0;
    border-top: 2px solid #454545;
    background: none !important;
}
.win-gallery-content .win-gallery-text tr {

}

.win-gallery-content .win-gallery-text td,
.win-gallery-content .win-gallery-text th {
    padding: 6px 12px;
    vertical-align: top;
    border-bottom: 2px solid #454545;
    border-right: 2px solid #454545;
    border-radius: 5px;
    background-color: #0000002b;
}

.win-gallery-content .win-gallery-text tr:nth-child(odd) {

}
.win-gallery-content .win-gallery-text tr:nth-child(odd) td {

}



.win-slider {
    width: 100%;
    height: 100%;
}



.win-slider .owl-stage-outer {height: 100% !important;}
.win-slider .owl-stage {height: 100% !important;}
.win-slider .owl-stage .owl-item {
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.win-slider .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 0;
    left: 0;
    text-align: center;
    margin: 0;
}

.win-slider-nav {
    position: absolute;
    z-index: 10;
    bottom: 10px;
    left: 20px;
    width: 100%;
}

.win-slider .post {
    background-color: transparent;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.win-slider .post .post-img {
    margin: 0;
    height: 100%;
    background-size: contain;
    background-color: transparent;
    position:relative;
}

.win-slider .post .post-img .post-img-caption {
    position:absolute;
    bottom: 0px; left:0px;
    width:100%;
    padding:20px 110px 15px 110px;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 97%);
    color:#fff;
    opacity: 0.6;
}

.win-slider .post-video {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 60px 0;
}

.win-slider .post-video .post-img {
    height: auto;
    background-size: cover;
}

.win-slider .post.post-video.active {

}
.win-slider .post.post-video.active .post-img {
    height: 100% !important;
}


.win-slider .post-audio {
    width: 100%;
    height: 100%;
    padding: 50px;
    text-align: center;
    align-content: center;
    align-items: center;
}

.win-slider .post-audio audio {
    max-width: 600px;
}



.load-gallery {
    position: relative;
}

.load-gallery input {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    opacity: 1;
    text-indent: -2000px;
    width: 100%;
    height: 100%;
    cursor: pointer !important;
    background-color: transparent;
    border: none;
}

.load-gallery input.dragging {
    background-color: rgba(0,0,0,0.03);
}

.load-gallery-images .load-gallery-photo {
    border-radius: 8px !important;
    background-color: #FFF !important;
    border: 1px solid #EEE !important;
    margin: 0px 7px 5px 0px;
    display: inline-block;
    position: relative;
    width: 155px;
    height: 155px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.load-gallery-images .load-gallery-photo a {display: block; height: 100%; width: 100%; position: absolute; top:0; left: 0;}
.load-gallery-images .load-gallery-photo .del {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    opacity: 1;
    background: #00000057;
    border-radius: 30px;
    width: 32px;
    height: 32px;
}
.load-gallery-images .load-gallery-photo .del:before {
    content: '\0044';
    display: inline-block;
    font-family: 'Glyphter';
    font-size: 12px;
    line-height: 32px;
    height: 17px;
    width: 33px;
}

.load-gallery-images .load-gallery-photo .del:hover {
    background: #222;
}

.load-gallery-images .load-gallery-photo.for-delete:before {
    content: ' ';
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75);
}

.load-gallery-images .load-gallery-photo.for-delete:after {
    content: ' ';
    display: block;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../img/icon-delete.svg) center center no-repeat;
    background-size: contain;
}

.load-gallery-images .load-gallery-photo.for-delete .del:before {
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 80%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi4wMDcyIDE3Ljg3NzZDMjEuNjAzNiAxNy45NzA4IDIxLjIwMDkgMTcuNzE5MSAyMS4xMDc3IDE3LjMxNTVMMjAuMzc4MyAxNC4xNTZDMjAuMzQ3MiAxNC4wMjE0IDIwLjIxMyAxMy45Mzc2IDIwLjA3ODQgMTMuOTY4NkwxNi45MTg5IDE0LjY5OEMxNi41MTUzIDE0Ljc5MTIgMTYuMTEyNiAxNC41Mzk2IDE2LjAxOTQgMTQuMTM2QzE1LjkyNjIgMTMuNzMyNCAxNi4xNzc5IDEzLjMyOTcgMTYuNTgxNSAxMy4yMzY1TDE5Ljc0MSAxMi41MDcxQzIwLjY4MjcgMTIuMjg5NyAyMS42MjI0IDEyLjg3NjggMjEuODM5OCAxMy44MTg2TDIyLjU2OTIgMTYuOTc4MUMyMi42NjI0IDE3LjM4MTcgMjIuNDEwOCAxNy43ODQ0IDIyLjAwNzIgMTcuODc3NloiIGZpbGw9IiMwMDI1NTIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi40OTk4IDE4Ljg5N0M4LjQ5NTc1IDE4Ljg5NyA1LjI0OTgyIDE1LjY1MSA1LjI0OTgyIDExLjY0N0M1LjI0OTgyIDcuNjQyOTEgOC40OTU3NSA0LjM5Njk3IDEyLjQ5OTggNC4zOTY5N0MxMi45MTQgNC4zOTY5NyAxMy4yNDk4IDQuMDYxMTkgMTMuMjQ5OCAzLjY0Njk3QzEzLjI0OTggMy4yMzI3NiAxMi45MTQgMi44OTY5NyAxMi40OTk4IDIuODk2OTdDNy42NjczMyAyLjg5Njk3IDMuNzQ5ODIgNi44MTQ0OCAzLjc0OTgyIDExLjY0N0MzLjc0OTgyIDE2LjQ3OTUgNy42NjczMyAyMC4zOTcgMTIuNDk5OCAyMC4zOTdDMTYuMjYwMiAyMC4zOTcgMTkuNDY0NyAxOC4wMjUzIDIwLjcwMjcgMTQuNjk4N0MyMC44NDcyIDE0LjMxMDUgMjAuNjQ5NiAxMy44Nzg3IDIwLjI2MTQgMTMuNzM0MkMxOS44NzMyIDEzLjU4OTcgMTkuNDQxNCAxMy43ODczIDE5LjI5NjkgMTQuMTc1NUMxOC4yNzAzIDE2LjkzMzkgMTUuNjEzNCAxOC44OTcgMTIuNDk5OCAxOC44OTdaIiBmaWxsPSIjMDAyNTUyIi8+Cjwvc3ZnPgo=);
}
.load-gallery-single .load-gallery-photo {
    margin: 0;
    display: block;
    width: 300px;
    height: 300px;
}

.load-gallery-images .load-gallery-photo.block-loading:before {
    background-color: rgba(0,0,0,0.1) !important;
}

.file-drop-area  {
    border: 3px dotted #dddddd !important;
    border-radius: 8px;
    padding: 10px 14px 14px 14px;
}




.select2-container {
    width: fit-content !important;
}

.select2-container .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    height: auto !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 17px 36px 13px 14px;
    font-size: 18px;
    line-height: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    width: 20px !important;
    height: 18px !important;
    top: 14px;
    right: 10px;
}

.select2-container .select2-selection--single .select2-selection__arrow:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    content: '\0042';
    color: #222;
}

.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow:before {
    transform: rotate(270deg);
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    width: max-content !important;
    min-width: 92px;
    max-width: 280px !important;
}
.select2-dropdown ul,
.select2-dropdown li {
    list-style: none;
    margin: 2px 0; padding: 0;
}

.select2-dropdown li {
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1;
}

.select2-dropdown li ul li {

}

.select2-dropdown li:before {content: ''; display: none;}

.select2-dropdown .select2-results {
    padding: 5px !important;
}

.select2-search--dropdown {
    padding: 5px 5px 0 5px !important;
}
.select2-container .select2-search--dropdown .select2-search__field {
    border: 1px solid #E0E0E0 !important;
    border-radius: 8px;
    margin: 0 !important;
    padding: 5px 10px;
    width: 100% !important;
    font-size: 18px;
    line-height: 20px;
}



.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F5F5F5 !important;
    color: #222 !important;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--selected.select2-results__option--highlighted {
    background-color:#E30613 !important;
    color: #fff !important;
}
.select2-container--default .select2-results__group {
    padding: 8px 10px;
    font-weight: normal;
    color: #A6A6A6;
}

.btn-select-dropdown {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin-top: 6px;
}

.btn-select-dropdown li ul li {
    font-size: 14px;
    padding: 5px 20px 5px 20px !important
}

.btn-select-dropdown .select2-results>.select2-results__options {
    max-height: 400px;
}



.select2-selection--single.btn-select {
    vertical-align: middle;
    background-color: transparent !important;
    border: 1px solid #E30613 !important;
}
.select2-selection--single.btn-select .select2-selection__rendered {
    font-family: 'BastionX';
    padding: 10px 42px 10px 14px !important;
    width: min-content;
    color: #e30613;
    text-transform: uppercase;
}
.select2-selection--single.btn-select .select2-selection__arrow {
    top: 9px !important;
    right: 15px !important;
}
.select2-selection--single.btn-select .select2-selection__arrow:before {
    color: #e30613;
}

.select2-selection--single.btn-select:hover {background-color: #e30613 !important;}
.select2-selection--single.btn-select:hover .select2-selection__rendered {color: #fff;}
.select2-selection--single.btn-select:hover .select2-selection__arrow:before {color: #fff;}



.track-list .track-item {
    background: #fff;
    border:1px solid #fff;
    padding: 16px;
    border-radius: 8px;
    margin: 0 0 10px 0;
    user-select: none;
}
.track-list .track-item .track-name {display: block; margin: 0 0 2px 0;}
.track-list .track-item .track-author {
    font-size: 85%;
    line-height: 1.1;
}
.track-list .track-item.active {
    border-color: #E30613;
}
.track-list .track-item.active.playing {
    border-color: #E30613;
}

.track-list .track-item .icon-play {
    flex: 0 0 30px;
    margin: 0px 10px 0 0;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    top: -5px;
    color: #222;
    position: relative;
}
.track-list .track-item .icon-play:before {
    font-size: 14px;
    line-height: 30px;
    width: 30px;
    height: 30px;
}

.track-list .track-item.active .icon-play {background-color:inherit; color: #222;}
.track-list .track-item.active.playing .icon-play {color: #E30613}




.song-info-wrapper {

}

.song-info-wrapper .song-item-div audio {
    border: 1px solid transparent !important;
    padding: 0;
}
.song-info-wrapper .song-item-div audio::-webkit-media-controls-panel {
    border: 1px solid transparent !important;
    padding: 0 !important;
    border-color:inherit !important;
}


.audio-player {
    background: #fff;
    border:1px solid #fff;
    padding: 24px;
    border-radius: 8px;
}
.audio-player audio {display: none;}

.audio-player-container {

}
.audio-player-container .track {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

.audio-player-container .track .time {
    font-size: 16px;
    line-height: 17px;
    margin: 0 15px 0 0;
    flex: 1 1 20px;
}

.audio-player-container .track .bar {
    flex: 1 1 auto;
    width: 100%;
    border-radius: 10px;
    height: 8px;
    background: #F5F5F5;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.audio-player-container .track .bar-loaded {
    width: 0;
    border-radius: 10px;
    height: 8px;
    background: #DDD;
    position: absolute;
    top:0; left: 0;
    z-index: 1;
}

.audio-player-container .track .bar-played {
    width: 0;
    border-radius: 10px;
    height: 8px;
    background: #E30613;
    position: absolute;
    top:0; left: 0;
    z-index: 5
}

.audio-player-container .track .range {
    width: 100%;
    position: absolute;
    top:-2px; left: 0;
    -webkit-appearance: none;
    appearance: none;
    background: #d3d3d3;
    outline: none;
    -webkit-transition: .0s;
    transition: opacity .0s;
    border-radius: 10px;
    height: 12px;
    z-index: 10;
    cursor: pointer;
    padding: 0; margin: 0;
    opacity: 0;
}



.audio-player-container .track .icon-sound {
    flex: 1 1 30px;
    height: 30px;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 5px;
}

.audio-player-container .track .icon-sound:hover {

}

.audio-player-container .audio-player-buttons {
    margin: 10px 0 0 0;
}

.audio-player-container .icon-media-prev,
.audio-player-container .icon-media-next {
    cursor: pointer;
    display: inline-block;
    padding: 20px;
    background-size: 20px 20px;
}

.audio-player-container .icon-play {
    width: 65px;
    height: 65px;
    background: #E30613;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}
.audio-player-container .icon-play:before {
    width: 65px;
    height: 65px;
    display: block;
    font-size: 24px;
    line-height: 65px;
    text-indent: 7px;
}

.audio-player-container.playing .icon-play:before {
    content: '\004e';
    text-indent: 0;
}

.app-buttons {text-align: left;}

.app-buttons .app-button {
    display: inline-block;
    margin: 5px 10px 5px 0;
}

.app-buttons .app-button img {
    width: auto !important;
    height: 48px;
}

.events-filter {text-align: right;}


.test-points {
    padding: 8px 12px;
    background: #F5F5F5;
    border-radius: 24px;
    display: inline-block;
    line-height: 12px;
    vertical-align: middle;
    margin: 0 0 15px 0;
    user-select: none;
}
.test-points > * {
    display:inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0px 0 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDE1MTggOS41Mzk0OEw1Ljg1OTY4IDguMDcyODFMOC4zMDQxOCA5LjU1NjE1TDcuNjU0MTggNi43NzgzMUw5LjgwNDE4IDQuOTExNjVMNi45NzA4NCA0LjY2MTY1TDUuODU5NjggMi4wMzk0OEw0Ljc0ODUxIDQuNjQ0OThMMS45MTUxOCA0Ljg5NDk4TDQuMDY1MTggNi43NjczMUwzLjQxNTE4IDkuNTM5NDhaTTUuODU5NjggOS4zNzI4MUwyLjg3MDg1IDExLjE3MjhDMi43NzA4NSAxMS4yMzU4IDIuNjY1MjkgMTEuMjYzNiAyLjU1NDE4IDExLjI1NjFDMi40NDMwNyAxMS4yNDg3IDIuMzQ0OSAxMS4yMTM1IDIuMjU5NjggMTEuMTUwNkMyLjE3NDQ2IDExLjA4NzYgMi4xMDk2MiAxMS4wMDcxIDIuMDY1MTggMTAuOTA5QzIuMDIwNzMgMTAuODEwOCAyLjAxMTUxIDEwLjcwMDUgMi4wMzc1MSAxMC41NzgzTDIuODI2MzQgNy4xNzI4MUwwLjE4NzUxMSA0Ljg3ODMxQzAuMDkxMTc4MSA0Ljc5MzIgMC4wMzI4NDQ4IDQuNjk3ODcgMC4wMTI1MTE0IDQuNTkyMzFDLTAuMDA3OTMzIDQuNDg2NzYgLTAuMDAzMzIxODYgNC4zODM5OCAwLjAyNjM0NDggNC4yODM5OEMwLjA1NjAxMTUgNC4xODM5OCAwLjExMTU2NyA0LjEwMDY1IDAuMTkzMDExIDQuMDMzOThDMC4yNzQ0NTYgMy45NjczMSAwLjM3ODE3OCAzLjkyNjUzIDAuNTA0MTc4IDMuOTExNjVMMy45OTMwMSAzLjYwNjE1TDUuMzQzMDEgMC4zOTQ5NzlDNS4zOTExMiAwLjI4Mzg2OCA1LjQ2NDI5IDAuMjAwNTM0IDUuNTYyNTEgMC4xNDQ5NzlDNS42NjA2MiAwLjA4OTQyMzMgNS43NTk2OCAwLjA2MTY0NTUgNS44NTk2OCAwLjA2MTY0NTVDNS45NTk2OCAwLjA2MTY0NTUgNi4wNTg3MyAwLjA4OTQyMzMgNi4xNTY4NCAwLjE0NDk3OUM2LjI1NTA3IDAuMjAwNTM0IDYuMzI4MjMgMC4yODM4NjggNi4zNzYzNSAwLjM5NDk3OUw3LjcyNjM1IDMuNjA2MTVMMTEuMjE1MiAzLjkxMTY1QzExLjM0MTIgMy45MjY1MyAxMS40NDQ5IDMuOTY3MzEgMTEuNTI2MyA0LjAzMzk4QzExLjYwNzggNC4xMDA2NSAxMS42NjMzIDQuMTgzOTggMTEuNjkzIDQuMjgzOThDMTEuNzIyNyA0LjM4Mzk4IDExLjcyNzMgNC40ODY3NiAxMS43MDY4IDQuNTkyMzFDMTEuNjg2NSA0LjY5Nzg3IDExLjYyODIgNC43OTMyIDExLjUzMTggNC44NzgzMUw4Ljg5MzAxIDcuMTcyODFMOS42ODE4NSAxMC41NzgzQzkuNzA3ODUgMTAuNzAwNSA5LjY5ODYyIDEwLjgxMDggOS42NTQxOCAxMC45MDlDOS42MDk3MyAxMS4wMDcxIDkuNTQ0OSAxMS4wODc2IDkuNDU5NjggMTEuMTUwNkM5LjM3NDQ2IDExLjIxMzUgOS4yNzYyOSAxMS4yNDg3IDkuMTY1MTggMTEuMjU2MUM5LjA1NDA3IDExLjI2MzYgOC45NDg1MSAxMS4yMzU4IDguODQ4NTEgMTEuMTcyOEw1Ljg1OTY4IDkuMzcyODFaIiBmaWxsPSIjNzc3Nzc3Ii8+Cjwvc3ZnPgo=");
}
.test-points > *:last-child {margin-right: 0;}
.test-points .q-bad {
    opacity: 0.5;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTM1NzEgOS42NTczMkwyLjgzNTcxIDExLjUyNEMyLjc0NjgzIDExLjU3OTUgMi42NTIzOCAxMS42MDQ1IDIuNTUyMzggMTEuNTk5QzIuNDUyMzggMTEuNTkzNCAyLjM2MzQ5IDExLjU2MjkgMi4yODU3MSAxMS41MDczQzIuMjA3OTQgMTEuNDUxOCAyLjE0OTYgMTEuMzc5NSAyLjExMDcxIDExLjI5MDdDMi4wNzE4MyAxMS4yMDE4IDIuMDYzNDkgMTEuMTAxOCAyLjA4NTcxIDEwLjk5MDdMMi45MDIzOCA3LjQ1NzMyTDAuMTY5MDQ4IDUuMDczOTlDMC4wODAxNTg3IDQuOTk2MjEgMC4wMjczODEgNC45MTAxIDAuMDEwNzE0MyA0LjgxNTY2Qy0wLjAwNTk1MjM4IDQuNzIxMjEgLTAuMDAzMTc0NiA0LjYyOTU1IDAuMDE5MDQ3NiA0LjU0MDY2QzAuMDQxMjY5OCA0LjQ1MTc3IDAuMDkxMjY5OSA0LjM3Njc3IDAuMTY5MDQ4IDQuMzE1NjZDMC4yNDY4MjUgNC4yNTQ1NSAwLjM0MTI3IDQuMjE4NDQgMC40NTIzODEgNC4yMDczMkw0LjA2OTA1IDMuODkwNjZMNS40NjkwNSAwLjU1NzMyNEM1LjUxMzQ5IDAuNDU3MzI0IDUuNTgwMTYgMC4zODIzMjQgNS42NjkwNSAwLjMzMjMyNEM1Ljc1Nzk0IDAuMjgyMzI0IDUuODQ2ODMgMC4yNTczMjQgNS45MzU3MSAwLjI1NzMyNEM2LjAyNDYgMC4yNTczMjQgNi4xMTM0OSAwLjI4MjMyNCA2LjIwMjM4IDAuMzMyMzI0QzYuMjkxMjcgMC4zODIzMjQgNi4zNTc5NCAwLjQ1NzMyNCA2LjQwMjM4IDAuNTU3MzI0TDcuODAyMzggMy44OTA2NkwxMS40MTkgNC4yMDczMkMxMS41MzAyIDQuMjE4NDQgMTEuNjI0NiA0LjI1NDU1IDExLjcwMjQgNC4zMTU2NkMxMS43ODAyIDQuMzc2NzcgMTEuODMwMiA0LjQ1MTc3IDExLjg1MjQgNC41NDA2NkMxMS44NzQ2IDQuNjI5NTUgMTEuODc3NCA0LjcyMTIxIDExLjg2MDcgNC44MTU2NkMxMS44NDQgNC45MTAxIDExLjc5MTMgNC45OTYyMSAxMS43MDI0IDUuMDczOTlMOC45NjkwNSA3LjQ1NzMyTDkuNzg1NzIgMTAuOTkwN0M5LjgwNzk0IDExLjEwMTggOS43OTk2IDExLjIwMTggOS43NjA3MiAxMS4yOTA3QzkuNzIxODMgMTEuMzc5NSA5LjY2MzQ5IDExLjQ1MTggOS41ODU3MiAxMS41MDczQzkuNTA3OTQgMTEuNTYyOSA5LjQxOTA1IDExLjU5MzQgOS4zMTkwNSAxMS41OTlDOS4yMTkwNSAxMS42MDQ1IDkuMTI0NiAxMS41Nzk1IDkuMDM1NzIgMTEuNTI0TDUuOTM1NzEgOS42NTczMloiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg==");
}

.test-points .q-good {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTM1NzEgMTAuMTE5MkwyLjgzNTcxIDExLjk4NTlDMi43NDY4MyAxMi4wNDE1IDIuNjUyMzggMTIuMDY2NSAyLjU1MjM4IDEyLjA2MDlDMi40NTIzOCAxMi4wNTU0IDIuMzYzNDkgMTIuMDI0OCAyLjI4NTcxIDExLjk2OTJDMi4yMDc5NCAxMS45MTM3IDIuMTQ5NiAxMS44NDE1IDIuMTEwNzEgMTEuNzUyNkMyLjA3MTgzIDExLjY2MzcgMi4wNjM0OSAxMS41NjM3IDIuMDg1NzEgMTEuNDUyNkwyLjkwMjM4IDcuOTE5MjRMMC4xNjkwNDggNS41MzU5MUMwLjA4MDE1ODcgNS40NTgxMyAwLjAyNzM4MSA1LjM3MjAyIDAuMDEwNzE0MyA1LjI3NzU3Qy0wLjAwNTk1MjM4IDUuMTgzMTMgLTAuMDAzMTc0NiA1LjA5MTQ2IDAuMDE5MDQ3NiA1LjAwMjU3QzAuMDQxMjY5OCA0LjkxMzY4IDAuMDkxMjY5OSA0LjgzODY4IDAuMTY5MDQ4IDQuNzc3NTdDMC4yNDY4MjUgNC43MTY0NiAwLjM0MTI3IDQuNjgwMzUgMC40NTIzODEgNC42NjkyNEw0LjA2OTA1IDQuMzUyNTdMNS40NjkwNSAxLjAxOTI0QzUuNTEzNDkgMC45MTkyMzggNS41ODAxNiAwLjg0NDIzOCA1LjY2OTA1IDAuNzk0MjM4QzUuNzU3OTQgMC43NDQyMzggNS44NDY4MyAwLjcxOTIzOCA1LjkzNTcxIDAuNzE5MjM4QzYuMDI0NiAwLjcxOTIzOCA2LjExMzQ5IDAuNzQ0MjM4IDYuMjAyMzggMC43OTQyMzhDNi4yOTEyNyAwLjg0NDIzOCA2LjM1Nzk0IDAuOTE5MjM4IDYuNDAyMzggMS4wMTkyNEw3LjgwMjM4IDQuMzUyNTdMMTEuNDE5IDQuNjY5MjRDMTEuNTMwMiA0LjY4MDM1IDExLjYyNDYgNC43MTY0NiAxMS43MDI0IDQuNzc3NTdDMTEuNzgwMiA0LjgzODY4IDExLjgzMDIgNC45MTM2OCAxMS44NTI0IDUuMDAyNTdDMTEuODc0NiA1LjA5MTQ2IDExLjg3NzQgNS4xODMxMyAxMS44NjA3IDUuMjc3NTdDMTEuODQ0IDUuMzcyMDIgMTEuNzkxMyA1LjQ1ODEzIDExLjcwMjQgNS41MzU5MUw4Ljk2OTA1IDcuOTE5MjRMOS43ODU3MSAxMS40NTI2QzkuODA3OTQgMTEuNTYzNyA5Ljc5OTYgMTEuNjYzNyA5Ljc2MDcxIDExLjc1MjZDOS43MjE4MyAxMS44NDE1IDkuNjYzNDkgMTEuOTEzNyA5LjU4NTcxIDExLjk2OTJDOS41MDc5NCAxMi4wMjQ4IDkuNDE5MDUgMTIuMDU1NCA5LjMxOTA1IDEyLjA2MDlDOS4yMTkwNSAxMi4wNjY1IDkuMTI0NiAxMi4wNDE1IDkuMDM1NzEgMTEuOTg1OUw1LjkzNTcxIDEwLjExOTJaIiBmaWxsPSIjRTMwNjEzIi8+Cjwvc3ZnPgo=")
}


.questions-wrapper {
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.questions {
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
}

.question-image {

}

.question-right {
    display: flex;
    flex-direction: column;
}

.question-content {
    flex: 1 1 auto;
}

.question-content .test-points {

}

.question-content .test-points > * {
    width: 32px;
    height: 32px;
    background-size: 20px 20px;
    border: 2px solid transparent;
}
.question-content .test-points > *.current {
    border-radius: 20px;
    border: 2px solid #777777;
}

.row-answers {
    margin: 30px -10px 30px -10px;
}
.row-answers > * {padding: 5px 5px;}
.row-answers .answer {
    position: relative;
    display: block;
    border-radius: 8px;
    background: #F5F5F5;
    border:2px solid #F5F5F5;
    padding: 20px 55px 20px 20px;
    height: 100%;
}

.row-answers .answer .answer-star {
    position: absolute;
    top:calc(50% - 14px);
    right: 16px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDE1MTggOS41Mzk0OEw1Ljg1OTY4IDguMDcyODFMOC4zMDQxOCA5LjU1NjE1TDcuNjU0MTggNi43NzgzMUw5LjgwNDE4IDQuOTExNjVMNi45NzA4NCA0LjY2MTY1TDUuODU5NjggMi4wMzk0OEw0Ljc0ODUxIDQuNjQ0OThMMS45MTUxOCA0Ljg5NDk4TDQuMDY1MTggNi43NjczMUwzLjQxNTE4IDkuNTM5NDhaTTUuODU5NjggOS4zNzI4MUwyLjg3MDg1IDExLjE3MjhDMi43NzA4NSAxMS4yMzU4IDIuNjY1MjkgMTEuMjYzNiAyLjU1NDE4IDExLjI1NjFDMi40NDMwNyAxMS4yNDg3IDIuMzQ0OSAxMS4yMTM1IDIuMjU5NjggMTEuMTUwNkMyLjE3NDQ2IDExLjA4NzYgMi4xMDk2MiAxMS4wMDcxIDIuMDY1MTggMTAuOTA5QzIuMDIwNzMgMTAuODEwOCAyLjAxMTUxIDEwLjcwMDUgMi4wMzc1MSAxMC41NzgzTDIuODI2MzQgNy4xNzI4MUwwLjE4NzUxMSA0Ljg3ODMxQzAuMDkxMTc4MSA0Ljc5MzIgMC4wMzI4NDQ4IDQuNjk3ODcgMC4wMTI1MTE0IDQuNTkyMzFDLTAuMDA3OTMzIDQuNDg2NzYgLTAuMDAzMzIxODYgNC4zODM5OCAwLjAyNjM0NDggNC4yODM5OEMwLjA1NjAxMTUgNC4xODM5OCAwLjExMTU2NyA0LjEwMDY1IDAuMTkzMDExIDQuMDMzOThDMC4yNzQ0NTYgMy45NjczMSAwLjM3ODE3OCAzLjkyNjUzIDAuNTA0MTc4IDMuOTExNjVMMy45OTMwMSAzLjYwNjE1TDUuMzQzMDEgMC4zOTQ5NzlDNS4zOTExMiAwLjI4Mzg2OCA1LjQ2NDI5IDAuMjAwNTM0IDUuNTYyNTEgMC4xNDQ5NzlDNS42NjA2MiAwLjA4OTQyMzMgNS43NTk2OCAwLjA2MTY0NTUgNS44NTk2OCAwLjA2MTY0NTVDNS45NTk2OCAwLjA2MTY0NTUgNi4wNTg3MyAwLjA4OTQyMzMgNi4xNTY4NCAwLjE0NDk3OUM2LjI1NTA3IDAuMjAwNTM0IDYuMzI4MjMgMC4yODM4NjggNi4zNzYzNSAwLjM5NDk3OUw3LjcyNjM1IDMuNjA2MTVMMTEuMjE1MiAzLjkxMTY1QzExLjM0MTIgMy45MjY1MyAxMS40NDQ5IDMuOTY3MzEgMTEuNTI2MyA0LjAzMzk4QzExLjYwNzggNC4xMDA2NSAxMS42NjMzIDQuMTgzOTggMTEuNjkzIDQuMjgzOThDMTEuNzIyNyA0LjM4Mzk4IDExLjcyNzMgNC40ODY3NiAxMS43MDY4IDQuNTkyMzFDMTEuNjg2NSA0LjY5Nzg3IDExLjYyODIgNC43OTMyIDExLjUzMTggNC44NzgzMUw4Ljg5MzAxIDcuMTcyODFMOS42ODE4NSAxMC41NzgzQzkuNzA3ODUgMTAuNzAwNSA5LjY5ODYyIDEwLjgxMDggOS42NTQxOCAxMC45MDlDOS42MDk3MyAxMS4wMDcxIDkuNTQ0OSAxMS4wODc2IDkuNDU5NjggMTEuMTUwNkM5LjM3NDQ2IDExLjIxMzUgOS4yNzYyOSAxMS4yNDg3IDkuMTY1MTggMTEuMjU2MUM5LjA1NDA3IDExLjI2MzYgOC45NDg1MSAxMS4yMzU4IDguODQ4NTEgMTEuMTcyOEw1Ljg1OTY4IDkuMzcyODFaIiBmaWxsPSIjNzc3Nzc3Ii8+Cjwvc3ZnPgo=);
}
.row-answers input,
.row-answers input + label:before,
.row-answers input + label:after {visibility: hidden;}

.row-answers input:checked + .answer {
    background: #FFFFFF;
    border-color: #E0E0E0;
}
.row-answers input:checked + .answer .answer-star {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNFMzA2MTMiIGQ9Ik0zLjQxNSw5LjUzOUw1Ljg2LDguMDczbDIuNDQ0LDEuNDgzbC0wLjY1LTIuNzc4bDIuMTUtMS44NjdsLTIuODMzLTAuMjVMNS44NiwyLjAzOUw0Ljc0OSw0LjY0NQ0KCWwtMi44MzMsMC4yNWwyLjE1LDEuODcyTDMuNDE1LDkuNTM5eiBNNS44Niw5LjM3M2wtMi45ODksMS44Yy0wLjEsMC4wNjMtMC4yMDYsMC4wOTEtMC4zMTcsMC4wODMNCgljLTAuMTExLTAuMDA3LTAuMjA5LTAuMDQzLTAuMjk0LTAuMTA1Yy0wLjA4NS0wLjA2My0wLjE1LTAuMTQ0LTAuMTk0LTAuMjQyUzIuMDEyLDEwLjcsMi4wMzgsMTAuNTc4bDAuNzg5LTMuNDA1TDAuMTg4LDQuODc4DQoJYy0wLjA5Ni0wLjA4NS0wLjE1NS0wLjE4LTAuMTc1LTAuMjg2cy0wLjAxNi0wLjIwOCwwLjAxNC0wLjMwOHMwLjA4NS0wLjE4MywwLjE2Ny0wLjI1YzAuMDgxLTAuMDY3LDAuMTg1LTAuMTA3LDAuMzExLTAuMTIyDQoJbDMuNDg5LTAuMzA2bDEuMzUtMy4yMTFjMC4wNDgtMC4xMTEsMC4xMjEtMC4xOTQsMC4yMi0wLjI1QzUuNjYxLDAuMDg5LDUuNzYsMC4wNjIsNS44NiwwLjA2MlM2LjA1OSwwLjA5LDYuMTU3LDAuMTQ1DQoJYzAuMDk4LDAuMDU2LDAuMTcxLDAuMTM5LDAuMjIsMC4yNWwxLjM1LDMuMjExbDMuNDg5LDAuMzA2YzAuMTI2LDAuMDE1LDAuMjMsMC4wNTYsMC4zMTEsMC4xMjJjMC4wODEsMC4wNjcsMC4xMzcsMC4xNSwwLjE2NywwLjI1DQoJczAuMDM0LDAuMjAzLDAuMDE0LDAuMzA4Yy0wLjAyLDAuMTA2LTAuMDc5LDAuMjAxLTAuMTc1LDAuMjg2bC0yLjY0LDIuMjk1bDAuNzg5LDMuNDA1YzAuMDI2LDAuMTIyLDAuMDE3LDAuMjMyLTAuMDI4LDAuMzMxDQoJYy0wLjA0NCwwLjA5OC0wLjEwOSwwLjE3OS0wLjE5NCwwLjI0MnMtMC4xODMsMC4wOTgtMC4yOTQsMC4xMDVjLTAuMTExLDAuMDA4LTAuMjE3LTAuMDItMC4zMTctMC4wODNMNS44Niw5LjM3M3oiLz4NCjwvc3ZnPg0K");
}

.row-answers .answer.correct {
    background: #FFFFFF !important;
    border-color:#E7362C !important;

}
.row-answers .answer.correct .answer-star {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTM1NzEgMTAuMTE5MkwyLjgzNTcxIDExLjk4NTlDMi43NDY4MyAxMi4wNDE1IDIuNjUyMzggMTIuMDY2NSAyLjU1MjM4IDEyLjA2MDlDMi40NTIzOCAxMi4wNTU0IDIuMzYzNDkgMTIuMDI0OCAyLjI4NTcxIDExLjk2OTJDMi4yMDc5NCAxMS45MTM3IDIuMTQ5NiAxMS44NDE1IDIuMTEwNzEgMTEuNzUyNkMyLjA3MTgzIDExLjY2MzcgMi4wNjM0OSAxMS41NjM3IDIuMDg1NzEgMTEuNDUyNkwyLjkwMjM4IDcuOTE5MjRMMC4xNjkwNDggNS41MzU5MUMwLjA4MDE1ODcgNS40NTgxMyAwLjAyNzM4MSA1LjM3MjAyIDAuMDEwNzE0MyA1LjI3NzU3Qy0wLjAwNTk1MjM4IDUuMTgzMTMgLTAuMDAzMTc0NiA1LjA5MTQ2IDAuMDE5MDQ3NiA1LjAwMjU3QzAuMDQxMjY5OCA0LjkxMzY4IDAuMDkxMjY5OSA0LjgzODY4IDAuMTY5MDQ4IDQuNzc3NTdDMC4yNDY4MjUgNC43MTY0NiAwLjM0MTI3IDQuNjgwMzUgMC40NTIzODEgNC42NjkyNEw0LjA2OTA1IDQuMzUyNTdMNS40NjkwNSAxLjAxOTI0QzUuNTEzNDkgMC45MTkyMzggNS41ODAxNiAwLjg0NDIzOCA1LjY2OTA1IDAuNzk0MjM4QzUuNzU3OTQgMC43NDQyMzggNS44NDY4MyAwLjcxOTIzOCA1LjkzNTcxIDAuNzE5MjM4QzYuMDI0NiAwLjcxOTIzOCA2LjExMzQ5IDAuNzQ0MjM4IDYuMjAyMzggMC43OTQyMzhDNi4yOTEyNyAwLjg0NDIzOCA2LjM1Nzk0IDAuOTE5MjM4IDYuNDAyMzggMS4wMTkyNEw3LjgwMjM4IDQuMzUyNTdMMTEuNDE5IDQuNjY5MjRDMTEuNTMwMiA0LjY4MDM1IDExLjYyNDYgNC43MTY0NiAxMS43MDI0IDQuNzc3NTdDMTEuNzgwMiA0LjgzODY4IDExLjgzMDIgNC45MTM2OCAxMS44NTI0IDUuMDAyNTdDMTEuODc0NiA1LjA5MTQ2IDExLjg3NzQgNS4xODMxMyAxMS44NjA3IDUuMjc3NTdDMTEuODQ0IDUuMzcyMDIgMTEuNzkxMyA1LjQ1ODEzIDExLjcwMjQgNS41MzU5MUw4Ljk2OTA1IDcuOTE5MjRMOS43ODU3MSAxMS40NTI2QzkuODA3OTQgMTEuNTYzNyA5Ljc5OTYgMTEuNjYzNyA5Ljc2MDcxIDExLjc1MjZDOS43MjE4MyAxMS44NDE1IDkuNjYzNDkgMTEuOTEzNyA5LjU4NTcxIDExLjk2OTJDOS41MDc5NCAxMi4wMjQ4IDkuNDE5MDUgMTIuMDU1NCA5LjMxOTA1IDEyLjA2MDlDOS4yMTkwNSAxMi4wNjY1IDkuMTI0NiAxMi4wNDE1IDkuMDM1NzEgMTEuOTg1OUw1LjkzNTcxIDEwLjExOTJaIiBmaWxsPSIjRTMwNjEzIi8+Cjwvc3ZnPgo=) !important;
}

.row-answers .answer.incorrect {
    background: #FFFFFF !important;
    border-color:#222 !important;
}

.row-answers .answer.incorrect .answer-star {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTM1NzEgOS42NTczMkwyLjgzNTcxIDExLjUyNEMyLjc0NjgzIDExLjU3OTUgMi42NTIzOCAxMS42MDQ1IDIuNTUyMzggMTEuNTk5QzIuNDUyMzggMTEuNTkzNCAyLjM2MzQ5IDExLjU2MjkgMi4yODU3MSAxMS41MDczQzIuMjA3OTQgMTEuNDUxOCAyLjE0OTYgMTEuMzc5NSAyLjExMDcxIDExLjI5MDdDMi4wNzE4MyAxMS4yMDE4IDIuMDYzNDkgMTEuMTAxOCAyLjA4NTcxIDEwLjk5MDdMMi45MDIzOCA3LjQ1NzMyTDAuMTY5MDQ4IDUuMDczOTlDMC4wODAxNTg3IDQuOTk2MjEgMC4wMjczODEgNC45MTAxIDAuMDEwNzE0MyA0LjgxNTY2Qy0wLjAwNTk1MjM4IDQuNzIxMjEgLTAuMDAzMTc0NiA0LjYyOTU1IDAuMDE5MDQ3NiA0LjU0MDY2QzAuMDQxMjY5OCA0LjQ1MTc3IDAuMDkxMjY5OSA0LjM3Njc3IDAuMTY5MDQ4IDQuMzE1NjZDMC4yNDY4MjUgNC4yNTQ1NSAwLjM0MTI3IDQuMjE4NDQgMC40NTIzODEgNC4yMDczMkw0LjA2OTA1IDMuODkwNjZMNS40NjkwNSAwLjU1NzMyNEM1LjUxMzQ5IDAuNDU3MzI0IDUuNTgwMTYgMC4zODIzMjQgNS42NjkwNSAwLjMzMjMyNEM1Ljc1Nzk0IDAuMjgyMzI0IDUuODQ2ODMgMC4yNTczMjQgNS45MzU3MSAwLjI1NzMyNEM2LjAyNDYgMC4yNTczMjQgNi4xMTM0OSAwLjI4MjMyNCA2LjIwMjM4IDAuMzMyMzI0QzYuMjkxMjcgMC4zODIzMjQgNi4zNTc5NCAwLjQ1NzMyNCA2LjQwMjM4IDAuNTU3MzI0TDcuODAyMzggMy44OTA2NkwxMS40MTkgNC4yMDczMkMxMS41MzAyIDQuMjE4NDQgMTEuNjI0NiA0LjI1NDU1IDExLjcwMjQgNC4zMTU2NkMxMS43ODAyIDQuMzc2NzcgMTEuODMwMiA0LjQ1MTc3IDExLjg1MjQgNC41NDA2NkMxMS44NzQ2IDQuNjI5NTUgMTEuODc3NCA0LjcyMTIxIDExLjg2MDcgNC44MTU2NkMxMS44NDQgNC45MTAxIDExLjc5MTMgNC45OTYyMSAxMS43MDI0IDUuMDczOTlMOC45NjkwNSA3LjQ1NzMyTDkuNzg1NzIgMTAuOTkwN0M5LjgwNzk0IDExLjEwMTggOS43OTk2IDExLjIwMTggOS43NjA3MiAxMS4yOTA3QzkuNzIxODMgMTEuMzc5NSA5LjY2MzQ5IDExLjQ1MTggOS41ODU3MiAxMS41MDczQzkuNTA3OTQgMTEuNTYyOSA5LjQxOTA1IDExLjU5MzQgOS4zMTkwNSAxMS41OTlDOS4yMTkwNSAxMS42MDQ1IDkuMTI0NiAxMS41Nzk1IDkuMDM1NzIgMTEuNTI0TDUuOTM1NzEgOS42NTczMloiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg==) !important;
}

.question-btns {
    margin: 10px 0 0 0;
}

.question-btns-text .answer-result-text {
    padding-left: 50px;
    position: relative;
}
.question-btns-text .answer-result-text .icon {
    position: absolute;
    top:calc(50% - 12px);
    left: 8px;
    width: 24px; height: 24px;
}

.test-result {
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
}

.test-result .test-points > * {
    width: 24px;
    height: 24px;
    background-size: 18px 18px;
}

.test-result-content {

}

.row-test-posts {
    margin-left: -5px;
    margin-right: -5px;
}

.row-test-posts > * {
    padding-left:5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.row-test-posts .test-post  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    color: #222;
}

.row-test-posts .test-post:hover {color: #222 !important;}

.row-test-posts .test-post-img {
    flex: 0 0 45%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.row-test-posts .test-post-content {
    flex: 0 0 55%;
    padding-right: 10px;
}


.other-tests {
    margin: 0px 0 0 0;
    position: fixed;
    bottom: 0;
    left: 60px;
    border-radius: 8px 8px 0 0 !important;
    width: calc(100% - 130px);
    box-shadow: 0 -10px 15px rgb(0 0 0 / 7%);
}

.other-tests-item {
    display: block;
    height: 100%;
    color: #222;
}

.other-tests-item:hover {
    color: #222 !important;
}

.item-download {
    display: block; height: 100%;
}

.win-search {

}

.win-search .win-container {
    vertical-align: top;
    background: #fff;
    height: auto;
    text-align: left;
}
.win-search .win-container .container {
    padding-top: 12px;
    padding-bottom: 30px;
}

.search-item {
    color: #222;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #FFF;
    margin: 5px 0 5px 0;
    border:1px solid transparent;
}

.header .menu .search-item:hover,
.search-item:hover {
    color: #E30613 !important;
    border:1px solid #E30613 !important;
    opacity: 1 !important;
}
.search-item * {
    -webkit-transition: 0.0s;
    -moz-transition: 0.0s;
    -o-transition: 0.0s;
    transition: 0.0s;
}
.search-wait {
    padding:13px 16px 13px 53px;
}
.search-input {position: relative; z-index: 1;}
.search-input input {
    padding: 13px 16px 13px 53px;
}
.search-input .icon-search {
    position: absolute;
    z-index: 5;
    left: 20px;
    top:calc(50% - 9px);
}

.search-input .icon-close {
    position: absolute;
    z-index: 5;
    right: 20px;
    top:calc(50% - 9px);
}

.search-input .placeholder {display: none;}


.win-search .search-input {padding-right: 45px;}
.win-search .search-item:hover {
    background-color: #F5F5F5;
    border-color: transparent;
}

.row-search-input .btn {
    padding: 13px 20px;
}