:root {
  --main-green-color: #00bd6e;
  --blue-color: #378df1;
  --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: white; }
.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); }

.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;
}

/* HEADER */
.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
}
.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:black;
  transform:rotate(45deg)
}
.navToggle.open .icon:after{
  top:0;
  background-color:black;
  transform:rotate(-45deg)
}
header,
nav.mainmenu { width: 100%; }
header {
  position: fixed;
  top: 0;
  z-index: 9;
  background: white;
  border-bottom: 1px solid var(--transparent-border-color);
}
header > .flex { height: 48px; }
header .logo { text-decoration: none; }
header .logo > img { width: 123px; }
header .logo > p {
  display: none;
  font-size: 14px;
  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: 24px;
  height: 24px;
  display: block;
  background-size: 24px;
  cursor: pointer;
}
header .search-form {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: white;
  padding: 0 16px;
  visibility: hidden;
  transform: translate3d(0, -100%, 0);
  transition: transform .2s ease, visibility 0s .2s;
}
header .search-form.open {
  transition: transform .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 .3s linear .2s, visibility 0s .5s;
  z-index: 8;
}
nav.open {
  transition: opacity .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: white;
  transform: translate3d(-100%, 0, 0);
  transition: transform .3s ease;
  z-index: 2;
  position: relative;
}
nav.open > .flex {
  transform: translate3d(0, 0, 0);
  transition: transform .3s ease .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: var(--main-green-color); }

/* HEADER */
/* важно, фиксированные статьи*/
#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 0px;
}
#dle-content .fixed-news::after {
  display: block;
  content:"";
  position: absolute;
  width: 0px;
  height: 0px;
  border: 2px solid transparent;
  border-top: 2px solid #009959;
  border-right: 2px solid #009959;
  top: 100%;
  left: 0;
}
/* важно, фиксированные статьи*/
/* добавлено для иконок в download-mcpe */
.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 .2s linear;
  visibility: visible;
}
.downloads-nav > .downloads-slider.right-border::after {
  transition: opacity .2s linear, visibility 0s .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: #ffffff;
  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: #FFFFFF;
  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%;
}
/* добавлено для иконок в download-mcpe */
/*h3 {
  font-family:'SF-UI-Text-Medium';
  font-weight: 500;
  font-size:28px;
  color:#323034
}*/

.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('/templates/maincraft2/img/banner2.png');
  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: #e0f9f0;
  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 {
  /* margin-top: 16px; */
}
.layout .content .wrapper { width: 100%; }

.layout .content .wrapper > .subcats {
  margin: 0 0 22px 0;
  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: 0px;
  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: white;
  padding: 24px 0;
  border-bottom: 1px solid 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: white;
  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: #ff0000; }
.socials a.vk:hover svg .filled { fill: #45668e; }
.socials a.twitter:hover svg .filled { fill: #1da1f2; }

#content{
    /* width:725px;
    float:left;
    padding-top:35px;
    padding-bottom:40px */
}
#content h2{
    /* font-family:'SF-UI-Text-Medium';
    font-weight: 500;
    font-size:28px;
    color:#212121;
    padding-bottom:25px */
}
#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: white;
}
.news-item .news-image {
  /*height:170px;
  background: #dddddd;
  min-height:150px;*/
  border-radius: 9px 9px 0 0;
  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: none; }
.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) !important;
}

.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: white; }
.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 h3 {
  font-size: 20px;
  padding-bottom: 12px;
}*/

.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 .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 .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: white;
}
.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: white;
}
.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: black;
  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 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: #e0f9f0;
  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: rgba(255, 193, 7, 1); }
.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 .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: #ffffff;
  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 {
  /* padding-bottom: 16px; */
  /* margin-bottom: -16px; */
  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 .2s ease, border-color .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: white;
  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:0px; }
.fullstory .ImageVertical{
  display:inline-block;
  text-align:justify;
  margin-top:5px;
}
.fullstory .ImageVertical img{
  display:block;
  padding:5px;
  margin:0px
}

.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 .server-pics { padding: 32px 0 16px; }
.fullstory .server-pics .slick-dots li{
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 50%;
  margin: 0 5px
}
.fullstory .server-pics .slick-dots li.slick-active,
.fullstory .server-pics .slick-dots li:hover { background: var(--main-green-color); }
.fullstory .server-pics .slick-dots li button { display:none; } */
.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 .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: #FFFFFF;
  box-shadow: 0px 0px 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: #FFFFFF;
  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%;
}
/*.fullstory .fast-download-btn-wrap .fast-download-btn a > div > span > span.download-link { display: none; }*/
/*быстрая загрузка*/

.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 .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: 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: white;
  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: #ffffff;
  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:white;
  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: white;
  margin: 0 2px 0 0;
  width: 36px;
  border-radius: 4px;
  line-height: 24px;
  cursor:pointer;
  text-align: center;
}
.likely .likely__widget svg{
  fill:white;
  -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:#0088cc; }


#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:white;
  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:white;
  width:2px;
  height:2px;
  box-shadow:2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;
  -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: white;
  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 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: white;
  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: 721px;
  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,.1);} /*equal .regular*/
.ui-c2 > a {color:var(--main-green-color);}
.usinf {
    word-break: break-word;
}
.user_tab > .active > a {font-size:16px;color:black;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,.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 { /* margin-top: 24px; */ }

  .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: black;
    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('/templates/maincraft2/img/banner.png'),
                      url('/templates/maincraft2/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 .fast-download-btn-wrap .fast-download-btn button > div > span > span.download-link-white { display: none; }*/
  /*быстрая загрузка*/


  .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: #ffffff;
    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;
    border-bottom: 1px solid 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;
    line-height: 1.29;
    position: relative;
    padding: 11px 0;
  }
  nav.mainmenu > div a.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: var(--main-green-color);
    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: 1px solid 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: #EEEEEE;
  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 .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;
  /*width: 100%;*/
  border-radius: 8px;
  overflow: hidden;
  background-color: white;
  z-index: 1;
  box-shadow: 0px 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: black;
  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 .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 0px 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,.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 0px!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
}

.ad-contain div[style*="pointer-events: none"] { display: none !important; }

/* 141 ~ 173 start */
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}

.comments-image-gallery li img{
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}

.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}

.title_spoiler svg {
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}

.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}

.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
    cursor: pointer;
}
.form-check-input {
    color: #0c5f7eed;
    flex-shrink: 0;
    width: 1.12rem;
    height: 1.12rem;
    margin: -0.188rem 0.625rem 0 0;
    appearance: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #0c5f7eed;
    vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}
/* 141 ~ 173 end */