:root {
    --main-green-color: #2fbf71;
    --blue-color: #00bfbc;
    --transparent-border-color: rgba(0, 0, 0, 0.12);
}
html,
body {
    -webkit-text-size-adjust: 100%;
}
@media only screen and(-webkit-min-device-pixel-ratio:1.5), only screen and(-o-min-device-pixel-ratio:3/2), only screen and(min--moz-device-pixel-ratio:1.5), only screen and(min-device-pixel-ratio:1.5) {
    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }
}
body {
    overflow-x: hidden;
}
.icon {
    background-repeat: no-repeat;
}
.navigation-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTQuNzEgNi43MWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBMOC43MSAxMS4zYy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxbDQuNTkgNC41OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDAgLjM5LS4zOS4zOS0xLjAyIDAtMS40MUwxMC44MyAxMmwzLjg4LTMuODhjLjM5LS4zOS4zOC0xLjAzIDAtMS40MXoiLz48L3N2Zz4=);
}
.navigation-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOS4yOSA2LjcxYy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxTDEzLjE3IDEybC0zLjg4IDMuODhjLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEuMzkuMzkgMS4wMi4zOSAxLjQxIDBsNC41OS00LjU5Yy4zOS0uMzkuMzktMS4wMiAwLTEuNDFMMTAuNyA2LjdjLS4zOC0uMzgtMS4wMi0uMzgtMS40MS4wMXoiLz48L3N2Zz4=);
}
.plan-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEgyMFYyMEgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMzNzhERjEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuMTY3IDIuNWMtLjkyMSAwLTEuNjY3Ljc0Ni0xLjY2NyAxLjY2NyAwIC45Mi43NDYgMS42NjYgMS42NjcgMS42NjYuOTIgMCAxLjY2Ni0uNzQ1IDEuNjY2LTEuNjY2IDAtLjkyMS0uNzQ1LTEuNjY3LTEuNjY2LTEuNjY3ek0xMCAyLjVjLS45MiAwLTEuNjY3Ljc0Ni0xLjY2NyAxLjY2NyAwIC45Mi43NDYgMS42NjYgMS42NjcgMS42NjYuOTIgMCAxLjY2Ny0uNzQ1IDEuNjY3LTEuNjY2IDAtLjkyMS0uNzQ2LTEuNjY3LTEuNjY3LTEuNjY3em01LjgzMyAwYy0uOTIgMC0xLjY2Ni43NDYtMS42NjYgMS42NjcgMCAuOTIuNzQ1IDEuNjY2IDEuNjY2IDEuNjY2LjkyMSAwIDEuNjY3LS43NDUgMS42NjctMS42NjYgMC0uOTIxLS43NDYtMS42NjctMS42NjctMS42Njd6TTQuMTY3IDguMzMzQzMuMjQ2IDguMzMzIDIuNSA5LjA4IDIuNSAxMGMwIC45Mi43NDYgMS42NjcgMS42NjcgMS42NjcuOTIgMCAxLjY2Ni0uNzQ2IDEuNjY2LTEuNjY3IDAtLjkyLS43NDUtMS42NjctMS42NjYtMS42Njd6bTUuODMzIDBjLS45MiAwLTEuNjY3Ljc0Ni0xLjY2NyAxLjY2NyAwIC45Mi43NDYgMS42NjcgMS42NjcgMS42NjcuOTIgMCAxLjY2Ny0uNzQ2IDEuNjY3LTEuNjY3IDAtLjkyLS43NDYtMS42NjctMS42NjctMS42Njd6bTUuODMzIDBjLS45MiAwLTEuNjY2Ljc0Ni0xLjY2NiAxLjY2NyAwIC45Mi43NDUgMS42NjcgMS42NjYgMS42NjcuOTIxIDAgMS42NjctLjc0NiAxLjY2Ny0xLjY2NyAwLS45Mi0uNzQ2LTEuNjY3LTEuNjY3LTEuNjY3ek00LjE2NyAxNC4xNjdjLS45MjEgMC0xLjY2Ny43NDUtMS42NjcgMS42NjYgMCAuOTIxLjc0NiAxLjY2NyAxLjY2NyAxLjY2Ny45MiAwIDEuNjY2LS43NDYgMS42NjYtMS42NjcgMC0uOTItLjc0NS0xLjY2Ni0xLjY2Ni0xLjY2NnptNS44MzMgMGMtLjkyIDAtMS42NjcuNzQ1LTEuNjY3IDEuNjY2IDAgLjkyMS43NDYgMS42NjcgMS42NjcgMS42NjcuOTIgMCAxLjY2Ny0uNzQ2IDEuNjY3LTEuNjY3IDAtLjkyLS43NDYtMS42NjYtMS42NjctMS42NjZ6bTUuODMzIDBjLS45MiAwLTEuNjY2Ljc0NS0xLjY2NiAxLjY2NiAwIC45MjEuNzQ1IDEuNjY3IDEuNjY2IDEuNjY3LjkyMSAwIDEuNjY3LS43NDYgMS42NjctMS42NjcgMC0uOTItLjc0Ni0xLjY2Ni0xLjY2Ny0xLjY2NnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.download-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEwyNCAwIDI0IDI0IDAgMjR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwQkQ2RSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTkgMTN2NWMwIC41NS0uNDUgMS0xIDFINmMtLjU1IDAtMS0uNDUtMS0xdi01YzAtLjU1LS40NS0xLTEtMXMtMSAuNDUtMSAxdjZjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnYtNmMwLS41NS0uNDUtMS0xLTFzLTEgLjQ1LTEgMXptLTYtLjMzbDEuODgtMS44OGMuMzktLjM5IDEuMDItLjM5IDEuNDEgMCAuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTMuNTkgMy41OWMtLjM5LjM5LTEuMDIuMzktMS40MSAwTDcuNyAxMi4yYy0uMzktLjM5LS4zOS0xLjAyIDAtMS40MS4zOS0uMzkgMS4wMi0uMzkgMS40MSAwTDExIDEyLjY3VjRjMC0uNTUuNDUtMSAxLTFzMSAuNDUgMSAxdjguNjd6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.download-link-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEwyNCAwIDI0IDI0IDAgMjR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0id2hpdGUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE5IDEzdjVjMCAuNTUtLjQ1IDEtMSAxSDZjLS41NSAwLTEtLjQ1LTEtMXYtNWMwLS41NS0uNDUtMS0xLTFzLTEgLjQ1LTEgMXY2YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ2LTZjMC0uNTUtLjQ1LTEtMS0xcy0xIC40NS0xIDF6bS02LS4zM2wxLjg4LTEuODhjLjM5LS4zOSAxLjAyLS4zOSAxLjQxIDAgLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC0zLjU5IDMuNTljLS4zOS4zOS0xLjAyLjM5LTEuNDEgMEw3LjcgMTIuMmMtLjM5LS4zOS0uMzktMS4wMiAwLTEuNDEuMzktLjM5IDEuMDItLjM5IDEuNDEgMEwxMSAxMi42N1Y0YzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXY4LjY3eiIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.list-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMyAxM2gydi0ySDN2MnptMCA0aDJ2LTJIM3Yyem0wLThoMlY3SDN2MnptNCA0aDE0di0ySDd2MnptMCA0aDE0di0ySDd2MnpNNyA3djJoMTRWN0g3eiIvPjwvc3ZnPg==);
}
.list-green {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTNINVYxMUgzVjEzWk0zIDE3SDVWMTVIM1YxN1pNMyA5SDVWN0gzVjlaTTcgMTNIMjFWMTFIN1YxM1pNNyAxN0gyMVYxNUg3VjE3Wk03IDdWOUgyMVY3SDdaIiBmaWxsPSIjMDBCRDZFIi8+Cjwvc3ZnPgo=);
}
.views {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwSDE4VjE4SDB6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAzQzMgMyAuNzUgOSAuNzUgOVMzIDE1IDkgMTVzOC4yNS02IDguMjUtNlMxNSAzIDkgM3ptMCAxLjVjMy45NTcgMCA1Ljk1OCAzLjIgNi42MDYgNC40OTdDMTQuOTU4IDEwLjI4NSAxMi45NDEgMTMuNSA5IDEzLjVjLTMuOTU3IDAtNS45NTgtMy4yLTYuNjA2LTQuNDk3QzMuMDQ0IDcuNzE1IDUuMDU5IDQuNSA5IDQuNXpNOSA2QzcuMzQzIDYgNiA3LjM0MyA2IDlzMS4zNDMgMyAzIDMgMy0xLjM0MyAzLTMtMS4zNDMtMy0zLTN6bTAgMS41Yy44MjkgMCAxLjUuNjcxIDEuNSAxLjVzLS42NzEgMS41LTEuNSAxLjVTNy41IDkuODI5IDcuNSA5IDguMTcxIDcuNSA5IDcuNXoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.comment-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwSDE4VjE4SDB6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjQiIGQ9Ik0xNC4xNDIgMS44MUg0LjQyNEMyLjk3NyAxLjgxIDEuOCAyLjk4NyAxLjggNC40MzR2NS45OTRjMCAxLjQ0NyAxLjE3NyAyLjYyNCAyLjYyNCAyLjYyNGg2LjE5bDIuOTYzIDIuOTYzYy4xLjEuMjM1LjE1NC4zNzEuMTU0LjA2OCAwIC4xMzYtLjAxMy4yMDEtLjA0LjE5Ni0uMDgyLjMyNC0uMjczLjMyNC0uNDg1VjEzLjAzYzEuMjkxLS4xNjMgMi4yOTMtMS4yNjggMi4yOTMtMi42MDNWNC40MzRjMC0xLjQ0Ny0xLjE3Ny0yLjYyNC0yLjYyNC0yLjYyNHptMS41NzUgOC42MThjMCAuODY4LS43MDcgMS41NzQtMS41NzUgMS41NzRoLS4xOTRjLS4yOSAwLS41MjUuMjM1LS41MjUuNTI1djEuODVsLTIuMjItMi4yMjFjLS4wOTktLjA5OC0uMjMyLS4xNTQtLjM3Mi0uMTU0SDQuNDI0Yy0uODY4IDAtMS41NzQtLjcwNi0xLjU3NC0xLjU3NFY0LjQzNGMwLS44NjguNzA2LTEuNTc1IDEuNTc0LTEuNTc1aDkuNzE4Yy44NjggMCAxLjU3NS43MDcgMS41NzUgMS41NzV2NS45OTRoMHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.back-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgMTFINy44M2w0Ljg4LTQuODhjLjM5LS4zOS4zOS0xLjAzIDAtMS40Mi0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtNi41OSA2LjU5Yy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxbDYuNTkgNi41OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDAgLjM5LS4zOS4zOS0xLjAyIDAtMS40MUw3LjgzIDEzSDE5Yy41NSAwIDEtLjQ1IDEtMXMtLjQ1LTEtMS0xeiIvPjwvc3ZnPg==);
}
.icon.like {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwTDE4IDAgMTggMTggMCAxOHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNC43NDUgMi45OTNjLTEuOTgtMS4zNS00LjQyNS0uNzItNS43NDUuODI1LTEuMzItMS41NDYtMy43NjUtMi4xODMtNS43NDUtLjgyNS0xLjA1LjcyLTEuNzEgMS45MzUtMS43NTUgMy4yMTctLjEwNSAyLjkxIDIuNDc1IDUuMjQzIDYuNDEyIDguODJsLjA3NS4wNjhjLjU3LjUxNyAxLjQ0OC41MTcgMi4wMTgtLjAwOGwuMDgyLS4wNzVjMy45MzgtMy41NyA2LjUxLTUuOTAyIDYuNDEzLTguODEzLS4wNDUtMS4yNzQtLjcwNS0yLjQ5LTEuNzU1LTMuMjF6bS01LjY3IDEwLjkyTDkgMTMuOTg3bC0uMDc1LS4wNzVDNS4zNTUgMTAuNjggMyA4LjU0MyAzIDYuMzc0YzAtMS41IDEuMTI1LTIuNjI1IDIuNjI1LTIuNjI1IDEuMTU1IDAgMi4yOC43NDIgMi42NzggMS43N2gxLjQwMmMuMzktMS4wMjcgMS41MTUtMS43NyAyLjY3LTEuNzcgMS41IDAgMi42MjUgMS4xMjUgMi42MjUgMi42MjUgMCAyLjE2OC0yLjM1NSA0LjMwNS01LjkyNSA3LjUzN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.icon.like.liked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEwxOCAwIDE4IDE4IDAgMTh6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGNTg1OCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuNzQ1IDIuOTkzYy0xLjk4LTEuMzUtNC40MjUtLjcyLTUuNzQ1LjgyNS0xLjMyLTEuNTQ2LTMuNzY1LTIuMTgzLTUuNzQ1LS44MjUtMS4wNS43Mi0xLjcxIDEuOTM1LTEuNzU1IDMuMjE3LS4xMDUgMi45MSAyLjQ3NSA1LjI0MyA2LjQxMiA4LjgybC4wNzUuMDY4Yy41Ny41MTcgMS40NDguNTE3IDIuMDE4LS4wMDhsLjA4Mi0uMDc1YzMuOTM4LTMuNTcgNi41MS01LjkwMiA2LjQxMy04LjgxMy0uMDQ1LTEuMjc0LS43MDUtMi40OS0xLjc1NS0zLjIxeiIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.icon.arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEgxNlYxNkgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM5RTlFOUUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggLjIyM0w1LjExIDMuMTZsLjUzLjUzOUw4IDEuM2wyLjM2IDIuMzk3LjUzLS41MzlMOCAuMjIzem0wIDIuMDYzYy0uMjA3IDAtLjM3NS4xNy0uMzc1LjM4IDAgLjIxMS4xNjguMzgyLjM3NS4zODJzLjM3NS0uMTcuMzc1LS4zODFjMC0uMjEtLjE2OC0uMzgxLS4zNzUtLjM4MXpNOCAzLjgxYy0uMjA3IDAtLjM3NS4xNy0uMzc1LjM4cy4xNjguMzgxLjM3NS4zODEuMzc1LS4xNy4zNzUtLjM4UzguMjA3IDMuODEgOCAzLjgxem0wIDEuNTIzYy0uMjA3IDAtLjM3NS4xNy0uMzc1LjM4MSAwIC4yMS4xNjguMzgxLjM3NS4zODFzLjM3NS0uMTcuMzc1LS4zOGMwLS4yMTEtLjE2OC0uMzgyLS4zNzUtLjM4MnptMCAxLjUyNGMtLjIwNyAwLS4zNzUuMTctLjM3NS4zODEgMCAuMjEuMTY4LjM4MS4zNzUuMzgxcy4zNzUtLjE3LjM3NS0uMzhjMC0uMjExLS4xNjgtLjM4Mi0uMzc1LS4zODJ6bTAgMS41MjRjLS4yMDcgMC0uMzc1LjE3LS4zNzUuMzggMCAuMjExLjE2OC4zODIuMzc1LjM4MnMuMzc1LS4xNy4zNzUtLjM4MWMwLS4yMS0uMTY4LS4zODEtLjM3NS0uMzgxem0wIDEuNTI0Yy0uMjA3IDAtLjM3NS4xNy0uMzc1LjM4IDAgLjIxMS4xNjguMzgyLjM3NS4zODJzLjM3NS0uMTcuMzc1LS4zODFjMC0uMjEtLjE2OC0uMzgxLS4zNzUtLjM4MXptMCAxLjUyNGMtLjIwNyAwLS4zNzUuMTctLjM3NS4zOHMuMTY4LjM4MS4zNzUuMzgxLjM3NS0uMTcuMzc1LS4zOC0uMTY4LS4zODEtLjM3NS0uMzgxem0tMi4zNi44NzNsLS41My41MzlMOCAxNS43NzdsMi44OS0yLjkzNi0uNTMtLjUzOUw4IDE0LjdsLTIuMzYtMi4zOTd6bTIuMzYuNjVjLS4yMDcgMC0uMzc1LjE3LS4zNzUuMzgxIDAgLjIxLjE2OC4zODEuMzc1LjM4MXMuMzc1LS4xNy4zNzUtLjM4YzAtLjIxMS0uMTY4LS4zODItLjM3NS0uMzgyeiIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.icon.cube {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwSDE2VjE2SDB6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNy44MSAwYy0uMDQ3IDAtLjA5My4wMS0uMTM3LjAyOEwuMjMxIDMuMDY3bC0uMDA2LjAwM2MtLjAwNC4wMDEtLjAwNy4wMDMtLjAxLjAwNi0uMDA3LjAwMi0uMDE0LjAwNS0uMDIyLjAxLS4wMDQuMDAxLS4wMDguMDA0LS4wMTMuMDA3LS4wMDcuMDA0LS4wMTMuMDA5LS4wMi4wMTItLjAwMi4wMDMtLjAwNC4wMDQtLjAwNi4wMDVsLS4wMjMuMDE4Yy0uMDAyLjAwMS0uMDA1LjAwMy0uMDA2LjAwNmwtLjAyMy4wMjItLjAyNC4wMjRjLS4wMDEuMDA1LS4wMDQuMDA3LS4wMDUuMDFsLS4wMTUuMDI0LS4wMDMuMDAxLS4wMTcuMDN2LjAwNWMtLjAwNi4wMDktLjAwOS4wMTktLjAxMy4wM2wtLjAwMi4wMDMtLjAxMS4wMzJ2LjAwNWwtLjAwNi4wMjktLjAwMy4wMS0uMDAzLjAzdjkuMmMwIC4xNS4wOTIuMjg3LjIzMS4zNDRsNy40NDIgMy4wNGguMDA0Yy4wMDIuMDAyLjAwNS4wMDIuMDA2LjAwNC4wMi4wMDcuMDQuMDEzLjA2MS4wMTdsLjAzOC4wMDUuMDQ0LjAwMS4wMTgtLjAwMWguMDFsLjAwOC0uMDAyLjAyOS0uMDA0LjAwNy0uMDAzLjAwOS0uMDAyLjAyOC0uMDA3LjAyLS4wMDkuMDA5LS4wMDMgNy40MzMtMy4wMzZjLjE0LS4wNTcuMjMtLjE5My4yMy0uMzQ0VjMuNDF2LS4wMDUtLjAzMmwtLjAwNS0uMDI3LS4wMDEtLjAxLS4wMDItLjAwNmMtLjAwMy0uMDEtLjAwNC0uMDItLjAwOS0uMDI5LS4wMDEtLjAwOC0uMDA0LS4wMTctLjAwNy0uMDI0LS4wMDMtLjAwNi0uMDA0LS4wMTItLjAwNy0uMDE2bC0uMDE1LS4wMy0uMDAxLS4wMDUtLjAxNi0uMDI1LS4wMDQtLjAwNmMtLjAwNi0uMDA5LS4wMTItLjAxNy0uMDItLjAyNCAwLS4wMDItLjAwMi0uMDAzLS4wMDQtLjAwNS0uMDA3LS4wMDktLjAxMy0uMDE2LS4wMi0uMDIyLS4wMDEtLjAwMy0uMDAzLS4wMDQtLjAwNC0uMDA1LS4wMS0uMDA2LS4wMTYtLjAxNC0uMDI1LS4wMi0uMDEtLjAwOC0uMDE5LS4wMTUtLjAzLS4wMjFsLS4wMzMtLjAyLS4wMjctLjAxMi0uMDA2LS4wMDNMNy45NTUuMDI4QzcuOTA4LjAwOCA3Ljg1OSAwIDcuODEgMHptLjAwNC43NzNsNi40NTYgMi42MzgtNi40NTYgMi42MzZMMS4zNTggMy40MSA3LjgxNC43NzN6TS43NDQgMy45NjVMNy40NDIgNi43djguMzc1TC43NDQgMTIuMzRWMy45NjV6bTE0LjE0IDB2Ljg3MmMtLjIwNSAwLS4zNzIuMTY3LS4zNzIuMzcycy4xNjcuMzcyLjM3Mi4zNzJWNy4wN2MtLjIwNSAwLS4zNzIuMTY3LS4zNzIuMzcycy4xNjcuMzcyLjM3Mi4zNzJ2MS40ODhjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3My4zNzIuMzczdjEuNDg4Yy0uMjA1IDAtLjM3Mi4xNjctLjM3Mi4zNzJzLjE2Ny4zNzIuMzcyLjM3MnYuMDZsLS45MTMuMzczYy0uMDYxLS4wMzktLjEzLS4wNi0uMjA0LS4wNi0uMTc0IDAtLjMyNS4xMjEtLjM2My4yOTFMMTAuNzcgMTQuMDJjLS4wNS0uMTUtLjE5My0uMjUyLS4zNTEtLjI1Mi0uMjA1IDAtLjM3Mi4xNjgtLjM3Mi4zNzMgMCAuMDU1LjAxMy4xMS4wMzYuMTZsLTEuODk3Ljc3NHYtLjU2MmMuMjA1IDAgLjM3Mi0uMTY4LjM3Mi0uMzcyIDAtLjIwNS0uMTY3LS4zNzMtLjM3Mi0uMzczVjEyLjI4Yy4yMDUgMCAuMzcyLS4xNjcuMzcyLS4zNzJzLS4xNjctLjM3Mi0uMzcyLS4zNzJ2LTEuNDg4Yy4yMDUgMCAuMzcyLS4xNjguMzcyLS4zNzNzLS4xNjctLjM3Mi0uMzcyLS4zNzJWNy44MTRjLjIwNSAwIC4zNzItLjE2Ny4zNzItLjM3MnMtLjE2Ny0uMzcyLS4zNzItLjM3MlY2LjdsLjc1LS4zMDZjLjAzMy4xNzYuMTg4LjMwNC4zNjYuMzA0LjIwNSAwIC4zNzItLjE2Ny4zNzItLjM3MiAwLS4wNzUtLjAyMS0uMTQ2LS4wNjQtLjIwOGwyLjczMi0xLjExNGMtLjA0MS4wNi0uMDYzLjEzMy0uMDYzLjIwNSAwIC4yMDUuMTY3LjM3Mi4zNzIuMzcycy4zNzItLjE2Ny4zNzItLjM3MmMwLS4xNzYtLjEyMy0uMzI3LS4yOTUtLjM2NWwuOTU3LS4zOWMuMDI2LjAwOC4wNTUuMDExLjA4Mi4wMTEuMTI3IDAgLjI0NS0uMDY1LjMxNC0uMTcxdi0uMDAybC44MDMtLjMyN3ptLTMuMzUgMS45ODhjLS4yMDQgMC0uMzcxLjE2OC0uMzcxLjM3M3MuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3My0uMzcyLS4zNzN6bTIuMjMzIDBjLS4yMDQgMC0uMzcyLjE2OC0uMzcyLjM3M3MuMTY4LjM3Mi4zNzIuMzcyYy4yMDUgMCAuMzczLS4xNjcuMzczLS4zNzJzLS4xNjgtLjM3My0uMzczLS4zNzN6TTEwLjQyIDcuMDdjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3Mi0uMzcyLS4zNzJ6bTIuMjMyIDBjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3Mi0uMzcyLS4zNzJ6TTkuMzAyIDguMTg2Yy0uMjA1IDAtLjM3Mi4xNjctLjM3Mi4zNzJzLjE2Ny4zNzIuMzcyLjM3Mi4zNzItLjE2Ny4zNzItLjM3Mi0uMTY3LS4zNzItLjM3Mi0uMzcyem0yLjIzMyAwYy0uMjA1IDAtLjM3Mi4xNjctLjM3Mi4zNzJzLjE2Ny4zNzIuMzcyLjM3Mi4zNzItLjE2Ny4zNzItLjM3Mi0uMTY3LS4zNzItLjM3Mi0uMzcyem0yLjIzMiAwYy0uMjA0IDAtLjM3Mi4xNjctLjM3Mi4zNzJzLjE2OC4zNzIuMzcyLjM3MmMuMjA1IDAgLjM3My0uMTY3LjM3My0uMzcycy0uMTY4LS4zNzItLjM3My0uMzcyek0xMC40MiA5LjMwMmMtLjIwNSAwLS4zNzIuMTY3LS4zNzIuMzcycy4xNjcuMzczLjM3Mi4zNzMuMzcyLS4xNjguMzcyLS4zNzMtLjE2Ny0uMzcyLS4zNzItLjM3MnptMi4yMzIgMGMtLjIwNSAwLS4zNzIuMTY3LS4zNzIuMzcycy4xNjcuMzczLjM3Mi4zNzMuMzcyLS4xNjguMzcyLS4zNzMtLjE2Ny0uMzcyLS4zNzItLjM3MnpNOS4zMDIgMTAuNDJjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3Mi0uMzcyLS4zNzJ6bTIuMjMzIDBjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3Mi0uMzcyLS4zNzJ6bTIuMjMyIDBjLS4yMDQgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY4LjM3Mi4zNzIuMzcyYy4yMDUgMCAuMzczLS4xNjcuMzczLS4zNzJzLS4xNjgtLjM3Mi0uMzczLS4zNzJ6bS0zLjM0OCAxLjExNmMtLjIwNSAwLS4zNzIuMTY3LS4zNzIuMzcycy4xNjcuMzcyLjM3Mi4zNzIuMzcyLS4xNjcuMzcyLS4zNzItLjE2Ny0uMzcyLS4zNzItLjM3MnptMi4yMzIgMGMtLjIwNSAwLS4zNzIuMTY3LS4zNzIuMzcycy4xNjcuMzcyLjM3Mi4zNzIuMzcyLS4xNjcuMzcyLS4zNzItLjE2Ny0uMzcyLS4zNzItLjM3MnpNOS4zMDIgMTIuNjVjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3Mi0uMzcyLS4zNzJ6bTIuMjMzIDBjLS4yMDUgMC0uMzcyLjE2Ny0uMzcyLjM3MnMuMTY3LjM3Mi4zNzIuMzcyLjM3Mi0uMTY3LjM3Mi0uMzcyLS4xNjctLjM3Mi0uMzcyLS4zNzJ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.icon.reply {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwSDE4VjE4SDB6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjQiIGQ9Ik0xNC4xNDIgMS44MUg0LjQyNEMyLjk3NyAxLjgxIDEuOCAyLjk4NyAxLjggNC40MzR2NS45OTRjMCAxLjQ0NyAxLjE3NyAyLjYyNCAyLjYyNCAyLjYyNGg2LjE5bDIuOTYzIDIuOTYzYy4xLjEuMjM1LjE1NC4zNzEuMTU0LjA2OCAwIC4xMzYtLjAxMy4yMDEtLjA0LjE5Ni0uMDgyLjMyNC0uMjczLjMyNC0uNDg1VjEzLjAzYzEuMjkxLS4xNjMgMi4yOTMtMS4yNjggMi4yOTMtMi42MDNWNC40MzRjMC0xLjQ0Ny0xLjE3Ny0yLjYyNC0yLjYyNC0yLjYyNHptMS41NzUgOC42MThjMCAuODY4LS43MDcgMS41NzQtMS41NzUgMS41NzRoLS4xOTRjLS4yOSAwLS41MjUuMjM1LS41MjUuNTI1djEuODVsLTIuMjItMi4yMjFjLS4wOTktLjA5OC0uMjMyLS4xNTQtLjM3Mi0uMTU0SDQuNDI0Yy0uODY4IDAtMS41NzQtLjcwNi0xLjU3NC0xLjU3NFY0LjQzNGMwLS44NjguNzA2LTEuNTc1IDEuNTc0LTEuNTc1aDkuNzE4Yy44NjggMCAxLjU3NS43MDcgMS41NzUgMS41NzV2NS45OTRoMHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.icon.search-black-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjBWMjBIMHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBzdHJva2U9IiMwMDAiIGQ9Ik0xNy4wMTIgMTYuMTU0bC0zLjU2OC0zLjcxYy45MTgtMS4wOSAxLjQyLTIuNDYzIDEuNDItMy44OTEgMC0zLjMzOC0yLjcxNS02LjA1My02LjA1Mi02LjA1My0zLjMzOCAwLTYuMDUzIDIuNzE1LTYuMDUzIDYuMDUzIDAgMy4zMzcgMi43MTUgNi4wNTIgNi4wNTMgNi4wNTIgMS4yNTIgMCAyLjQ0Ni0uMzc4IDMuNDY3LTEuMDk1bDMuNTk1IDMuNzM5Yy4xNS4xNTYuMzUzLjI0Mi41Ny4yNDIuMjA0IDAgLjM5OS0uMDc4LjU0Ni0uMjIuMzE0LS4zMDIuMzI0LS44MDMuMDIyLTEuMTE3ek04LjgxMiA0LjA4YzIuNDY2IDAgNC40NzMgMi4wMDcgNC40NzMgNC40NzQgMCAyLjQ2Ni0yLjAwNyA0LjQ3My00LjQ3MyA0LjQ3My0yLjQ2NyAwLTQuNDc0LTIuMDA3LTQuNDc0LTQuNDczIDAtMi40NjcgMi4wMDctNC40NzQgNC40NzQtNC40NzR6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.icon.search-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjBWMjBIMHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQzJDMkMyIiBzdHJva2U9IiNDMkMyQzIiIHN0cm9rZS13aWR0aD0iLjUiIGQ9Ik0xNy4wMTIgMTYuMTU0bC0zLjU2OC0zLjcxYy45MTgtMS4wOSAxLjQyLTIuNDYzIDEuNDItMy44OTEgMC0zLjMzOC0yLjcxNS02LjA1My02LjA1Mi02LjA1My0zLjMzOCAwLTYuMDUzIDIuNzE1LTYuMDUzIDYuMDUzIDAgMy4zMzcgMi43MTUgNi4wNTIgNi4wNTMgNi4wNTIgMS4yNTIgMCAyLjQ0Ni0uMzc4IDMuNDY3LTEuMDk1bDMuNTk1IDMuNzM5Yy4xNS4xNTYuMzUzLjI0Mi41Ny4yNDIuMjA0IDAgLjM5OS0uMDc4LjU0Ni0uMjIuMzE0LS4zMDIuMzI0LS44MDMuMDIyLTEuMTE3ek04LjgxMiA0LjA4YzIuNDY2IDAgNC40NzMgMi4wMDcgNC40NzMgNC40NzQgMCAyLjQ2Ni0yLjAwNyA0LjQ3My00LjQ3MyA0LjQ3My0yLjQ2NyAwLTQuNDc0LTIuMDA3LTQuNDc0LTQuNDczIDAtMi40NjcgMi4wMDctNC40NzQgNC40NzQtNC40NzR6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.icon.close-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTguMyA1LjcxYy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMEwxMiAxMC41OSA3LjExIDUuN2MtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDAtLjM5LjM5LS4zOSAxLjAyIDAgMS40MUwxMC41OSAxMiA1LjcgMTYuODljLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEuMzkuMzkgMS4wMi4zOSAxLjQxIDBMMTIgMTMuNDFsNC44OSA0Ljg5Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMCAuMzktLjM5LjM5LTEuMDIgMC0xLjQxTDEzLjQxIDEybDQuODktNC44OWMuMzgtLjM4LjM4LTEuMDIgMC0xLjR6Ii8+PC9zdmc+);
}
.icon.vk-white-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNS4wNyAySDguOTNDMy4zMyAyIDIgMy4zMyAyIDguOTN2Ni4xNEMyIDIwLjY3IDMuMzMgMjIgOC45MyAyMmg2LjE0YzUuNiAwIDYuOTMtMS4zMyA2LjkzLTYuOTNWOC45M0MyMiAzLjMzIDIwLjY3IDIgMTUuMDcgMm0zLjA4IDE0LjI3aC0xLjQ2Yy0uNTUgMC0uNzItLjQ1LTEuNjktMS40NC0uODgtLjgzLTEuMjYtLjk1LTEuNDctLjk1LS4yOSAwLS4zOC4wOC0uMzguNXYxLjMxYzAgLjM1LS4xMS41Ny0xLjA0LjU3LTEuNTQgMC0zLjI1LS45NC00LjQ1LTIuNjctMS44MS0yLjU0LTIuMy00LjQ2LTIuMy00Ljg0IDAtLjIxLjA3LS40MS40OS0uNDFoMS40N2MuMzcgMCAuNTEuMTYuNjUuNTYuNzIgMi4xIDEuOTIgMy45IDIuNDEgMy45LjE5IDAgLjI3LS4wOS4yNy0uNTVWMTAuMWMtLjA1LS45OC0uNTgtMS4wNy0uNTgtMS40MiAwLS4xOC4xNC0uMzQuMzctLjM0aDIuMjljLjMxIDAgLjQyLjE2LjQyLjU0djIuODljMCAuMzEuMTMuNDIuMjMuNDIuMTggMCAuMzQtLjExLjY3LS40NSAxLjA1LTEuMTcgMS44LTIuOTggMS44LTIuOTguMS0uMjEuMjYtLjQxLjY1LS40MWgxLjQzYy40NCAwIC41NC4yMy40NC41NC0uMTguODUtMS45NiAzLjM2LTEuOTQgMy4zNi0uMTYuMjUtLjIyLjM2IDAgLjY1LjE1LjIxLjY2LjY1IDEgMS4wNC42Mi43MSAxLjEgMS4zIDEuMjMgMS43MS4xMS40MS0uMDkuNjItLjUxLjYyeiIvPgogICAgICAgIDwvZz4KPC9zdmc+Cg==);
}
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    background-repeat: no-repeat;
}
.icon-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBvcGFjaXR5PSIuMjQiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0xIDE3aC0ydi0yaDJ2MnptMi4wNy03Ljc1bC0uOS45MmMtLjUuNTEtLjg2Ljk3LTEuMDQgMS42OS0uMDguMzItLjEzLjY4LS4xMyAxLjE0aC0ydi0uNWMwLS40Ni4wOC0uOS4yMi0xLjMxLjItLjU4LjUzLTEuMS45NS0xLjUybDEuMjQtMS4yNmMuNDYtLjQ0LjY4LTEuMS41NS0xLjgtLjEzLS43Mi0uNjktMS4zMy0xLjM5LTEuNTMtMS4xMS0uMzEtMi4xNC4zMi0yLjQ3IDEuMjctLjEyLjM3LS40My42NS0uODIuNjVoLS4zQzguNCA5IDggOC40NCA4LjE2IDcuODhjLjQzLTEuNDcgMS42OC0yLjU5IDMuMjMtMi44MyAxLjUyLS4yNCAyLjk3LjU1IDMuODcgMS44IDEuMTggMS42My44MyAzLjM4LS4xOSA0LjR6Ii8+PC9zdmc+);
}
.icon-check {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMDBiZDZlIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOSAxNi4xN0w1LjUzIDEyLjdjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFsNC4xOCA0LjE4Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMEwyMC4yOSA3LjcxYy4zOS0uMzkuMzktMS4wMiAwLTEuNDEtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBMOSAxNi4xN3oiLz48L3N2Zz4=);
}
.icon-close2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTguMyA1LjcxYy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMEwxMiAxMC41OSA3LjExIDUuN2MtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDAtLjM5LjM5LS4zOSAxLjAyIDAgMS40MUwxMC41OSAxMiA1LjcgMTYuODljLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEuMzkuMzkgMS4wMi4zOSAxLjQxIDBMMTIgMTMuNDFsNC44OSA0Ljg5Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMCAuMzktLjM5LjM5LTEuMDIgMC0xLjQxTDEzLjQxIDEybDQuODktNC44OWMuMzgtLjM4LjM4LTEuMDIgMC0xLjR6Ii8+PC9zdmc+);
}
.icon-navigate_next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMDBiZDZlIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOS4yOSA2LjcxYy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxTDEzLjE3IDEybC0zLjg4IDMuODhjLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEuMzkuMzkgMS4wMi4zOSAxLjQxIDBsNC41OS00LjU5Yy4zOS0uMzkuMzktMS4wMiAwLTEuNDFMMTAuNyA2LjdjLS4zOC0uMzgtMS4wMi0uMzgtMS40MS4wMXoiLz48L3N2Zz4=);
}
.icon.gplay {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43Nzk2IDguNDY1MTZMNC41MTMzNSAxLjk0MDA5QzUuMjE4MzUgMi4zNDI1OSA5LjI4MTA5IDQuNjQzMjIgMTIuNTU4NiA2LjQ5NzM5QzEyLjc5NTMgNi42MzA3MiAxMi44MzgxIDYuOTQ5MzQgMTIuNjQ5NyA3LjE0NTE3TDExLjM4MDIgOC40NjUxNkMxMS4yMTYgOC42MzU5OSAxMC45NDM4IDguNjM1OTkgMTAuNzc5NiA4LjQ2NTE2Wk0yLjUgMi45MTk5MUMyLjUgMi43MTkwOCAyLjU0NjM1IDIuNTM4MDQgMi42MTcxOSAyLjM3MzA0TDkuNjQ2ODEgOS42OTRDOS44MDE4MSA5Ljg1NTY3IDkuODAxODEgMTAuMTA5MyA5LjY0NjgxIDEwLjI3MDJMMi41OTExNSAxNy42MTcyQzIuNTM2OTggMTcuNDc1NSAyLjUgMTcuMzI0IDIuNSAxNy4xNTk4VjIuOTE5OTFaTTE0LjUzNjEgNy43MTQ4M0MxNC40NDYyIDcuNzI3NDQgMTQuMzYxMSA3Ljc2OTc4IDE0LjI5NTIgNy44Mzg1M0wxMi41MTMgOS42OTRDMTIuMzU4IDkuODU0ODMgMTIuMzU4IDEwLjEwODUgMTIuNTEzIDEwLjI3MDJMMTQuMjc5IDEyLjEwNzdDMTQuNDEwNiAxMi4yNDUyIDE0LjYyMTggMTIuMjc0MyAxNC43ODY4IDEyLjE4MUMxNi4wMjI2IDExLjQ4MSAxNi44NTU1IDExLjAxMDcgMTYuODU1NSAxMS4wMTA3QzE3LjI3MTMgMTAuNzU4MiAxNy41MDU4IDEwLjM2OTYgMTcuNSA5Ljk0NjI4QzE3LjQ5MzMgOS41MzI5NSAxNy4yNTIyIDkuMTUxNjEgMTYuODUzOCA4LjkyNTc3QzE2LjgxNDYgOC45MDM5MyAxNi4zMjIyIDguNjI1MTcgMTUuNTU0OCA4LjE5MDc4TDE1LjU1IDguMTg4MDlMMTQuODAzMSA3Ljc2NTI5QzE0LjcyMDEgNy43MTg2MiAxNC42MjYgNy43MDIyMyAxNC41MzYxIDcuNzE0ODNaTTEwLjc3OTYgMTEuNDk5QzEwLjg2MTcgMTEuNDEzNiAxMC45NzE2IDExLjM3MDQgMTEuMDgwNyAxMS4zNzA0QzExLjE4OTkgMTEuMzcwNCAxMS4yOTgxIDExLjQxMzYgMTEuMzgwMiAxMS40OTlMMTIuNjMzNSAxMi44MDI3QzEyLjgyMTggMTIuOTk5NCAxMi43NzkgMTMuMzE4IDEyLjU0MjMgMTMuNDUyMUMxMi4yMTEzIDEzLjYzOTUgMTEuODcyMyAxMy44MzE1IDExLjUyOTMgMTQuMDI1NkM4LjY1ODY3IDE1LjY1MDYgNS41MTY1IDE3LjQyOTMgNC41NjIxNyAxNy45NzJMMTAuNzc5NiAxMS40OTlaIiBmaWxsPSIjMDBCRDZFIi8+Cjwvc3ZnPgo=);
}
html.open,
body.open {
    overflow: hidden;
}
body:not(.plan) {
    padding-top: 48px;
}
.box {
    max-width: 1132px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}
.flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}
.black {
    color: rgba(0, 0, 0, 0.87);
}
.grey {
    color: rgba(0, 0, 0, 0.54);
}
.transparent-grey {
    color: rgba(0, 0, 0, 0.38);
}
.white {
    color: #fff;
}
.white-transparent {
    color: rgba(255, 255, 255, 0.8);
}
.green {
    color: var(--main-green-color);
}
.blue {
    color: var(--blue-color);
}
/*тег категории*/
.green-bg {
    /*background-color: var(--main-green-color);*/
    background-color: #cc0049;
}
.bold,
strong {
    font-family: sf-ui-text-bold, sans-serif;
}
.semibold {
    font-family: sf-ui-text-semibold, sans-serif;
}
.medium {
    font-family: sf-ui-text-medium, sans-serif;
}
.regular {
    font-family: sf-ui-text-regular, sans-serif;
}
.light {
    font-family: sf-ui-text-light, sans-serif;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.border-radius {
    border-radius: 10px;
}
.border-radius-bottom {
    border-radius: 0 0 10px 10px;
}
.border-radius-top {
    border-radius: 10px 10px 0 0;
}
.col-xs-2,
.col-xs-6,
.col-xs-8,
.col-xs-12,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 6px;
    padding-left: 6px;
}
.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}
.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}
.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
.layout.news-list #dle-content,
.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
}
.layout.news-list #dle-content {
    margin-top: -6px;
    margin-bottom: -6px;
}
.layout.news-list #dle-content > .col-xs-12,
.layout.news-list #dle-content > .col-xs-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.navToggle {
    width: 36px;
    height: 36px;
    cursor: pointer;
    position: relative;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    -ms-transition: top 0.5s ease;
    transition: top 0.5s ease;
    background-color: #FFFFFF;
}
.navToggle .icon {
    transition: all 0.3s ease-out;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.87);
    border-radius: 2px;
}
.navToggle .icon:before,
.navToggle .icon:after {
    content: "";
    transition: all 0.25s ease-out;
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.87);
    border-radius: 2px;
}
.navToggle .icon:before {
    top: -5px;
    left: 0;
}
.navToggle .icon:after {
    top: 5px;
    left: 0;
}
.navToggle.open .icon {
    transition: transform 0.4s ease-out;
    background-color: transparent;
    transform: rotate(180deg);
}
.navToggle.open .icon:before {
    top: 0;
    background-color: #000;
    transform: rotate(45deg);
}
.navToggle.open .icon:after {
    top: 0;
    background-color: #000;
    transform: rotate(-45deg);
}
header,
nav.mainmenu {
    width: 100%;
}
header {
    position: fixed;
    top: 0;
    z-index: 9;
    background: #000000;
    border-bottom: 1px solid var(--transparent-border-color);
}
header > .flex {
    height: 48px;
}
header .logo {
    text-decoration: none;
}
header .logo > a > img {
    width: 123px;
}
header .logo > p {
    display: none;
    font-size: 16px;
    line-height: 1.43;
    padding-left: 17px;
    margin-left: 16px;
    position: relative;
    text-transform: uppercase;
}
header .logo > p::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 20px;
    background-color: #d8d8d8;
}
header .header-social {
    display: none;
    margin-right: 24px;
}
header .search > span.search-black-icon {
    width: 26px;
    height: 26px;
    display: block;
    background-size: 26px;
    cursor: pointer;
}
header .search-form {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    padding: 0 16px;
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.2s ease, visibility 0s 0.2s;
}
header .search-form.open {
    transition: transform 0.2s ease, visibility 0s 0s;
    transform: translate3d(0, 0, 0);
    visibility: visible;
}
header .search-form > div {
    width: calc(100% - 36px);
    position: relative;
}
header .search-form > div > span.search-icon {
    position: absolute;
    pointer-events: none;
    left: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    display: block;
    background-size: 24px;
    cursor: pointer;
}
header .search-form > div > input {
    outline: none;
    border: 0;
    border-radius: 6px;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    font-size: 14px;
    text-indent: 36px;
    background: #f5f5f5;
    padding-right: 12px;
}
header .search-form > div > input:-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
    font-weight: 400;
}
header .search-form > span.close-icon {
    width: 24px;
    height: 24px;
    display: block;
    background-size: 24px;
    cursor: pointer;
}
nav.mainmenu {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s linear 0.2s, visibility 0s 0.5s;
    z-index: 8;
}
nav.open {
    transition: opacity 0.3s linear, visibility 0s 0s;
    visibility: visible;
    opacity: 1;
}
nav.mainmenu > .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.38);
    z-index: 1;
}
nav.mainmenu > .flex {
    height: 100%;
    width: 80%;
    max-width: 420px;
    /*background: #fff;*/
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.3s ease;
    z-index: 2;
    position: relative;
}
nav.open > .flex {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s ease 0.2s;
}
nav.mainmenu > div > .box {
    width: 100%;
}
nav.mainmenu > div a {
    margin: 4px 0;
    font-size: 18px;
    text-decoration: none;
    line-height: 1.5;
    display: block;
}
/*цвет меню вкладки*/
nav.mainmenu > div a.active {
    color: #f71735;
    font-weight: bolder;
}
#dle-content .fixed-news {
    display: block;
    position: absolute;
    top: 12px;
    left: -4px;
    padding: 6px 7px 6px 13px;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px 4px 4px 0;
}
#dle-content .fixed-news::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-top: 2px solid #009959;
    border-right: 2px solid #009959;
    top: 100%;
    left: 0;
}
.downloads-nav {
    width: 100%;
    margin-bottom: 16px;
}
.downloads-nav > .flex > span {
    line-height: 1.4;
    font-size: 20px;
}
.downloads-nav > .flex > div > .flex {
    width: 24px;
    height: 24px;
    cursor: pointer;
    user-select: none;
}
.downloads-nav > .flex > div > .flex.disabled {
    pointer-events: none;
}
.downloads-nav > .flex > div > .flex.next {
    margin-left: 16px;
}
.downloads-nav > .flex > div > .flex > span {
    width: 24px;
    height: 24px;
    background-size: 24px;
    display: block;
    opacity: 0.38;
}
.downloads-nav > .flex > div > .flex.disabled > span {
    opacity: 0.19;
}
.downloads-nav > .downloads-slider {
    margin: 0 -8px;
    overflow: hidden;
    padding-top: 16px;
    position: relative;
}
.downloads-nav > .downloads-slider.onmove {
    pointer-events: none;
}
.downloads-nav > .downloads-slider::after {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 100%;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, rgba(253, 253, 253, 0), #fafafa);
    opacity: 1;
    transition: opacity 0.2s linear;
    visibility: visible;
}
.downloads-nav > .downloads-slider.right-border::after {
    transition: opacity 0.2s linear, visibility 0s 0.2s;
    visibility: hidden;
    opacity: 0;
}
.downloads-nav > .downloads-slider > div {
    padding-bottom: 16px;
    margin-bottom: -16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.downloads-nav > .downloads-slider > div > .row {
    margin-left: -4px;
    margin-right: -4px;
    flex-wrap: nowrap;
}
.downloads-nav > .downloads-slider > div > .row > div {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 4px;
    padding-left: 4px;
}
.downloads-nav > .downloads-slider > div > .row > div:first-child {
    padding-left: 12px;
}
.downloads-nav > .downloads-slider > div > .row > div:last-child {
    padding-right: 12px;
}
.downloads-nav > .downloads-slider .download-item {
    width: 140px;
    border-radius: 8px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    display: block;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    user-drag: none;
}
.downloads-nav > .downloads-slider .download-item > .head {
    height: 80px;
    width: 100%;
    background-color: #e9e9e9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.downloads-nav > .downloads-slider .download-item > .body {
    padding: 10px 12px;
}
.downloads-nav > .downloads-slider .download-item > .body > span {
    line-height: 1.33;
    font-size: 12px;
}
.downloads-nav > .downloads-slider .download-item > .body > p {
    font-size: 14px;
    line-height: 1.43;
    padding-bottom: 6px;
}
.downloads-nav > .downloads-slider .download-item > .body > span.green {
    line-height: 1.5;
    font-size: 12px;
}
.b-actual-v-wrap {
    margin-bottom: 16px;
}
.b-actual-v-wrap > span {
    line-height: 1.4;
    font-size: 20px;
    display: inline-block;
}
.b-actual-v {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    margin-top: 16px;
}
.b-actual-v > div {
    padding: 12px;
}
.b-actual-v > div::after {
    content: "";
    display: block;
    clear: both;
}
.b-actual-v .b-actual-v_image {
    width: 62px;
    min-width: 62px;
    height: 62px;
    background: #d8d8d8;
    border-radius: 8px;
    overflow: hidden;
    float: left;
}
.b-actual-v .b-actual-v_image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.b-actual-v .b-actual-v_content {
    margin-left: 14px;
    width: calc(100% - 76px);
    float: left;
}
.b-actual-v .b-actual-v_content > span {
    font-size: 14px;
    line-height: 20px;
}
.b-actual-v .b-actual-v_content > .rating {
    padding-top: 6px;
}
.b-actual-v .b-actual-v_content > .rating > .rating-stars .unit-rating {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.b-actual-v .b-actual-v_content > .rating > .rating-stars .unit-rating > li {
    display: block;
    width: 14px;
    height: 14px;
}
.b-actual-v .b-actual-v_content > .rating > .rating-stars .unit-rating > li > a {
    color: rgba(0, 0, 0, 0.24);
}
.b-actual-v .b-actual-v_content > .rating > .rating-stars .unit-rating > li.active > a {
    color: #ffc132;
}
.b-actual-v .b-actual-v_content > .rating > .rating-stars .unit-rating > li > a > svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}
.b-actual-v .b-actual-v_content > .rating > .rating-votes {
    padding-left: 6px;
    font-size: 12px;
}
.b-actual-v .b-actual-v_content > p {
    font-size: 12px;
    line-height: 18px;
    padding-top: 4px;
}
.b-actual-v .b-actual-v__links {
    border-top: 1px solid #e5e5e5;
    padding: 11px 12px 0;
    width: 100%;
    margin: 12px -12px 0;
    float: left;
    clear: both;
}
.b-actual-v .b-actual-v__links > time,
.b-actual-v .b-actual-v__links > span {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.b-actual-v .b-actual-v__links .list > .item:not(:first-child) {
    border-top: 1px solid #e5e5e5;
}
.b-actual-v .b-actual-v__links .list > .item {
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
}
.b-actual-v .b-actual-v__links .list > .item > div > a.grey {
    text-decoration: underline;
    margin-top: 2px;
}
.b-actual-v .b-actual-v__links .list > .item a.flex {
    width: 100%;
    outline: none;
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.43;
    min-width: 160px;
    height: 36px;
}
.b-actual-v .b-actual-v__links .list > .item a.green {
    border: 1px solid rgba(0, 189, 110, 0.24);
    box-sizing: border-box;
}
.b-actual-v .b-actual-v__links .list > .item a.flex > div {
    height: 36px;
    width: 100%;
}
.b-actual-v .b-actual-v__links .list > .item a.flex > div > span {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 6px;
}
.b-actual-v .b-actual-v__links .list > .item a.flex > div > span > span {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100%;
}
.placeholder {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1;
}
.placeholder img {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s linear;
    object-fit: cover;
}
.placeholder img.loaded {
    opacity: 1;
}
.img-small {
    filter: blur(50px);
    transform: scale(1);
}
.banner {
    background-image: linear-gradient(218deg, #5792ff 0%, #3ba97b 100%);
    margin-bottom: 16px;
}
.banner > div {
    padding: 24px 16px;
    background-image: url(../img/banner2.webp);
    background-position: -250px 153px;
    background-repeat: no-repeat;
}
.banner > div > h1 {
    line-height: 1.4;
    font-size: 20px;
}
.banner > div > h1.stpage {
    font-size: 36px;
    padding-top: 128px;
}
.banner > div > p {
    line-height: 1.5;
    font-size: 12px;
    padding-top: 12px;
}
.banner > div > p > a:hover {
    color: var(--main-green-color);
}
.banner > div > .banner-social {
    margin-top: 20px;
}
.banner > div > .banner-social > a {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.24);
    text-decoration: none;
    height: 36px;
    font-size: 12px;
    width: 268px;
}
.banner > div > .banner-social > a > div {
    width: 36px;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.banner > div > .banner-social > a > div > span {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}
.banner > div > .banner-social > a > span {
    padding: 0 12px;
}
.actual-ver {
    margin-bottom: 16px;
}
.actual-ver > a {
    display: block;
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
    text-decoration: none;
    background-color: #ef476f;
    padding: 12px 0;
}
.layout {
    padding: 16px 0;
}
.layout.news-list {
    background: #fafafa;
    padding-top: 8px 0;
}
.layout:not(.news-list) {
    border-bottom: 1px solid var(--transparent-border-color);
}
.layout > div {
    max-width: 1132px;
    margin: 0 auto;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.layout .content {
}
.layout .content .wrapper {
    width: 100%;
}
.layout .content .wrapper > .subcats {
    margin: 0 0 22px;
    overflow: hidden;
}
.layout .content .wrapper > .subcats > div {
    overflow-x: auto;
    padding-bottom: 16px;
    margin-bottom: -16px;
}
.layout .content .wrapper > .subcats > div > .row {
    margin-right: 0;
    margin-left: 0;
    flex-wrap: nowrap;
}
.layout .content .wrapper > .subcats > div > .row > a {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 5px;
    margin-left: 0;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #dadce0;
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    line-height: normal;
    background-color: #fff;
    border-radius: 16px;
    padding: 8px 12px;
}
.layout .content .wrapper > .subcats > div > .row > a:last-child {
    padding-right: 8px;
}
.layout .content .wrapper > .subcats > div > .row > a.active {
    color: var(--blue-color);
}
.rightside {
    width: 100%;
    padding: 36px 0;
}
.rightside > div:not(:first-child) {
    padding-top: 30px;
}
.rightside > div > span {
    line-height: 1.71;
    font-size: 14px;
    padding-bottom: 16px;
    display: block;
}
.rightside > div > a.regular {
    line-height: 2.71;
    font-size: 14px;
    text-decoration: none;
}
.rightside > div > a.regular:hover {
    color: var(--main-green-color);
}
.rightside .top-news {
    display: none;
}
.rightside .top-news > .top-news-list > .top-news-item {
    width: 100%;
    text-decoration: none;
    display: block;
    user-select: none;
}
.rightside .top-news > .top-news-list > .top-news-item:not(:first-child) {
    margin-top: 24px;
}
.rightside .top-news > .top-news-list > .top-news-item > .image {
    width: 100%;
    height: 148px;
}
.rightside .top-news > .top-news-list > .top-news-item > .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.rightside .top-news > .top-news-list > .top-news-item > p {
    margin-top: 16px;
    line-height: 1.38;
    font-size: 16px;
}
.adsFullTop {
    margin-bottom: -20px;
}
.adsBottom {
    clear: both;
    width: 100%;
}
.prefooter {
    width: 100%;
    background: #fff;
    padding: 24px 0;
    /*border-bottom: 3px dashed var(--transparent-border-color);*/
}
.prefooter .image {
    width: 100%;
    height: 104px;
    max-width: 530px;
    margin: 0 auto;
}
.prefooter .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.prefooter .image.mainpage > img {
    object-position: right;
}
.prefooter .content {
    margin-top: 16px;
}
.prefooter .content > p {
    line-height: 1.43;
    font-size: 14px;
}
footer {
    width: 100%;
    background-color: #fff;
    padding: 36px 0;
}
footer .logo > img {
    width: 164px;
    opacity: 0.24;
}
footer .footer-menu {
    margin-top: 24px;
}
footer .footer-menu > ul {
    margin: 0 -8px;
}
footer .footer-menu > ul > li {
    padding: 0 8px;
}
footer .footer-menu > ul > li > a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
}
footer .footer-social {
    margin-top: 24px;
}
.socials {
    margin: 0 -8px;
}
.socials > li {
    padding: 0 8px;
}
.socials a.youtube:hover svg .filled {
    fill: red;
}
.socials a.vk:hover svg .filled {
    fill: #45668e;
}
.socials a.twitter:hover svg .filled {
    fill: #1da1f2;
}
#content {
}
#content h2 {
}
#content #modTags {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 15px;
    margin-bottom: 20px;
    white-space: nowrap;
}
#content #modTags:after {
    content: "";
    display: block;
    clear: both;
}
#content #modTags::-webkit-scrollbar-track {
    background-color: #eee;
    cursor: pointer;
}
#content #modTags::-webkit-scrollbar {
    height: 5px;
    background-color: #eee;
    cursor: pointer;
}
#content #modTags::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #bdbdbd;
    cursor: pointer;
}
#content #modTags div {
    white-space: nowrap;
}
#content #modTags div:after {
    content: "";
    display: block;
    clear: both;
}
#content #modTags a {
    padding: 0 9px;
    font-family: sf-ui-text-medium;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #bdbdbd;
}
#content #modTags a.active {
    color: #757575;
}
#content #modTags a:first-child {
    color: #02b875;
}
#newsContainer:after {
    content: "";
    display: block;
    clear: both;
}
.news-item,
.skins-item {
    width: 100%;
    display: block;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid var(--transparent-border-color);
    height: 100%;
    user-select: none;
    background: #fff;
}
.news-item .news-image {
    overflow: hidden;
}
.news-item .news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.news-item .news-item-info {
    padding: 12px 16px 56px;
}
.news-item .news-item-info > h2 {
    font-size: 16px;
    line-height: 1.38;
}
.news-item .news-item-info > p.black {
    font-size: 14px;
    padding-top: 4px;
    line-height: 1.43;
}
.news-item .news-item-info > .flex {
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    bottom: 16px;
    width: calc(100% - 32px);
}
.news-item .news-item-info > .flex > div > .likes {
    min-width: 29px;
    height: 18px;
    background: rgba(0, 0, 0, 0.03);
    margin-left: 12px;
}
.news-item .news-item-info > .flex > div > .likes.loaded {
    background: 0 0;
}
.news-item .news-item-info > .flex > div > div > span,
.skins-item .likes > span {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left top;
    height: 18px;
    padding-left: 22px;
    display: block;
}
.news-item .news-item-info > .flex > div > .comments > span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwSDE4VjE4SDB6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjQiIGQ9Ik0xNC4xNDIgMS44MUg0LjQyNEMyLjk3NyAxLjgxIDEuOCAyLjk4NyAxLjggNC40MzR2NS45OTRjMCAxLjQ0NyAxLjE3NyAyLjYyNCAyLjYyNCAyLjYyNGg2LjE5bDIuOTYzIDIuOTYzYy4xLjEuMjM1LjE1NC4zNzEuMTU0LjA2OCAwIC4xMzYtLjAxMy4yMDEtLjA0LjE5Ni0uMDgyLjMyNC0uMjczLjMyNC0uNDg1VjEzLjAzYzEuMjkxLS4xNjMgMi4yOTMtMS4yNjggMi4yOTMtMi42MDNWNC40MzRjMC0xLjQ0Ny0xLjE3Ny0yLjYyNC0yLjYyNC0yLjYyNHptMS41NzUgOC42MThjMCAuODY4LS43MDcgMS41NzQtMS41NzUgMS41NzRoLS4xOTRjLS4yOSAwLS41MjUuMjM1LS41MjUuNTI1djEuODVsLTIuMjItMi4yMjFjLS4wOTktLjA5OC0uMjMyLS4xNTQtLjM3Mi0uMTU0SDQuNDI0Yy0uODY4IDAtMS41NzQtLjcwNi0xLjU3NC0xLjU3NFY0LjQzNGMwLS44NjguNzA2LTEuNTc1IDEuNTc0LTEuNTc1aDkuNzE4Yy44NjggMCAxLjU3NS43MDcgMS41NzUgMS41NzV2NS45OTRoMHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.news-item.build-item .news-item-info {
    padding: 12px 16px 44px;
}
.news-item .news-item-info > .build-tags {
    padding-top: 10px;
}
.news-item .news-item-info > .build-tags > .flex {
    margin: 0 -4px;
    flex-wrap: wrap;
}
.news-item .news-item-info > .build-tags > .flex > div {
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0 4px;
}
.news-item .news-item-info > .build-tags > .flex > div > span.icon {
    width: 16px;
    height: 16px;
    display: block;
    background-size: 16px;
    margin-right: 6px;
}
.easylike_count {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwTDE4IDAgMTggMTggMCAxOHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNC43NDUgMi45OTNjLTEuOTgtMS4zNS00LjQyNS0uNzItNS43NDUuODI1LTEuMzItMS41NDYtMy43NjUtMi4xODMtNS43NDUtLjgyNS0xLjA1LjcyLTEuNzEgMS45MzUtMS43NTUgMy4yMTctLjEwNSAyLjkxIDIuNDc1IDUuMjQzIDYuNDEyIDguODJsLjA3NS4wNjhjLjU3LjUxNyAxLjQ0OC41MTcgMi4wMTgtLjAwOGwuMDgyLS4wNzVjMy45MzgtMy41NyA2LjUxLTUuOTAyIDYuNDEzLTguODEzLS4wNDUtMS4yNzQtLjcwNS0yLjQ5LTEuNzU1LTMuMjF6bS01LjY3IDEwLjkyTDkgMTMuOTg3bC0uMDc1LS4wNzVDNS4zNTUgMTAuNjggMyA4LjU0MyAzIDYuMzc0YzAtMS41IDEuMTI1LTIuNjI1IDIuNjI1LTIuNjI1IDEuMTU1IDAgMi4yOC43NDIgMi42NzggMS43N2gxLjQwMmMuMzktMS4wMjcgMS41MTUtMS43NyAyLjY3LTEuNzcgMS41IDAgMi42MjUgMS4xMjUgMi42MjUgMi42MjUgMCAyLjE2OC0yLjM1NSA0LjMwNS01LjkyNSA3LjUzN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.easylike_count.liked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEwxOCAwIDE4IDE4IDAgMTh6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGNTg1OCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuNzQ1IDIuOTkzYy0xLjk4LTEuMzUtNC40MjUtLjcyLTUuNzQ1LjgyNS0xLjMyLTEuNTQ2LTMuNzY1LTIuMTgzLTUuNzQ1LS44MjUtMS4wNS43Mi0xLjcxIDEuOTM1LTEuNzU1IDMuMjE3LS4xMDUgMi45MSAyLjQ3NSA1LjI0MyA2LjQxMiA4LjgybC4wNzUuMDY4Yy41Ny41MTcgMS40NDguNTE3IDIuMDE4LS4wMDhsLjA4Mi0uMDc1YzMuOTM4LTMuNTcgNi41MS01LjkwMiA2LjQxMy04LjgxMy0uMDQ1LTEuMjc0LS43MDUtMi40OS0xLjc1NS0zLjIxeiIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.easylike_load {
    width: 19px;
    display: inline-block;
}
.easylike_circles {
    float: left;
    height: 4px;
    margin: 6px 2px 6px 0;
    width: 4px;
    -webkit-animation-name: easylikeBounce;
    -webkit-animation-duration: 0.8999999999999999s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -o-animation-name: easylikeBounce;
    -o-animation-duration: 0.8999999999999999s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    animation-name: easylikeBounce;
    animation-duration: 0.8999999999999999s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.easylike_circles.ec1 {
    -webkit-animation-delay: 0.18s;
    -o-animation-delay: 0.18s;
    animation-delay: 0.18s;
}
.easylike_circles.ec2 {
    -webkit-animation-delay: 0.42000000000000004s;
    -o-animation-delay: 0.42000000000000004s;
    animation-delay: 0.42000000000000004s;
}
.easylike_circles.ec3 {
    -webkit-animation-delay: 0.5399999999999999s;
    -o-animation-delay: 0.5399999999999999s;
    animation-delay: 0.5399999999999999s;
}
@-webkit-keyframes easylikeBounce {
    0% {
    }
    50% {
        background-color: #ff5858;
    }
    100% {
    }
}
@-o-keyframes easylikeBounce {
    0% {
    }
    50% {
        background-color: #ff5858;
    }
    100% {
    }
}
@keyframes easylikeBounce {
    0% {
    }
    50% {
        background-color: #ff5858;
    }
    100% {
    }
}
.news-item.servers-item .news-item-info {
    padding: 12px 16px 10px;
}
.news-item.servers-item .news-item-info > .server-date-list {
    font-size: 14px;
    line-height: 1.43;
    margin-top: 10px;
}
.news-item.servers-item .news-item-info > .server-date-list > div {
    padding: 2px 0;
}
.news-item.servers-item .news-item-info > .server-date-list > div > span.grey {
    width: 80px;
}
.skins-item > .skin-image {
    width: 100%;
    height: 235px;
    overflow: hidden;
    border-bottom: 1px solid var(--transparent-border-color);
}
.skins-item > .skin-image > img {
    max-width: 100%;
    max-height: 100%;
}
.skins-item > .skin-item-info {
    padding: 12px 16px 42px;
}
.skins-item > .skin-item-info > h2 {
    font-size: 16px;
    line-height: 1.38;
}
.skins-item .likes {
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    margin: auto;
}
.fullstory {
    width: 100%;
    padding: 12px 0 0;
}
.fullstory h1 {
    font-size: 20px;
}
.fullstory > span.date {
    font-size: 14px;
    padding-bottom: 8px;
    display: inline-block;
}
.fullstory > .fullstory-info {
    flex-wrap: wrap;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.43;
}
.fullstory > .fullstory-info > p.regular {
    display: none;
}
.fullstory > .fullstory-info > *:not(:last-child) {
    padding-right: 24px;
}
.fullstory > .fullstory-info > div > span.icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;
}
.fullstory > .fullstory-info > div > span.comment-icon {
    transform: translateY(1px);
}
.fullstory > .fullstory-info > div > .easylike_count {
    padding-left: 36px;
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.06);
    background-image: none;
}
.fullstory > .fullstory-info > div > .easylike_count.loaded {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM4Ij4KICAgICAgICA8cGF0aCBkPSJNMCAwTDE4IDAgMTggMTggMCAxOHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNC43NDUgMi45OTNjLTEuOTgtMS4zNS00LjQyNS0uNzItNS43NDUuODI1LTEuMzItMS41NDYtMy43NjUtMi4xODMtNS43NDUtLjgyNS0xLjA1LjcyLTEuNzEgMS45MzUtMS43NTUgMy4yMTctLjEwNSAyLjkxIDIuNDc1IDUuMjQzIDYuNDEyIDguODJsLjA3NS4wNjhjLjU3LjUxNyAxLjQ0OC41MTcgMi4wMTgtLjAwOGwuMDgyLS4wNzVjMy45MzgtMy41NyA2LjUxLTUuOTAyIDYuNDEzLTguODEzLS4wNDUtMS4yNzQtLjcwNS0yLjQ5LTEuNzU1LTMuMjF6bS01LjY3IDEwLjkyTDkgMTMuOTg3bC0uMDc1LS4wNzVDNS4zNTUgMTAuNjggMyA4LjU0MyAzIDYuMzc0YzAtMS41IDEuMTI1LTIuNjI1IDIuNjI1LTIuNjI1IDEuMTU1IDAgMi4yOC43NDIgMi42NzggMS43N2gxLjQwMmMuMzktMS4wMjcgMS41MTUtMS43NyAyLjY3LTEuNzcgMS41IDAgMi42MjUgMS4xMjUgMi42MjUgMi42MjUgMCAyLjE2OC0yLjM1NSA0LjMwNS01LjkyNSA3LjUzN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-color: transparent;
    padding-left: 26px;
}
.fullstory > .fullstory-info > div > .easylike_count > .easylike_load {
    transform: translateY(3px);
}
.fullstory > .fullstory-image {
    width: 100%;
    margin-top: 16px;
}
.fullstory > .fullstory-image > img {
    width: 100%;
    border-radius: 6px;
}
.fullstory > .fullstory-image > img.fxd {
    height: auto !important;
}
.fullstory > .fullstory-content {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 12px;
    margin-bottom: 12px;
}
.fullstory > .fullstory-content.build-content {
    padding-top: 28px;
}
.fullstory > .fullstory-content a {
    color: var(--main-green-color);
}
.fullstory > .fullstory-content a.white {
    color: #fff;
}
.fullstory > .fullstory-content .StyleImage {
    text-align: justify;
}
.fullstory > .fullstory-content .StyleImage img {
    margin: 0;
}
.fullstory > .fullstory-content .bold,
.fullstory > .fullstory-content b {
    font-family: sf-ui-text-bold;
    font-weight: 700;
}
.fullstory > .fullstory-content img,
.fullstory > .fullstory-content iframe {
    max-width: 100% !important;
    margin: 10px 0;
    height: auto;
}
.staticpage > ul > li,
.fullstory > .fullstory-content ul:not(.slick-slider):not(.row) li {
    position: relative;
    padding-left: 16px;
}
.staticpage > ul > li::before,
.fullstory > .fullstory-content ul:not(.slick-slider):not(.row) li::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: var(--main-green-color);
}
.fullstory > .fullstory-content ul li ul {
    margin-left: 22px;
}
#navigator ul {
    counter-reset: number;
    list-style-type: none;
    line-height: 1.63;
}
#navigator ul > li,
#navigator ul > li a {
    color: var(--blue-color);
    text-decoration: none;
    padding-left: 0;
}
#navigator ul > li a:hover {
    text-decoration: underline;
}
#navigator ul > li::before {
    counter-increment: number;
    content: counters(number, ".") " ";
    width: 32px;
    display: inline-block;
    margin-right: 0;
    height: inherit;
    position: relative;
    background-color: inherit;
    top: 0;
}
#navigator ul > li ul > li::before {
    width: 41px;
}
.fullstory .content-box {
    padding: 8px 0;
    width: 100%;
    margin: 0 auto;
}
.fullstory .content-box img {
    max-width: 100%;
}
.fullstory .content-box > *:not(:first-child) {
    margin-top: 12px;
}
.fullstory .content-box > .download-item {
    border: 1px solid var(--transparent-border-color);
    max-height: 420px;
    will-change: max-height;
    transition: max-height 0.25s linear;
}
.fullstory .content-box > .download-item.closed {
    max-height: 48px;
}
.fullstory .content-box > .download-item > .item-header {
    height: 49px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid var(--transparent-border-color);
    padding: 0 24px;
    cursor: pointer;
}
.fullstory .content-box > .download-item > .item-header > p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    line-height: 20px;
    font-family: sf-ui-text-medium;
    font-weight: 500;
}
.fullstory .content-box > .download-item > .item-header > span {
    transform: rotate(-90deg);
    width: 24px;
    height: 24px;
    background-size: 24px;
    min-width: 24px;
    transition: transform 0.25s linear;
}
.fullstory .content-box > .download-item.closed > .item-header > span {
    transform: rotate(90deg);
}
.fullstory .content-box > .download-item > .item-content {
    padding: 16px;
    position: relative;
}
.fullstory .content-box > .download-item > .item-content > span {
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    font-family: sf-ui-text-medium, sans-serif;
}
.fullstory .content-box > .download-item > .item-content > div {
    padding-top: 16px;
}
.fullstory .content-box > .download-item > .item-content > a.blue {
    line-height: 1.71;
    font-size: 14px;
    margin-top: 16px;
    display: inline-block;
}
.fullstory .content-box > .download-item > .item-content > p {
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px;
    font-family: sf-ui-text-regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.38);
}
.fullstory .content-box > .download-item > .item-content > ul {
    padding-top: 12px;
    font-family: sf-ui-text-regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}
.fullstory .content-box > .download-item > .item-content > ul > li {
    line-height: 20px;
    padding: 3px 24px;
    position: relative;
}
.fullstory .content-box > .download-item > .item-content > ul > li > .icon-check,
.fullstory .content-box > .download-item > .item-content > ul > li > .icon-close2 {
    width: 24px;
    height: 24px;
    background-size: 24px;
    position: absolute;
    left: 0;
    top: 1px;
}
.fullstory .content-box > .download-item > .item-content > ul > li > .icon-close2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjZmY1ODU4Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTguMyA1LjcxYy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMEwxMiAxMC41OSA3LjExIDUuN2MtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDAtLjM5LjM5LS4zOSAxLjAyIDAgMS40MUwxMC41OSAxMiA1LjcgMTYuODljLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEuMzkuMzkgMS4wMi4zOSAxLjQxIDBMMTIgMTMuNDFsNC44OSA0Ljg5Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMCAuMzktLjM5LjM5LTEuMDIgMC0xLjQxTDEzLjQxIDEybDQuODktNC44OWMuMzgtLjM4LjM4LTEuMDIgMC0xLjR6Ii8+PC9zdmc+);
}
.fullstory .content-box > .download-item > .item-content > ul > li > span.feature-text {
    margin-left: 12px;
    font-size: 12px;
    font-family: sf-ui-text-regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}
.fullstory .content-box > .download-item > .item-content > ul > li > .icon-info {
    cursor: pointer;
    margin-left: 6px;
    width: 18px;
    height: 18px;
    background-size: 18px;
    position: absolute;
    top: 6px;
}
.fullstory .content-box > .download-item > .item-content > ul > li > div {
    max-width: 450px;
    background: #424242;
    border-radius: 6px;
    padding: 16px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    display: none;
}
.fullstory .content-box > .download-item > .item-content > ul > li.showed > div {
    display: block;
}
.fullstory .content-box > .download-item > .item-content > ul > li > div > .flex > p {
    font-size: 14px;
    line-height: 24px;
    font-family: sf-ui-text-medium;
    font-weight: 500;
    color: #fff;
}
.fullstory .content-box > .download-item > .item-content > ul > li > div > .flex > .icon-close2 {
    width: 24px;
    height: 24px;
    background-size: 24px;
    display: block;
    cursor: pointer;
}
.fullstory .content-box > .download-item > .item-content > ul > li > div > p {
    font-size: 12px;
    line-height: 20px;
    padding-top: 8px;
    font-family: sf-ui-text-regular;
    font-weight: 400;
    color: #fff;
}
.fullstory .content-box > .download-item > .item-content > .flex-sm a {
    width: 100%;
    outline: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.43;
}
.fullstory .content-box > .download-item > .item-content > .flex-sm a > div {
    height: 48px;
    width: 100%;
}
.fullstory .content-box > .download-item > .item-content > .flex-sm a > div > span {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 8px;
}
.fullstory .content-box > .download-item > .item-content > .flex-sm a > div > span > span,
.fullstory .content-box > .download-item > .item-content > .flex-sm a > div > span > i {
    width: 24px;
    height: 24px;
    display: block;
}
.fullstory .content-box > .download-item > .item-content > .flex-sm > p {
    padding-top: 14px;
    font-size: 12px;
    line-height: 1.43;
}
.fullstory .content-box > a.flex {
    color: var(--main-green-color);
    font-size: 14px;
    line-height: 20px;
    font-family: sf-ui-text-medium;
    font-weight: 500;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: #e5f7f1;
    text-decoration: none;
    margin-top: 24px;
}
.fullstory .content-box > span.flex {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-family: sf-ui-text-medium;
    font-weight: 500;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: #e5f7f1;
    text-decoration: none;
}
.fullstory .fullstory-support-v {
    padding: 24px;
    background: #f5f5f5;
    margin: 10px 0;
}
.fullstory .fullstory-support-v > .support-text {
    font-size: 18px;
    line-height: 24px;
}
.fullstory .fullstory-support-v > .block-list {
    padding: 16px 0 0;
}
/*цвет кнопки версии*/
.fullstory .fullstory-support-v > .block-list > p {
    margin-right: 8px;
    margin-top: 8px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 31px;
    padding: 8px 12px;
    background:#00bfbc;
    border-radius: 4px;
}
.fullstory .fullstory-support-v > .block-list > p:first-child {
    margin-left: 0;
}
.fullstory .fullstory-author-info {
    font-size: 12px;
    line-height: 1.5;
    padding: 12px;
    border-radius: 8px;
    background-color: #fafafa;
    margin-top: 24px;
    color: #9e9e9e;
}
.fullstory .fullstory-author-info .author a {
    color: var(--blue-color);
    text-decoration: none;
}
.fullstory .fullstory-author-info > .flex {
    flex-wrap: wrap;
    margin: -4px -8px;
}
.fullstory .fullstory-author-info > .flex > * {
    padding: 4px 8px;
}
.fullstory .fullstory-author-info .raiting {
    padding-top: 8px;
}
.fullstory .fullstory-author-info .raiting p.rating-value {
    color: #9e9e9e;
    font-size: 12px;
    line-height: 1.5;
    font-family: sf-ui-text-regular;
    font-weight: 400;
}
/*.fullstory .unit-rating {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
}
.fullstory .unit-rating > li {
    display: block;
    width: 16px;
    height: 16px;
}
.fullstory .unit-rating > li > a {
    color: rgba(0, 0, 0, 0.16);
}
.fullstory .unit-rating > li.active > a {
    color: #ffc107;
}
.fullstory .unit-rating > li > a > svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}*/
.fullstory .build-model {
    width: 100%;
    position: relative;
    margin-top: 16px;
}
.fullstory .build-model iframe {
    width: 100%;
    max-height: 200px;
}
.fullstory .plan-links {
    width: 100%;
    margin-top: 12px;
}
.fullstory .plan-links .row {
    margin-top: -4px;
    margin-bottom: -4px;
}
.fullstory .plan-links .row > .col-xs-12 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.fullstory .plan-links a {
    text-decoration: none;
    width: 100%;
    height: 48px;
    border-radius: 6px;
    user-select: none;
}
.fullstory .plan-links a span.icon {
    display: block;
    margin-right: 8px;
}
.fullstory .plan-links a.blue {
    background-color: #e9f4ff;
}
.fullstory .plan-links a.green {
    background-color: #dafaf0;
}
.fullstory .plan-links a.blue span.icon {
    width: 20px;
    height: 20px;
}
.fullstory .plan-links a.green span.icon {
    width: 24px;
    height: 24px;
}
.fullstory .build-pics {
    margin-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.fullstory .build-pics > .header {
    height: 48px;
    cursor: pointer;
    user-select: none;
}
.fullstory .build-pics > .header > span {
    line-height: 1.5;
    font-size: 16px;
}
.fullstory .build-pics > .header > span.icon {
    width: 24px;
    height: 24px;
    display: block;
    transform: rotate(-90deg);
    opacity: 0.38;
    transition: transform 0.3s ease;
    will-change: transform;
}
.fullstory .build-pics.open > .header > span.icon {
    transform: rotate(90deg);
}
.fullstory .build-pics > .build-pics-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.8s linear;
    will-change: max-height;
    margin: 0 -8px;
}
.fullstory .build-pics.open > .build-pics-body {
    max-height: 1000px;
}
.fullstory .build-pics > .build-pics-body .pics-gallery > .pics-slider,
.fullstory .build-pics > .build-pics-body .pics-gallery > .pics-nav {
    margin: 0;
}
.fullstory .build-pics > .build-pics-body .pics-gallery > .pics-nav > div > div {
    margin-bottom: 24px;
}
.fullstory .build-pics .slick-slider {
    margin-top: 8px;
}
.fullstory .pics-gallery > .pics-slider {
    position: relative;
    margin: 0 -8px;
}
.fullstory .pics-gallery > .pics-slider > .flex {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 16px;
    pointer-events: none;
}
.fullstory .pics-gallery > .pics-slider > .flex > span {
    font-size: 14px;
    line-height: 1.43;
    padding: 2px 12px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.54);
}
.fullstory .pics-gallery > .pics-slider > ul.slick-slider li {
    height: inherit;
    margin: 0 8px;
}
.fullstory .pics-gallery > .pics-slider > ul.slick-slider li > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 6px;
}
.fullstory .pics-gallery > .pics-slider > .slick-slider .arrow {
    width: 30px;
    height: 30px;
    border: solid 1px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    outline: none;
    cursor: pointer;
}
.fullstory .pics-gallery > .pics-slider > .slick-slider .arrow.prev {
    left: 16px;
}
.fullstory .pics-gallery > .pics-slider > .slick-slider .arrow.next {
    right: 16px;
}
.fullstory .pics-gallery > .pics-slider > .slick-slider .arrow > span {
    width: 24px;
    height: 24px;
    display: block;
    opacity: 0.38;
}
.fullstory .pics-gallery > .pics-nav {
    overflow: hidden;
    margin: 0 -8px;
}
.fullstory .pics-gallery > .pics-nav > div {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.fullstory .pics-gallery > .pics-nav > div::-webkit-scrollbar-track {
    background-color: transparent;
    cursor: pointer;
}
.fullstory .pics-gallery > .pics-nav > div::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: transparent;
    cursor: pointer;
}
.fullstory .pics-gallery > .pics-nav > div::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
}
.fullstory .pics-gallery > .pics-nav > div > div {
    flex-wrap: nowrap;
    padding: 2px 0;
    margin: 8px auto 0;
    width: max-content;
}
.fullstory .pics-gallery > .pics-nav > div > div > * {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 4px;
    padding-left: 4px;
}
.fullstory .pics-gallery > .pics-nav > div > div > *:first-child {
    padding-left: 10px;
}
.fullstory .pics-gallery > .pics-nav > div > div > *:last-child {
    padding-right: 10px;
}
.fullstory .pics-gallery > .pics-nav .slider-nav-item {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 2px solid transparent;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 0 2px transparent;
    user-select: none;
    cursor: pointer;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.fullstory .pics-gallery > .pics-nav .slider-nav-item:hover {
    border-color: #e5e5e5;
    box-shadow: 0 0 0 2px #e5e5e5;
}
.fullstory .pics-gallery > .pics-nav .slider-nav-item.active {
    border-color: #fff;
    box-shadow: 0 0 0 2px var(--main-green-color);
}
.fullstory .pics-gallery > .pics-nav .slider-nav-item > img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    margin: 0;
}
.fullstory .pics-title {
    padding-top: 12px;
}
.fullstory .pics-title > *:not(:last-child) {
    margin-bottom: 2px;
}
.fullstory .pics-title > p {
    line-height: 1.38;
    font-size: 16px;
}
.fullstory .pics-title > span {
    line-height: 1.43;
    font-size: 14px;
}
.fullstory .building-params,
.fullstory .building-blocks {
    width: 100%;
    border-radius: 8px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    box-sizing: border-box;
}
.fullstory .building-params {
    margin: 16px 0;
}
.fullstory .building-blocks {
    margin: 16px 0;
}
.fullstory .building-params > .params-head {
    background-color: #f5f5f5;
    font-size: 14px;
    line-height: 1.71;
    padding: 6px 16px;
}
.fullstory .building-params > .params-body > .flex {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.71;
    padding: 6px 16px;
}
.fullstory .building-params > .params-body > .flex a {
    color: var(--blue-color);
    text-decoration: none;
}
.fullstory .building-params > .params-body > .flex > span.ratingscore > svg {
    width: 16px;
    height: 16px;
    fill: #ffc132;
}
.fullstory .building-params > .params-body > .flex > span.ratingscore > span {
    line-height: 1.86;
    padding-left: 8px;
}
.fullstory .building-params > .params-body > .flex .easylike_count {
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left center;
    padding-left: 24px;
    cursor: pointer;
    user-select: none;
}
.fullstory .building-params > .params-body > .flex .easylike_count > .easylike_load {
    transform: translateY(3px);
}
.fullstory .building-params > .params-body > .flex > span.dimension > span:first-child {
    margin-right: 8px;
}
.fullstory .building-params > .params-body > .flex > span > span.icon {
    width: 16px;
    height: 16px;
    display: block;
    background-size: 16px;
}
.fullstory .building-params > .params-body > .flex > span > span.icon.cube {
    margin-left: 8px;
}
.fullstory .building-rating {
    border-radius: 8px;
    background-color: rgba(249, 186, 73, 0.12);
    padding: 16px 0;
    margin: 16px 0;
}
.fullstory .building-rating p.grey {
    line-height: 1.5;
    font-size: 16px;
}
.fullstory .building-rating .rating-value {
    display: none;
}
.fullstory .building-rating .unit-rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.fullstory .building-rating .unit-rating > li > a {
    color: rgba(0, 0, 0, 0.1);
}
.fullstory .building-rating .unit-rating > li.active > a {
    color: #ffc132;
}
.fullstory .building-rating .unit-rating > li,
.fullstory .building-rating .unit-rating > li > a > svg {
    width: 30px;
    height: 30px;
}
.fullstory .building-blocks > .blocks-head {
    background-color: #f5f5f5;
    font-size: 12px;
    line-height: 2;
    padding: 6px 16px;
}
.fullstory .building-blocks > .blocks-body {
    max-height: 280px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.fullstory .building-blocks > .blocks-body::-webkit-scrollbar-track {
    background-color: transparent;
    cursor: pointer;
}
.fullstory .building-blocks > .blocks-body::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
    background-color: transparent;
    cursor: pointer;
}
.fullstory .building-blocks > .blocks-body::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
}
.fullstory .building-blocks > .blocks-body > .block-item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.38;
    padding: 5px 16px;
}
.fullstory .building-blocks > .blocks-body > .block-item .block-icon {
    position: relative;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.fullstory .building-blocks > .blocks-body > .block-item .block-icon > .mcb {
    position: absolute;
    left: -4px;
    top: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.75);
}
.fullstory .blocks-graph {
    margin-top: 16px;
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 16px 0;
}
.fullstory .blocks-graph canvas {
    height: 216px !important;
}
.fullstory .blocks-graph .blocks-list {
    margin-bottom: 16px;
}
.fullstory .blocks-graph .blocks-list > .block-item {
    line-height: 2;
    font-size: 12px;
    padding: 6px 16px;
}
.fullstory .blocks-graph .blocks-list > .block-item > .black > div {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    margin-right: 8px;
    min-width: 12px;
}
.fullstory .nomarg img {
    margin: 0;
}
.fullstory .ImageVertical {
    display: inline-block;
    text-align: justify;
    margin-top: 5px;
}
.fullstory .ImageVertical img {
    display: block;
    padding: 5px;
    margin: 0;
}
.addserver {
    font-size: 12px;
    text-decoration: none;
    padding: 7px 16px;
    border-radius: 25px;
    display: inline-block;
    margin-top: 12px;
}
.addserver span {
    padding-right: 6px;
    font-size: 22px;
    font-style: normal;
}
.fullstory .server-info {
    width: 100%;
    margin-top: 30px;
}
.fullstory .server-info .item {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
}
.fullstory .server-info .item > span {
    display: block;
}
.fullstory .server-info .item > span:first-child {
    padding-bottom: 8px;
}
.fullstory .server-pics h3 {
    padding-bottom: 32px;
}
.fullstory .youtube-video {
    width: 100%;
    height: 200px;
}
.fullstory .youtube-video > div {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.fullstory .youtube-video > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fullstory .youtube-video > div::after {
    content: "";
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    z-index: 1;
    background-size: 48px;
    background-position: center;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0tMiAxMy41di03YzAtLjQxLjQ3LS42NS44LS40bDQuNjcgMy41Yy4yNy4yLjI3LjYgMCAuOGwtNC42NyAzLjVjLS4zMy4yNS0uOC4wMS0uOC0uNHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
}
.fullstory .youtube-video > iframe {
    width: 100%;
    height: 100%;
}
.fullstory .fixed-download-btn-wrap {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    z-index: 9;
    transform: translateY(100%);
    transition: transform 0.2s ease;
}
.fullstory .fixed-download-btn-wrap.shown {
    transform: translateY(0);
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
    padding: 8px;
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn button {
    width: 100%;
    outline: none;
    border-radius: 6px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    border: 0;
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn button > div {
    height: 36px;
    width: 100%;
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 6px;
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100%;
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span.download-link {
    display: none;
}
.fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span.list-green {
    display: none;
}
.fullstory .fast-download-btn-wrap {
    position: inherit;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.fullstory .fast-download-btn-wrap .fast-download-btn {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
    padding: 0;
}
.fullstory .fast-download-btn-wrap .fast-download-btn a {
    width: 100%;
    outline: none;
    border-radius: 6px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    border: 0;
    text-decoration: none;
    display: block;
}
.fullstory .fast-download-btn-wrap .fast-download-btn a > div {
    height: 36px;
    width: 100%;
}
.fullstory .fast-download-btn-wrap .fast-download-btn a > div > span {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 6px;
}
.fullstory .fast-download-btn-wrap .fast-download-btn a > div > span > span {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100%;
}
.title_spoiler {
    border-radius: 8px;
    border: solid 1px #e5e5e5;
    padding: 0 16px;
    height: 48px;
    color: rgba(0, 0, 0, 0.87);
    font-family: sf-ui-text-medium, sans-serif;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}
.title_spoiler a {
    color: rgba(0, 0, 0, 0.87) !important;
}
.title_spoiler.opened {
    border-radius: 8px 8px 0 0;
}
.title_spoiler::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTQuNzEgNi43MWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBMOC43MSAxMS4zYy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxbDQuNTkgNC41OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDAgLjM5LS4zOS4zOS0xLjAyIDAtMS40MUwxMC44MyAxMmwzLjg4LTMuODhjLjM5LS4zOS4zOC0xLjAzIDAtMS40MXoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    display: block;
    transform: rotate(-90deg);
    opacity: 0.38;
    transition: transform 0.3s ease;
    will-change: transform;
    background-repeat: no-repeat;
}
.title_spoiler.opened::after {
    transform: rotate(90deg);
}
.text_spoiler {
    padding: 16px;
    border: 1px solid #e0e0e0;
    border-top: none;
    display: none;
    border-radius: 0 0 8px 8px;
}
.mcpe-version-links {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin: -4px 0;
    flex-wrap: wrap;
}
.mcpe-version-links > a {
    width: 100%;
    font-family: sf-ui-text-regular, sans-serif;
    box-sizing: border-box;
    color: #27475c !important;
    /*03.02.22 color: var(--blue-color) !important; */
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    height: 48px;
    user-select: none;
    text-decoration: none;
    border-radius: 8px;
    background-color: #e9f4ff;
    margin: 4px 0;
}
.mcpe-version-links > a.disabled {
    opacity: 0.54;
    pointer-events: none;
}
.mcpe-version-links > a.prev::before,
.mcpe-version-links > a.next::after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.mcpe-version-links > a.prev::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMzc4ZGYxIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTQuNzEgNi43MWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBMOC43MSAxMS4zYy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxbDQuNTkgNC41OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDAgLjM5LS4zOS4zOS0xLjAyIDAtMS40MUwxMC44MyAxMmwzLjg4LTMuODhjLjM5LS4zOS4zOC0xLjAzIDAtMS40MXoiLz48L3N2Zz4=);
    margin-right: 4px;
}
.mcpe-version-links > a.next::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzM3OGRmMSIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkuMjkgNi43MWMtLjM5LjM5LS4zOSAxLjAyIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4Yy0uMzkuMzktLjM5IDEuMDIgMCAxLjQxLjM5LjM5IDEuMDIuMzkgMS40MSAwbDQuNTktNC41OWMuMzktLjM5LjM5LTEuMDIgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+);
    margin-left: 4px;
}
.comments-wrapper {
    width: 100%;
    border-radius: 8px;
    border: solid 1px #e5e5e5;
    background-color: #f4f4f4;
    box-sizing: border-box;
    margin-top: 36px;
}
.comments-wrapper .addcomment {
    padding: 16px;
}
.comments-wrapper .addcomment .box_in > span {
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 20px;
    display: inline-block;
}
.comment-form-group {
    width: 100%;
}
.comment-form-group > .row {
    margin-top: -6px;
    margin-bottom: -6px;
}
.comment-form-group > .row > .col-xs-12 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.comment-form-group input,
#dlefastreplycomments > form input {
    width: 100%;
    outline: none;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    background: #fff;
    height: 42px;
    box-sizing: border-box;
    text-indent: 16px;
    font-size: 14px;
    font-family: sf-ui-text-regular, sans-serif;
}
.comment-form-group input:focus {
    border-color: rgba(0, 0, 0, 0.32);
}
.comment-form-group .bb-editor textarea,
#dlefastreplycomments textarea {
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 126px;
    height: 126px;
    outline: none;
    font-size: 14px;
    font-family: sf-ui-text-regular;
    font-weight: 400;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
}
.comment-form-group button.green-bg {
    border: none;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    padding: 0 30px;
}
#allow_subscribe,
label[for="allow_subscribe"] {
}
.c-captcha > input {
    width: 132px;
    height: 36px;
}
#dlemasscomments {
    width: 100%;
}
.comments-wrapper .comment {
    border-top: 1px solid #e5e5e5;
    padding: 16px;
}
.comments-wrapper .comment .ava {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 6px;
    overflow: hidden;
}
.comments-wrapper .comment .ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.comments-wrapper .comment .comment-content {
    margin-left: 16px;
    width: 100%;
    width: calc(100% - 68px);
}
.comments-wrapper .comment .comment-content > .flex {
    flex-wrap: wrap;
}
.comments-wrapper .comment .comment-content > .flex > span.black {
    margin-right: 8px;
}
.comments-wrapper .comment .comment-content > .flex > span.black > a {
    font-size: 16px;
    text-decoration: none;
    color: currentColor;
}
.comments-wrapper .comment .comment-content > .flex > span.grey,
.comments-wrapper .comment .comment-content > .flex > time.grey {
    font-size: 14px;
}
.comments-wrapper .comment .comment-content > .comment-text {
    font-size: 14px;
    line-height: 1.38;
    padding-top: 12px;
    word-wrap: break-word;
}
.comments-wrapper .comment .comment-content > .actions {
    padding-top: 16px;
}
.comments-wrapper .comment .comment-content > .actions a {
    text-decoration: none;
    font-size: 14px;
}
.comments-wrapper .comment .comment-content > .actions a .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: center;
    background-size: 16px;
}
.comments-wrapper .comment .comment-content > .actions div.flex {
    margin: 6px -6px -6px;
    flex-wrap: wrap;
}
.comments-wrapper .comment .comment-content > .actions div.flex > a {
    margin: 6px;
    width: 100%;
}
.title_quote {
    font-family: sf-ui-text-medium;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 0;
}
.quote,
blockquote {
    padding-bottom: 6px;
}
.mass_comments_action {
    display: none;
}
#attachment {
    display: block;
    padding: 19px 5%;
    border: 1px solid #eee;
    margin: 10px 0;
    text-decoration: none;
}
#attachment:after {
    content: "";
    display: block;
    clear: both;
}
#attachment .downloadIcon {
    display: table-cell;
    vertical-align: middle;
}
/*цвет кнопки скачать*/
#attachment .icon-download {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: #02b875;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
#attachment .attachment_info {
    padding-left: 16px;
    line-height: 14px;
    display: table-cell;
    vertical-align: middle;
}
#attachment .attachment_info .attachment_name {
    font-family: sf-ui-text-medium;
    font-weight: 500;
    font-size: 16px;
    color: #212121;
    padding-bottom: 11px;
}
#attachment .attachment_info .attachment_size {
    font-family: sf-ui-text-regular;
    font-weight: 400;
    font-size: 16px;
    color: #757575;
}
#attachment .attachment_info .attachment_count {
    font-family: sf-ui-text-regular;
    font-weight: 400;
    font-size: 16px;
    color: #bdbdbd;
}
.related {
    width: 100%;
    border-top: 1px solid var(--transparent-border-color);
    padding-top: 36px;
}
.related > .flex {
    padding-bottom: 20px;
}
.related > .flex > span {
    line-height: 1.4;
    font-size: 20px;
}
.related > .flex > div > .flex {
    width: 24px;
    height: 24px;
    cursor: pointer;
    user-select: none;
}
.related > .flex > div > .flex.disabled {
    pointer-events: none;
}
.related > .flex > div > .flex.next {
    margin-left: 16px;
}
.related > .flex > div > .flex > span {
    width: 24px;
    height: 24px;
    background-size: 24px;
    display: block;
    opacity: 0.38;
}
.related > .flex > div > .flex.disabled > span {
    opacity: 0.19;
}
.related > .related-layout {
    margin: 0 -8px;
    overflow: hidden;
    position: relative;
}
.related > .related-layout > div {
    padding-bottom: 16px;
    margin-bottom: -16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.related > .related-layout > div > .row {
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
}
.related > .related-layout > div > .row > div {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
}
.related > .related-layout > div > .row > div:first-child {
    padding-left: 10px;
}
.related .related-news-item {
    display: block;
    width: 308px;
    text-decoration: none;
}
.related .related-news-item .image {
    width: 100%;
    height: 150px;
}
.related .related-news-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.related .related-news-item p {
    font-size: 16px;
    line-height: 1.38;
    padding-top: 16px;
}
.likely-wrap {
    margin-top: 12px;
    min-height: 24px;
}
.likely-wrap.bottom {
    margin-bottom: 36px;
}
.likely-wrap .easylike_count {
    line-height: 1.67;
    font-size: 12px;
    border-radius: 4px;
    background-color: #f5f5f5;
    display: inline-block;
    padding: 2px 8px 2px 32px;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 16px;
    cursor: pointer;
    user-select: none;
    min-width: 119px;
    box-sizing: border-box;
}
.likely .likely__widget {
    display: inline-block;
    height: 24px;
    font-size: 10px;
    color: #fff;
    margin: 0 2px 0 0;
    width: 36px;
    border-radius: 4px;
    line-height: 24px;
    cursor: pointer;
    text-align: center;
}
.likely .likely__widget svg {
    fill: #fff;
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    width: 14px;
    height: 14px;
}
.likely .likely__widget.likely__widget_twitter {
    background: #1da1f2;
}
.likely .likely__widget.likely__widget_facebook {
    background: #3b5998;
}
.likely .likely__widget.likely__widget_vkontakte {
    background: #45668e;
}
.likely .likely__widget.likely__widget_telegram {
    background: #08c;
}
#skinVisual {
    padding-top: 25px;
}
#skinVisual .tabs {
    border: 1px solid #e0e0e0;
    width: 225px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 45px;
}
#skinVisual .tabs:after {
    content: "";
    display: block;
    clear: both;
}
#skinVisual .tabs li {
    display: block;
    float: left;
    width: 50%;
    cursor: pointer;
    text-align: center;
    font-family: sf-ui-text-medium;
    font-weight: 500;
    font-size: 16px;
    color: #212121;
    line-height: 40px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#skinVisual .tabs li:first-child {
    border-right: 1px solid #e0e0e0;
    border-radius: 25px 0 0 25px;
}
#skinVisual .tabs li:last-child {
    border-radius: 0 25px 25px 0;
}
#skinVisual .tabs li.active {
    background: #e0e0e0;
}
#skinVisual .visual2d div {
    text-align: left !important;
}
#skinVisual .visual2d img {
    width: 100%;
    max-width: 380px !important;
}
#skinVisual .visual3d {
    display: none;
}
#skinVisual .visual3d ul li {
    display: inline-block;
    margin-right: 10px;
}
.skinDownload {
    padding-top: 37px;
}
.skinDownload h4 {
    font-family: sf-ui-text-medium;
    font-weight: 500;
    font-size: 20px;
    color: #757575;
    margin-bottom: 30px;
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-family: sf-ui-text-regular;
    font-weight: 400;
    font-size: 14px;
    color: #212121;
    line-height: 20px;
}
.styled-checkbox + label:before {
    content: "";
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #02b875;
    border-radius: 2px;
}
.styled-checkbox:checked + label:before {
    background: #02b875;
}
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.berrors {
    font-family: sf-ui-text-regular;
    font-weight: 400;
    font-size: 14px;
    color: #212121;
    line-height: 20px;
    padding-bottom: 20px;
}
.navigation {
    text-align: center;
    margin-top: 12px;
}
.navigation > div {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    display: inline-flex;
}
.navigation > div > *:not(div),
.navigation > div > div > * {
    width: 38px;
    height: 38px;
    display: block;
    line-height: 40px;
    font-size: 14px;
    white-space: nowrap;
    box-sizing: border-box;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.38);
}
.navigation > div > span > span.icon {
    opacity: 0.19;
}
.navigation > div > *:not(:last-child),
.navigation > div > div > *:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}
.navigation > div > div > span:not(.nav_ext) {
    background: rgba(0, 189, 110, 0.1);
    color: var(--main-green-color);
}
.navigation > div > div > a:hover {
    color: rgba(0, 0, 0, 0.54);
}
.navigation span.navigation-left,
.navigation span.navigation-right {
    width: 24px;
    height: 24px;
    display: block;
    margin-top: 50%;
    margin-left: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0.38;
    user-select: none;
}
.navigation a > span,
.navigation a:hover > span {
    opacity: 0.54;
}
.speedbar {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 12px;
}
.speedbar > li {
    display: inline-block;
}
.speedbar > li.speedbar_sep {
    margin: 0 5px;
}
.speedbar > li:not(.speedbar_sep) {
    color: rgba(0, 0, 0, 0.24);
}
.speedbar a {
    color: rgba(0, 0, 0, 0.54);
    text-decoration: none;
}
.speedbar a:hover {
    color: var(--main-green-color);
}
.searchpage {
    width: 100%;
}
.searchpage h1 {
    font-size: 20px;
}
.searchpage > .searchtable {
    margin-top: 12px;
}
.searchpage #searchinput,
.searchtable select,
#userfield > input {
    width: 100% !important;
    outline: none;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    background: #fff;
    height: 42px;
    box-sizing: border-box;
    text-indent: 16px;
    font-size: 14px;
}
.searchpage .bbcodes {
    margin-left: 0;
    margin-right: 16px;
    margin-bottom: 8px;
}
.searchpage .search_result_num {
    font-size: 14px;
    line-height: 20px;
    padding-top: 8px;
}
.staticpage {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}
.staticpage h1 {
    font-size: 24px;
    padding-bottom: 24px;
    line-height: 1.3;
}
.box.story {
    width: 100%;
}
.story h4 {
    font-family: sf-ui-text-medium;
    font-weight: 500;
    font-size: 28px;
    color: #212121;
    padding-bottom: 25px;
}
.story .text {
    width: 100%;
}
.story .text a {
    padding: 8px;
    background: #e0e0e0;
    text-decoration: none;
    font-family: sf-ui-text-light;
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
    margin: 4px;
    color: #212121;
}
.story .text a:hover {
    background: #bdbdbd;
}
.notfound {
    padding-top: 0 !important;
}
.notfound .box {
    max-width: 1032px;
}
.notfound-header {
    width: 100%;
}
.notfound-header > .box {
    height: 48px;
}
.notfound-header .logo > img {
    width: 123px;
}
.notfound-content {
    text-align: center;
    height: 100vh;
    height: calc(100vh - 48px);
    min-height: 420px;
}
.notfound-content .picture {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.notfound-content .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.notfound-content h1 {
    font-size: 20px;
    line-height: 1.5;
}
.notfound-content p {
    line-height: 1.43;
    font-size: 14px;
    padding-top: 12px;
    max-width: 315px;
    margin: 0 auto;
}
.notfound-content a {
    border-radius: 8px;
    display: inline-block;
    line-height: 1.11;
    font-size: 18px;
    padding: 14px 36px;
    text-decoration: none;
    margin-top: 36px;
}
.notfound footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    display: none;
}
body.download-page {
    padding-top: 0 !important;
}
.download-header {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.download-header > .box {
    height: 48px;
}
.download-header > .box > div:first-child,
.download-header > .box > div:last-child {
    width: 24px;
}
.download-header > .box a.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
}
.download-header .logo > img {
    width: 123px;
}
.download-page .download-layout {
    margin-top: 24px;
    margin-bottom: 24px;
}
.download-page .download-layout > div {
    margin: 0 -16px;
}
.download-page .download-layout .download-content > h1 {
    font-size: 16px;
    line-height: 1.5;
}
.download-page .download-layout .download-content > p {
    font-size: 14px;
    line-height: 1.43;
}
.download-page .download-layout .news-data {
    margin-top: 16px;
}
.download-page .download-layout .news-data > .news-header {
    width: 100%;
    min-width: 100%;
    height: 175px;
    background-color: #e0e0e0;
    overflow: hidden;
}
.download-page .download-layout .news-data > .news-header > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.download-page .download-layout .news-data > .news-content {
    padding: 16px 16px 0;
    text-align: left;
}
.download-page .download-layout .news-data > .news-content > p.medium {
    font-size: 16px;
    line-height: 1.38;
}
.download-page .download-layout .news-data > .news-content > p.regular {
    font-size: 14px;
    line-height: 1.43;
    padding-top: 4px;
}
.download-page .download-layout .news-data > .news-content > a.blue {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.43;
    display: inline-block;
    margin-top: 16px;
}
.download-page .download-layout .news-data > .news-content > a.btn {
    width: 100%;
    display: block;
    border-radius: 8px;
    text-decoration: none;
    overflow: hidden;
    user-select: none;
    margin-top: 20px;
}
.download-page .download-layout .news-data > .news-content > a.btn.disabled {
    pointer-events: none;
    background-color: #f0f0f0;
}
.download-page .download-layout .news-data > .news-content > a.btn > div {
    height: 56px;
    width: 100%;
}
.download-page .download-layout .news-data > .news-content > a.btn > div > div.flex {
    background-color: #00b368;
    width: 56px;
    height: 100%;
}
.download-page .download-layout .news-data > .news-content > a.btn.disabled > div > div.flex {
    background-color: rgba(0, 0, 0, 0.04);
}
.download-page .download-layout .news-data > .news-content > a.btn > div > div.flex > i {
    width: 24px;
    height: 24px;
    display: none;
}
.download-page .download-layout .news-data > .news-content > a.btn:not(.disabled) > div > div.flex > i {
    display: block;
}
.download-page .download-layout .news-data > .news-content > a.btn:not(.disabled) > div > div.flex > .loader {
    display: none;
}
.download-page .download-layout .news-data > .news-content > a.btn > div > div {
    padding: 0 16px;
}
.download-page .download-layout .news-data > .news-content > a.btn > div > div > span.medium {
    line-height: 1.11;
    font-size: 18px;
}
.download-page .download-layout .news-data > .news-content > a.btn.disabled > div > div > span.medium {
    color: #757575;
}
.download-page .download-layout .news-data > .news-content > a.btn > div > div > span.regular {
    font-size: 14px;
    line-height: 1.43;
    padding-top: 2px;
}
.download-page .download-layout .news-data > .news-content > a.btn.disabled > div > div > span.regular {
    color: #9e9e9e;
}
.download-page .download-layout .news-data > .news-content > a.btn.disabled > div > div > span.regular.white-transparent {
    display: none;
}
.download-page .download-layout .news-data > .news-content > a.btn:not(.disabled) > div > div > span.regular.timer {
    display: none;
}
.loader {
    position: relative;
    width: 24px;
}
.loader:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.loader .circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
#vk_groups {
    margin-bottom: 16px;
}
.checkmark {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMDBiZDZlIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOSAxNi4xN0w1LjUzIDEyLjdjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFsNC4xOCA0LjE4Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMEwyMC4yOSA3LjcxYy4zOS0uMzkuMzktMS4wMiAwLTEuNDEtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBMOSAxNi4xN3oiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100%;
    display: block;
}
.badserver {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjZmYwMDAwIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTguMyA1LjcxYy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMEwxMiAxMC41OSA3LjExIDUuN2MtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDAtLjM5LjM5LS4zOSAxLjAyIDAgMS40MUwxMC41OSAxMiA1LjcgMTYuODljLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEuMzkuMzkgMS4wMi4zOSAxLjQxIDBMMTIgMTMuNDFsNC44OSA0Ljg5Yy4zOS4zOSAxLjAyLjM5IDEuNDEgMCAuMzktLjM5LjM5LTEuMDIgMC0xLjQxTDEzLjQxIDEybDQuODktNC44OWMuMzgtLjM4LjM4LTEuMDIgMC0xLjR6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100%;
    display: block;
}
.mark_info,
.mark_text {
    border-radius: 8px;
    color: #fff;
    padding: 12px 16px 12px 62px;
    line-height: 1.5;
    position: relative;
}
.mark_text {
    background-color: var(--main-green-color);
}
.mark_info {
    background-color: #ed4949;
}
.mark_text:before,
.mark_info::before {
    content: "";
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    left: 16px;
    top: 12px;
    position: absolute;
}
.mark_text::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDJINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDIybDQtNGgxNGMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0yek04IDE0SDZ2LTJoMnYyem0wLTNINlY5aDJ2MnptMC0zSDZWNmgydjJ6bTYgNmgtM2MtLjU1IDAtMS0uNDUtMS0xcy40NS0xIDEtMWgzYy41NSAwIDEgLjQ1IDEgMXMtLjQ1IDEtMSAxem0zLTNoLTZjLS41NSAwLTEtLjQ1LTEtMXMuNDUtMSAxLTFoNmMuNTUgMCAxIC40NSAxIDFzLS40NSAxLTEgMXptMC0zaC02Yy0uNTUgMC0xLS40NS0xLTFzLjQ1LTEgMS0xaDZjLjU1IDAgMSAuNDUgMSAxcy0uNDUgMS0xIDF6Ii8+PC9zdmc+);
}
.mark_info::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDExYy0uNTUgMC0xLS40NS0xLTFWOGMwLS41NS40NS0xIDEtMXMxIC40NSAxIDF2NGMwIC41NS0uNDUgMS0xIDF6bTEgNGgtMnYtMmgydjJ6Ii8+PC9zdmc+);
    transform: rotate(180deg);
}
.mark_info a,
.mark_text a {
    color: #ffeb3b !important;
}
.plan .plan-header {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
.plan .plan-header > .box > .flex {
    height: 48px;
}
.plan .plan-header > .box > .flex a.icon {
    width: 24px;
    height: 24px;
}
.plan .plan-header > .box > .flex p {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 16px;
}
.plan .plan-header > .box > .flex a.green-bg {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.43;
    height: 30px;
    border-radius: 6px;
    padding: 0 12px;
    user-select: none;
}
.plan .plan-header > .box > .flex a.green-bg > div > span {
    display: none;
    white-space: pre;
}
.plan .plan-header > .box > .flex a.green-bg > div div.icon {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 20px;
    margin-left: 8px;
}
.plan .plan-content {
    padding: 24px 0 56px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.plan .plan-content > .box {
    max-width: 752px;
}
.plan .plan-content > .box > h1 {
    font-size: 18px;
    line-height: 1.44;
}
.plan .plan-content > .box > p {
    font-size: 14px;
    line-height: 1.57;
    padding-top: 16px;
}
.plan .plan-body {
    padding-top: 24px;
}
.plan .plan-body > .nav > .flex {
    padding: 2px 0;
}
.plan .plan-body > .nav > .flex > .flex {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 1.43;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
}
.plan .plan-body > .nav > .flex > .flex:first-child {
    border-left: 1px solid #e5e5e5;
    border-radius: 8px 0 0 8px;
}
.plan .plan-body > .nav > .flex > .flex:last-child {
    border-radius: 0 8px 8px 0;
}
.plan .plan-body > .nav > .flex > div.active {
    color: var(--main-green-color);
    background-color: rgba(0, 189, 110, 0.1);
}
.plan .plan-body > .plan-layout {
    max-height: 720px;
    margin: 24px -16px 0;
    overflow-y: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.plan .plan-body > .plan-layout .plan-box {
    padding: 0 16px;
    min-height: 300px;
}
.plan .plan-body > .plan-layout .plan-box .plan-row {
    display: table-row;
}
.plan .plan-body > .plan-layout .plan-box .plan-row > .cell:first-child {
    border-left: 1px solid #e5e5e5;
}
.plan .plan-body > .plan-layout .plan-box > .plan-row:first-child > .cell {
    border-top: 1px solid #e5e5e5;
}
.plan .plan-body > .plan-layout .plan-box .plan-row > .cell {
    width: 29px;
    height: 29px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    display: table-cell;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    min-width: 29px;
    cursor: pointer;
    user-select: none;
    position: relative;
}
.plan .plan-body > .plan-layout .plan-box .plan-row > .cell > div.mcb {
    position: absolute;
    left: -1px;
    top: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.8);
}
.plan .plan-body > .plan-layout .plan-box .plan-row > .cell.title {
    background-color: #f5f5f5;
    pointer-events: none;
}
.plan .plan-body > .plan-layout .plan-box .plan-row > .cell.hovered {
    background: rgba(0, 189, 110, 0.1);
}
body.plan {
    overflow-x: hidden;
}
body > .tooltip {
    position: absolute;
    border-radius: 4px;
    background-color: #212121;
    margin-top: -12px;
    margin-left: 15px;
    transform: translate3d(-50%, -100%, 0);
    width: max-content;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.5;
}
body > .tooltip::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #212121;
    border-bottom: none;
    position: absolute;
    top: 100%;
    bottom: initial;
    left: 0;
    right: 0;
    margin: auto;
}
body > .tooltip.top {
    margin-top: 12px;
    transform: translate3d(-50%, 100%, 0);
}
body > .tooltip.top:after {
    border-top: none;
    border-bottom: 6px solid #212121;
    top: initial;
    bottom: 100%;
}
body > .tooltip.left {
    margin-left: 0;
    transform: translate3d(0, -100%, 0);
}
body > .tooltip.left:after {
    left: 7px;
    right: initial;
}
body > .tooltip.right {
    margin-left: 30px;
    transform: translate3d(-100%, -100%, 0);
}
body > .tooltip.right:after {
    left: initial;
    right: 7px;
}
body > .tooltip.top.left {
    transform: translate3d(0, 100%, 0);
}
body > .tooltip.top.right {
    transform: translate3d(-100%, 100%, 0);
}
.ui-c1,
.ui-c2 {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.71;
}
.ui-c1 {
    width: 35%;
    margin-right: 3%;
}
.ui-c2 {
    width: 55%;
}
.usinf li {
    padding: 5px 0;
}
.usinf > li {
    font-family: sf-ui-text-regular, sans-serif;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-c2 > a {
    color: var(--main-green-color);
}
.usinf {
    word-break: break-word;
}
.user_tab > .active > a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-family: sf-ui-text-bold, sans-serif;
}
span.cover {
    text-indent: -9999px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.avatar {
    padding: 10px 0;
}
.avatar > a {
    display: block;
    height: 100px;
    width: 100px;
}
.tab-pane {
    font-family: sf-ui-text-regular, sans-serif;
    line-height: 1.43;
}
@media only screen and (min-width: 24em) {
    .comments-wrapper .comment .comment-content > .actions div.flex > a {
        width: inherit;
    }
}
@media only screen and (min-width: 48em) {
    .col-xs-2,
    .col-xs-6,
    .col-xs-8,
    .col-xs-12,
    .col-sm-3,
    .col-sm-4,
    .col-sm-6,
    .col-sm-8,
    .col-md-4,
    .col-md-6,
    .col-md-8,
    .col-md-12 {
        padding-right: 12px;
        padding-left: 12px;
    }
    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }
    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .layout.news-list #dle-content,
    .row {
        margin-right: -12px;
        margin-left: -12px;
    }
    .layout.news-list #dle-content {
        margin-top: -12px;
        margin-bottom: -12px;
    }
    .layout.news-list #dle-content > .col-xs-6,
    .layout.news-list #dle-content > .col-xs-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .flex-sm {
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .layout {
        padding: 24px 0 0;
    }
    .layout > div {
        padding-left: 16px;
        padding-right: 16px;
    }
    .layout .content {
    }
    .layout .content .wrapper > .subcats {
        margin: 0 0 22px;
    }
    .layout .content .wrapper > .subcats > div {
        overflow: hidden;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .layout .content .wrapper > .subcats > div > .row {
        margin-right: -4px;
        margin-left: -4px;
        margin-top: -4px;
        margin-bottom: -4px;
        flex-wrap: wrap;
    }
    .layout .content .wrapper > .subcats > div > .row > a {
        margin-right: 4px;
        margin-left: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 6px 16px;
        border-radius: 8px;
        border: 1px solid var(--transparent-border-color);
        font-size: 14px;
        line-height: 1.71;
        color: rgba(0, 0, 0, 0.38);
    }
    .layout .content .wrapper > .subcats > div > .row > a:last-child {
        padding-right: 16px;
    }
    .layout .content .wrapper > .subcats > div > .row > a.active {
        background-color: #ebf4ff;
    }
    .downloads-nav > .downloads-slider {
        margin: 0 -16px;
    }
    .downloads-nav > .downloads-slider > div > .row > div:first-child {
        padding-left: 20px;
    }
    .downloads-nav > .downloads-slider > div > .row > div:last-child {
        padding-right: 20px;
    }
    .b-actual-v > div {
        padding: 18px 18px 0;
    }
    .b-actual-v .b-actual-v_image {
        width: 120px;
        min-width: 120px;
        height: 120px;
        border-radius: 12px;
        margin-bottom: 18px;
    }
    .b-actual-v .b-actual-v_content {
        margin-left: 24px;
        width: calc(100% - 144px);
    }
    .b-actual-v .b-actual-v_content > span {
        font-size: 16px;
        line-height: 22px;
        padding-right: 136px;
        display: inline-block;
    }
    .b-actual-v .b-actual-v_content > p {
        color: #000;
        padding-top: 6px;
    }
    .b-actual-v .b-actual-v__links {
        width: calc(100% - 144px);
        margin: 12px 0 0 24px;
        padding: 0;
        clear: none;
    }
    .b-actual-v .b-actual-v__links > time,
    .b-actual-v .b-actual-v__links > span {
        position: absolute;
        top: 20px;
        right: 18px;
        text-transform: none;
        letter-spacing: normal;
        font-size: 12px;
        line-height: 18px;
    }
    .b-actual-v .b-actual-v__links .list {
        flex-wrap: wrap;
    }
    .b-actual-v .b-actual-v__links .list > .item {
        width: 50%;
        flex-basis: 50%;
    }
    .b-actual-v .b-actual-v__links .list > .item:not(:first-child) {
        border-top: none;
    }
    .b-actual-v .b-actual-v__links .list > .item:nth-child(odd) {
        padding-right: 18px;
        border-right: 1px solid #e5e5e5;
    }
    .b-actual-v .b-actual-v__links .list > .item:nth-child(even) {
        padding-left: 18px;
    }
    .b-actual-v .b-actual-v__links .list > .item > div:first-child {
        padding-right: 8px;
    }
    .b-actual-v .b-actual-v__links .list > .item a.flex {
        min-width: 110px;
        font-size: 12px;
    }
    .navigation {
        margin-top: 0;
    }
    .rightside > div:not(:first-child) {
        padding-top: 0;
    }
    .banner > div {
        background-image: url(../img/banner.webp), url(../img/banner2.png);
        background-position: 785px -52px, -260px 190px;
        padding: 54px 48px;
    }
    .banner > div > h1 {
        line-height: 1.33;
        font-size: 24px;
    }
    .banner > div > h1.stpage {
        font-size: 56px;
        padding-top: 198px;
    }
    .banner > div > p {
        font-size: 14px;
        max-width: 750px;
    }
    .banner > div > .banner-social {
        margin-top: 24px;
    }
    .actual-ver > a {
        padding: 10px 0;
        font-size: 18px;
        line-height: 1.6;
    }
    .prefooter {
        padding: 48px 0;
    }
    .prefooter .image {
        width: 104px;
        min-width: 104px;
    }
    .prefooter .content {
        margin-top: 0;
        padding-left: 24px;
    }
    footer .footer-menu {
        margin-top: 0;
        /*padding-left: 56px;*/
    }
    footer .footer-social {
        margin-top: 0;
    }
    .fullstory {
        padding: 24px 0 56px;
    }
    .fullstory h1 {
        font-size: 28px;
    }
    .fullstory > span.date {
        display: none;
    }
    .fullstory > .fullstory-info > p.regular {
        display: inline-block;
    }
    .fullstory > .fullstory-content {
        font-size: 18px;
    }
    .fullstory > .fullstory-content ul:not(.slick-slider):not(.row) li::before {
        top: 10px;
    }
    .fullstory .content-box > .download-item > .item-content {
        padding: 24px;
    }
    .fullstory .content-box > .download-item > .item-content > .flex-sm a {
        width: 222px;
    }
    .fullstory .content-box > .download-item > .item-content > .flex-sm > p {
        padding-top: 0;
        padding-left: 16px;
        font-size: 14px;
    }
    .fullstory .content-box > .download-item > .item-content.scheme > span {
        padding-right: 200px;
        display: block;
    }
    .fullstory .content-box > .download-item > .item-content > .flex-sm a > div > div {
        width: 100%;
        width: calc(100% - 48px);
    }
    .fullstory .content-box > .download-item > .item-content > .flex-sm a > div > span {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-right: 1px solid rgba(255, 255, 255, 0.16);
        margin-right: 0;
    }
    .fullstory .content-box > .download-item > .item-content > a.blue {
        position: absolute;
        right: 24px;
        top: 24px;
        margin-top: 0;
    }
    .fullstory .fixed-download-btn-wrap > div {
        max-width: 1132px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    .fullstory .fixed-download-btn-wrap .row > .col-md-8 {
        padding-right: 36px;
    }
    .fullstory .fixed-download-btn-wrap .fixed-download-btn {
        max-width: 375px;
        margin: 0 auto;
        border-radius: 6px 6px 0 0;
    }
    .fullstory .fixed-download-btn-wrap .fixed-download-btn button {
        background-color: #e5f8f1;
        color: var(--main-green-color);
    }
    .fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span.list-white {
        display: none;
    }
    .fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span.list-green {
        display: block;
    }
    .fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span.download-link-white {
        display: none;
    }
    .fullstory .fixed-download-btn-wrap .fixed-download-btn button > div > span > span.download-link {
        display: block;
    }
    .fullstory .fast-download-btn-wrap > div {
        max-width: 1132px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    .fullstory .fast-download-btn-wrap .row > .col-md-8 {
        padding-right: 36px;
    }
    .fullstory .fast-download-btn-wrap .fast-download-btn {
        max-width: 375px;
        margin: 0 auto;
        border-radius: 6px 6px 0 0;
    }
    .fullstory .fast-download-btn-wrap .fast-download-btn button {
        background-color: #e5f8f1;
        color: var(--main-green-color);
    }
    .fullstory .fast-download-btn-wrap .fast-download-btn button > div > span > span.download-link {
        display: block;
    }
    .fullstory .build-model iframe {
        max-height: 480px;
    }
    .fullstory .blocks-graph .blocks-list {
        margin-bottom: 0;
    }
    .fullstory .server-info .item {
        font-size: 18px;
    }
    .fullstory .server-info .item > span:first-child {
        width: 40%;
        max-width: 255px;
        padding-bottom: 0;
    }
    .fullstory .build-pics {
        margin-top: 24px;
    }
    .fullstory .build-pics > .header {
        height: 56px;
    }
    .fullstory .build-pics > .header > span {
        font-size: 20px;
    }
    .fullstory .build-pics > .build-pics-body {
        margin: 0 -16px;
    }
    .fullstory .pics-gallery > .pics-slider > ul.slick-slider li {
        margin: 0 16px;
    }
    .fullstory .pics-gallery > .pics-slider,
    .fullstory .pics-gallery > .pics-nav {
        margin: 0 -16px;
    }
    .fullstory .pics-gallery > .pics-slider > .slick-slider .arrow.prev {
        left: 32px;
    }
    .fullstory .pics-gallery > .pics-slider > .slick-slider .arrow.next {
        right: 32px;
    }
    .fullstory .pics-gallery > .pics-nav > div > div > *:first-child {
        padding-left: 18px;
    }
    .fullstory .pics-gallery > .pics-nav > div > div > *:last-child {
        padding-right: 18px;
    }
    .fullstory .building-params {
        margin: 24px 0 16px;
    }
    .fullstory .building-params > .params-body > .flex > span.black {
        width: 192px;
        min-width: 192px;
        margin-right: 24px;
    }
    .fullstory .building-blocks > .blocks-head {
        font-size: 14px;
        padding: 4px 16px;
    }
    .fullstory .building-rating {
        padding: 21px 24px;
    }
    .fullstory .building-rating p.grey {
        text-align: left;
    }
    .fullstory .building-rating .unit-rating {
        padding-top: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .related > .related-layout {
        margin: 0 -16px;
    }
    .related > .related-layout > div > .row > div:first-child {
        padding-left: 18px;
    }
    .related > .related-layout > div > .row > div:last-child {
        padding-right: 16px;
    }
    .addserver {
        margin-top: 0;
        padding: 12px 24px;
        font-size: 14px;
    }
    .staticpage {
        font-size: 18px;
    }
    .staticpage h1 {
        font-size: 28px;
    }
    .download-header {
        border-bottom: none;
    }
    .download-header > .box {
        height: 76px;
    }
    .download-header .logo > img {
        width: 184px;
    }
    .download-page .download-layout > div {
        margin: 0;
    }
    .download-page .download-layout .download-content > h1 {
        font-size: 30px;
        line-height: 1.33;
    }
    .download-page .download-layout .download-content > p {
        font-size: 30px;
        line-height: 1.33;
    }
    .download-page .download-layout .news-data {
        border-radius: 16px;
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);
        background-color: #fff;
        margin-top: 24px;
        overflow: hidden;
        padding: 24px;
    }
    .download-page .download-layout .news-data > .news-header {
        width: 432px;
        min-width: 432px;
        height: 210px;
        border-radius: 10px;
    }
    .download-page .download-layout .news-data > .news-content {
        padding: 0 0 0 32px;
    }
    .download-page .download-layout .news-data > .news-content > p.medium {
        font-size: 24px;
    }
    .download-page .download-layout .news-data > .news-content > p.regular {
        font-size: 18px;
        padding-top: 12px;
    }
    .download-page .download-layout .news-data > .news-content > a.blue {
        font-size: 16px;
        margin-top: 8px;
    }
    .download-page .download-layout .news-data > .news-content > a.btn {
        width: 328px;
        margin-top: 24px;
    }
    .plan .plan-header > .box > .flex {
        height: 56px;
    }
    .plan .plan-header > .box > .flex a.green-bg {
        height: 36px;
        padding: 0 16px;
    }
    .plan .plan-header > .box > .flex a.green-bg > div > span {
        display: inherit;
    }
    .plan .plan-body > .plan-layout {
        margin: 24px 0;
    }
    .plan .plan-body > .plan-layout::-webkit-scrollbar-track {
        background-color: transparent;
        cursor: pointer;
    }
    .plan .plan-body > .plan-layout::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background-color: transparent;
        cursor: pointer;
    }
    .plan .plan-body > .plan-layout::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.54);
        cursor: pointer;
    }
    .plan .plan-body > .plan-layout .plan-box {
        padding: 0;
    }
    .comments-wrapper .addcomment {
        padding: 24px;
    }
    .comment-form-group > .row > .col-xs-12.submit {
        order: 1;
    }
    .comment-form-group > .row > .col-xs-12.captcha {
        order: 2;
    }
    .comments-wrapper .comment {
        padding: 24px;
    }
    .comments-wrapper .comment .comment-content > .actions div.flex {
        margin: 0 -6px;
    }
    .searchpage {
        padding-top: 12px;
    }
    .searchpage h1 {
        font-size: 24px;
    }
    .mark_info,
    .mark_text {
        padding: 12px 70px 12px 62px;
    }
    .fullstory .youtube-video {
        height: 480px;
    }
    .fullstory .youtube-video > div::after {
        width: 72px;
        height: 72px;
        background-size: 72px;
    }
    .mcpe-version-links > a {
        width: 33.333333%;
        border-radius: 0;
        margin: 0;
    }
    .mcpe-version-links > a:not(:last-child) {
        border-right: 1px solid rgba(55, 141, 241, 0.12);
    }
    .notfound-header > .box {
        height: 76px;
        text-align: left;
        justify-content: flex-start;
    }
    .notfound-header .logo > img {
        width: 184px;
    }
    .notfound-content {
        text-align: left;
        height: calc(100vh - 176px);
    }
    .notfound-content .box {
        width: 100%;
    }
    .notfound-content .notfound-text {
        order: 1;
    }
    .notfound-content .picture {
        width: 260px;
        height: 260px;
        order: 2;
        margin: 0;
        margin-bottom: 0;
    }
    .notfound-content h1 {
        font-size: 30px;
        line-height: 1.33;
    }
    .notfound-content p {
        font-size: 24px;
        line-height: 1.33;
        padding-top: 10px;
        max-width: 590px;
    }
    .notfound footer {
        display: block;
    }
    .ui-c1,
    .ui-c2 {
        font-size: 16px;
    }
    .user_tab > .active > a {
        font-size: 20px;
    }
}
@media only screen and (min-width: 64em) {
    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .flex-md {
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    body:not(.plan) {
        padding-top: 118px;
    }
    header {
        position: absolute;
        top: 0;
        border-bottom: none;
    }
    header > .flex {
        height: 76px;
    }
    header > .flex > div:first-child {
        display: none;
    }
    header .logo > img {
        width: 184px;
        min-width: 184px;
    }
    header .logo > p {
        display: inline-block;
    }
    header .header-social {
        display: block;
    }
    header .search-form {
        position: relative;
        visibility: visible;
        width: 240px;
        padding: 0;
        transform: translate3d(0, 0, 0);
    }
    header .search-form > div {
        width: 100%;
    }
    header .search-form > div > span.search-icon {
        top: 8px;
        left: 8px;
    }
    header .search > span.search-black-icon,
    header .search-form > span.close-icon {
        display: none;
    }
    header .search-form > div > input {
        height: 36px;
    }
    nav.mainmenu {
        position: absolute;
        visibility: visible;
        opacity: 1;
        height: 42px;
        background-color: #000000;
        /*border-bottom: 3px dashed var(--transparent-border-color);*/
        
        top: 76px;
    }
    nav.fixed {
        position: fixed;
        top: 0;
    }
    nav.mainmenu > .flex {
        width: 100%;
        max-width: 100%;
        transform: translate3d(0, 0, 0);
    }
    nav.mainmenu > div a {
        margin: 0;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 1.29;
        position: relative;
        padding: 11px 0;
    }
    nav.mainmenu > div a.active::after {
        /*цвет полоски под вкладкой бокового меню в моб*/
        content: "";
        font-size: 20px;
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: /*var(--main-green-color)*/ #f71735;
        border-radius: 2px 2px 0 0;
        bottom: -1px;
    }
    nav.mainmenu > .bg {
        display: none;
    }
    .layout {
        padding-bottom: 0;
    }
    .layout .content > .row > .col-md-8 {
        padding-right: 36px;
        /*border-right: 3px dashed var(--transparent-border-color);*/
        position: relative;
    }
    .layout.news-list .content > .row > .col-md-8 {
        margin-bottom: 132px;
    }
    .layout .content > .row > .col-md-4 {
        padding-left: 36px;
    }
    .layout.news-list #dle-content .navigation {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 24px;
    }
    .rightside {
        padding: 0;
    }
    .rightside > div:not(:first-child) {
        padding-top: 30px;
    }
    .rightside .top-news {
        display: block;
    }
    .related > .related-layout {
        margin: 0 0 0 -16px;
    }
    .related > .related-layout > div > .row > div:last-child {
        padding-right: 0;
    }
    .downloads-nav > .downloads-slider {
        margin: 0 0 0 -16px;
    }
    .downloads-nav > .downloads-slider > div > .row > div:last-child {
        padding-right: 0;
    }
    .downloads-nav > .downloads-slider::after {
        width: 69px;
    }
    .dle-comments-navigation .navigation {
        margin-bottom: 36px;
    }
}
.ads-downloadpage {
    padding-top: 8px;
    padding-bottom: 12px;
}
h2 {
    font-size: 20pt;
    font-weight: 300;
}
h3 {
    font-size: 17pt;
    font-weight: 300;
}
.ad-contain {
    min-height: 266px;
}
@media only screen and (min-width: 40em) {
    .ad-contain {
        min-height: 200px;
    }
}
#news_set_sort {
    margin-bottom: 16px;
    position: relative;
}
#news_set_sort > .news_set_sort__active {
    cursor: pointer;
    background: #eee;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: sf-ui-text-regular, sans-serif;
    color: rgba(0, 0, 0, 0.54);
    padding: 6px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 8px;
}
#news_set_sort > .news_set_sort__active::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    transition: transform 0.2s ease;
    transform: rotate(0);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5OTQgMi4yMjc4N0M3LjgyOTM2IDIuMjI3ODcgNy42NTg5MiAyLjI5NDE1IDcuNTI4NTkgMi40MjQ0OEwzLjc1Nzc2IDYuMTk1MzFDMy40OTcwOSA2LjQ1NTMxIDMuNDk3MDkgNi44NzczNiAzLjc1Nzc2IDcuMTM4MDJMMy44MTUwNSA3LjE5NTMxQzQuMDc1MDUgNy40NTU5OCA0LjQ5NzA5IDcuNDU1OTggNC43NTc3NiA3LjE5NTMxTDcuMzMzMjggNC42MTk3OVYxMy4zMzMzQzcuMzMzMjggMTMuNzAxMyA3LjYzMTk0IDE0IDcuOTk5OTQgMTRDOC4zNjc5NCAxNCA4LjY2NjYxIDEzLjcwMTMgOC42NjY2MSAxMy4zMzMzVjQuNjE5NzlMMTEuMjQyMSA3LjE5NTMxQzExLjUwMjEgNy40NTU5OCAxMS45MjQyIDcuNDU1OTggMTIuMTg0OCA3LjE5NTMxTDEyLjI0MjEgNy4xMzgwMkMxMi41MDI4IDYuODc4MDIgMTIuNTAyOCA2LjQ1NTk4IDEyLjI0MjEgNi4xOTUzMUw4LjQ3MTMgMi40MjQ0OEM4LjM0MTMgMi4yOTQxNSA4LjE3MDUzIDIuMjI3ODcgNy45OTk5NCAyLjIyNzg3WiIgZmlsbD0icmdiYSgwLCAwLCAwLCAwLjI0KSIvPgo8L3N2Zz4K);
}
#news_set_sort > .news_set_sort__active.asc::after {
    transform: rotate(180deg);
}
#news_set_sort > .sort {
    display: none;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 100%;
    margin: 8px auto 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
}
#news_set_sort.open > .sort {
    display: block;
}
#news_set_sort > .sort > li {
    margin: 0;
}
#news_set_sort > .sort > li > span {
    padding: 9px 12px;
    font-family: sf-ui-text-regular, sans-serif;
    color: #000;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}
#news_set_sort > .sort > li > span:hover {
    background: #f5f5f5;
}
#news_set_sort > .sort > li.dir-asc > span::after,
#news_set_sort > .sort > li.dir-desc > span::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    transition: transform 0.2s ease;
    transform: rotate(0);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5OTQgMi4yMjc4N0M3LjgyOTM2IDIuMjI3ODcgNy42NTg5MiAyLjI5NDE1IDcuNTI4NTkgMi40MjQ0OEwzLjc1Nzc2IDYuMTk1MzFDMy40OTcwOSA2LjQ1NTMxIDMuNDk3MDkgNi44NzczNiAzLjc1Nzc2IDcuMTM4MDJMMy44MTUwNSA3LjE5NTMxQzQuMDc1MDUgNy40NTU5OCA0LjQ5NzA5IDcuNDU1OTggNC43NTc3NiA3LjE5NTMxTDcuMzMzMjggNC42MTk3OVYxMy4zMzMzQzcuMzMzMjggMTMuNzAxMyA3LjYzMTk0IDE0IDcuOTk5OTQgMTRDOC4zNjc5NCAxNCA4LjY2NjYxIDEzLjcwMTMgOC42NjY2MSAxMy4zMzMzVjQuNjE5NzlMMTEuMjQyMSA3LjE5NTMxQzExLjUwMjEgNy40NTU5OCAxMS45MjQyIDcuNDU1OTggMTIuMTg0OCA3LjE5NTMxTDEyLjI0MjEgNy4xMzgwMkMxMi41MDI4IDYuODc4MDIgMTIuNTAyOCA2LjQ1NTk4IDEyLjI0MjEgNi4xOTUzMUw4LjQ3MTMgMi40MjQ0OEM4LjM0MTMgMi4yOTQxNSA4LjE3MDUzIDIuMjI3ODcgNy45OTk5NCAyLjIyNzg3WiIgZmlsbD0iIzAwQkQ2RSIvPgo8L3N2Zz4K);
}
#news_set_sort > .sort > li.dir-asc > span::after {
    transform: rotate(180deg);
}
@media only screen and (min-width: 48em) {
    #news_set_sort > .news_set_sort__active {
        margin: 0;
    }
    #news_set_sort > .sort {
        max-width: 200px;
    }
}
#dlefastreplycomments {
    padding: 16px;
    padding-top: 6px;
    font-family: sf-ui-text-regular, sans-serif;
    line-height: 1.38;
    font-size: 14px;
}
#dlefastreplycomments > b {
    font-family: sf-ui-text-bold, sans-serif;
}
#dlefastreplycomments > form {
    padding-top: 12px;
}
#dlefastreplycomments > .save-buttons,
.comments-edit-area > .save-buttons {
    padding-top: 6px;
}
#dlefastreplycomments > .save-buttons > input,
.comments-edit-area > .save-buttons > input {
    margin: 3px 0 3px 15px;
}
li > ol > li > div > div.comment,
li div > ol > li > div > div.comment {
    border-top: transparent !important;
}
li > ol.comments-tree-list,
li div > ol.comments-tree-list {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 15px;
}
li > ol > li > div .ava,
li div > ol > li > div .ava {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
}
li > ol > li > div span > a,
li div > ol > li > div span > a {
    font-size: 14px !important;
}
li > ol > li > div time,
li div > ol > li > div time {
    font-size: 13px !important;
}
li > ol > li > div .actions a,
li div > ol > li > div .actions a {
    font-size: 13px !important;
}
li > ol > li > div > div.comment,
li div > ol > li > div > div.comment {
    padding: 12px !important;
}
#dle-comments-list > ol > li > ol,
#dle-comments-list > ol > li div > ol {
    margin-bottom: 20px;
}
.searchtable td {
    display: unset;
}
.searchtable {
    font-size: 15px;
    font-family: sf-ui-text-regular, sans-serif;
    line-height: 1.38;
}
.searchtable tr {
    padding: 5px 0;
    display: block;
}
.searchtable legend {
    font-family: sf-ui-text-medium, sans-serif;
    font-size: 17px;
    padding-top: 15px;
}
.searchtable div > select:not(:first-child) {
    margin-top: 10px;
}
.searchtable td > label {
    display: block;
}
.searchtable div > input.bbcodes {
    margin: 5px 0 !important;
}
#fullsearch {
    width: 100%;
}
#catlist {
    height: 200px;
}
#catlist > option {
    font-size: 16px;
    padding: 10px 0;
}
.searchtable tr > td > fieldset > div > input.textin {
    width: 40px;
    margin-top: 10px;
    outline: none;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    background: #fff;
    height: 35px;
    box-sizing: border-box;
    text-indent: 16px;
    font-size: 14px;
}