/* герлянда */ .lightrope{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;margin:-15px 0 0 0;padding:0;pointer-events:none;width:100%}.lightrope li{position:relative;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;list-style:none;margin:0;padding:0;display:block;width:12px;height:28px;border-radius:50%;margin:20px;display:inline-block;background:#00f7a5;box-shadow:0 4.66667px 24px 3px #00f7a5;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s}.lightrope li:nth-child(2n+1){background:cyan;box-shadow:0 4.66667px 24px 3px rgba(0,255,255,0.5);-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:0.4s;animation-duration:0.4s}.lightrope li:nth-child(4n+2){background:#f70094;box-shadow:0 4.66667px 24px 3px #f70094;-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s}.lightrope li:nth-child(odd){-webkit-animation-duration:1.8s;animation-duration:1.8s}.lightrope li:nth-child(3n+1){-webkit-animation-duration:1.4s;animation-duration:1.4s}.lightrope li:before{content:"";position:absolute;background:#222;width:10px;height:9.33333px;border-radius:3px;top:-4.66667px;left:1px}.lightrope li:after{content:"";top:-14px;left:9px;position:absolute;width:52px;height:18.66667px;border-bottom:solid #222 2px;border-radius:50%}.lightrope li:last-child:after{content:none}.lightrope li:first-child{margin-left:-40px}@-webkit-keyframes flash-1{0,100%{background:#00f7a5;box-shadow:0 4.66667px 24px 3px #00f7a5}50%{background:rgba(0,247,165,0.4);box-shadow:0 4.66667px 24px 3px rgba(0,247,165,0.2)}}@keyframes flash-1{0,100%{background:#00f7a5;box-shadow:0 4.66667px 24px 3px #00f7a5}50%{background:rgba(0,247,165,0.4);box-shadow:0 4.66667px 24px 3px rgba(0,247,165,0.2)}}@-webkit-keyframes flash-2{0,100%{background:cyan;box-shadow:0 4.66667px 24px 3px cyan}50%{background:rgba(0,255,255,0.4);box-shadow:0 4.66667px 24px 3px rgba(0,255,255,0.2)}}@keyframes flash-2{0,100%{background:cyan;box-shadow:0 4.66667px 24px 3px cyan}50%{background:rgba(0,255,255,0.4);box-shadow:0 4.66667px 24px 3px rgba(0,255,255,0.2)}}@-webkit-keyframes flash-3{0,100%{background:#f70094;box-shadow:0 4.66667px 24px 3px #f70094}50%{background:rgba(247,0,148,0.4);box-shadow:0 4.66667px 24px 3px rgba(247,0,148,0.2)}}@keyframes flash-3{0,100%{background:#f70094;box-shadow:0 4.66667px 24px 3px #f70094}50%{background:rgba(247,0,148,0.4);box-shadow:0 4.66667px 24px 3px rgba(247,0,148,0.2)}} /* блоки рекламы миникард */ .content-inner{position:relative;transform-style:preserve-3d;perspective:1000px;backface-visibility:hidden;transition:0.9s cubic-bezier(0.68,-0.55,0.265,1.55);margin-bottom:25px}.fl-wrap{float:left;position:relative;margin-left:15px}.content-inner .content-front,.content-inner .content-back{position:relative;transform-style:preserve-3d;perspective:1000px;backface-visibility:hidden;height:100%;display:flex;justify-content:center;align-items:center}.content-inner > *{backface-visibility:hidden;transition:0.9s cubic-bezier(0.68,-0.55,0.265,1.55)}.cf-inner:before,.cf-inner:after{content:"";position:absolute;width:50px;height:50px;z-index:10}.cf-inner:before{top:20px;left:20px;border-left:1px solid;border-top:1px solid}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;box-shadow:0 3px 4px rgb(33 37 41 / 60%),0 0 1px rgb(10 31 68 / 8%);border-radius:4px;background-size:cover;background-attachment:scroll;background-position:center;background-repeat:repeat;background-origin:content-box}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;z-index:3}.content-inner .cf-inner .inner{align-items:stretch;transform-style:preserve-3d;perspective:1000px;backface-visibility:hidden;transform:translateZ(95px) scale(0.81);text-align:center;position:relative;z-index:2}.cf-inner:after{bottom:20px;right:20px;border-right:1px solid;border-bottom:1px solid}.content-inner .cf-inner .inner h2{position:relative;font-size:22px;font-weight:800;padding-bottom:20px}.content-inner .cf-inner .inner h2:before{content:"";position:absolute;left:50%;bottom:10px;width:20px;height:2px;margin-left:-10px}.content-inner .content-front li{display:inline-block;color:var(--mini-cards-text-color);text-transform:uppercase;font-size:10px;letter-spacing:2px;margin:0 4px}.cf-inner:after{bottom:20px;right:20px;border-right:1px solid;border-bottom:1px solid}.content-inner .content-front,.content-inner .content-back{position:relative;transform-style:preserve-3d;perspective:1000px;backface-visibility:hidden;height:100%;display:flex;justify-content:center;align-items:center}.content-inner .cf-inner .inner{align-items:stretch;transform-style:preserve-3d;perspective:1000px;backface-visibility:hidden;transform:translateZ(95px) scale(0.81);text-align:center;position:relative;z-index:2}.content-inner:hover .content-front{transform:rotateY(-180deg)}.content-inner:hover .content-back{transform:rotateY(0deg)}.content-inner .content-back{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;transform:rotateY(180deg);border-radius:4px}.content-inner .content-back p{}.content-inner .cf-inner{transform-style:preserve-3d;backface-visibility:hidden;width:100%;padding:50px 20px;height:20em}.serv-price-wrap{background:#242424 !important;padding:15px 30px;margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:2px}.content-inner .cf-inner .inner h2:before{background:#6c757d}.cf-inner:before,.cf-inner:after{content:"";position:absolute;width:50px;height:50px;z-index:10}.dec-icon{padding-bottom:10px}.content-back .cf-inner:before{content:"";position:absolute;width:50px;height:50px;z-index:10}.content-back .cf-inner:after{content:"";position:absolute;width:35px;height:35px;z-index:10} /* блоки рекламы миникард */ /* блоки рекламы 2 блока рекламы */ .card11{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;overflow:hidden;margin-bottom:0;background-color:var(--card-color);margin-bottom:15px;background-color:#212529}.tooltiptwo a:hover{text-decoration:none}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}@media (max-width:575.98px){.custom-shop{width:100%;height:96px}.custom-shop > img{position:relative;height:100%;width:100%;top:0;object-fit:cover;transition:all ease-out 0.45s;opacity:.5}.server-data{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;width:100%;height:100%;z-index:1;padding:15px}.data-basic{display:flex;flex-direction:column;gap:3px;min-width:23%}.data-basic__group{display:flex;align-items:center;text-align:center;gap:10px;color:rgb(255 255 255);margin-top:25px}.data-secondary{font-size:10px}.vipinfo{font-size:10px;font-weight:bold;color:#f4a633;margin-left:0;background:linear-gradient(90deg,#f4a63338,transparent);padding:6px 11px;border-radius:6px;max-width:120px;text-align:center;transition:.7s}.vipinfo:hover{background-color:#f4a63338;transition:.7s}.buy-vip{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;background-color:#141732;transition:.7s ease}.buy-vip:hover{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;transition:.7s ease;background-color:#ff6044;cursor:pointer}.right{display:flex;border:1px solid #f4a633;padding:5px 9px;border-radius:4px;font-weight:700}.right::after{transform:translate(-50%,-57%);left:50%;top:50%}.right{position:relative;overflow:hidden}.right::after{content:"";position:absolute;display:block;width:17px;height:17px;background:url(../img/icons/crown.svg) no-repeat 50%/cover;left:-20%;margin-left:5px;transition:0.25s ease}.right span{color:#f4a633;transition:0.25s ease}.right:hover span{margin-left:20px}.right:hover:after{left:20px}.right::after{left:120%}.right:hover span{margin-left:0;margin-right:20px}.right:hover:after{left:calc(100% - 20px)}.tooltiptwo{position:absolute;right:11px;top:35px;display:inline-block}.tooltiptwo .tooltiptext{visibility:hidden;width:94px;background-color:rgb(0 0 0 / .5);color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;top:1px;right:105%;z-index:1}.tooltiptwo:hover .tooltiptext{visibility:visible}}@media (min-width:576px) and (max-width:767.98px){.custom-shop{width:100%;height:96px}.custom-shop > img{position:relative;height:100%;width:100%;top:0;object-fit:cover;transition:all ease-out 0.45s;opacity:.5}.server-data{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;width:100%;height:100%;z-index:1;padding:15px}.data-basic{display:flex;flex-direction:column;gap:3px;min-width:75%}.data-basic__group{display:flex;align-items:center;text-align:center;gap:10px;color:rgb(255 255 255);margin-top:28px}.vipinfo{font-size:14px;font-weight:bold;color:#f4a633;background:linear-gradient(90deg,#f4a63338,transparent);padding:6px 11px;border-radius:6px;max-width:240px;text-align:center;transition:.7s}.vipinfo:hover{background-color:#f4a63338;transition:.7s}.buy-vip{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;background-color:#141732;transition:.7s ease}.buy-vip:hover{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;transition:.7s ease;background-color:#ff6044;cursor:pointer}.right{display:flex;border:1px solid #f4a633;padding:5px 9px;border-radius:4px;font-weight:700}.right::after{transform:translate(-50%,-57%);left:50%;top:50%}.right{position:relative;overflow:hidden}.right::after{content:"";position:absolute;display:block;width:17px;height:17px;background:url(../img/icons/crown.svg) no-repeat 50%/cover;left:-20%;margin-left:5px;transition:0.25s ease}.right span{color:#f4a633;transition:0.25s ease}.right:hover span{margin-left:20px}.right:hover:after{left:20px}.right::after{left:120%}.right:hover span{margin-left:0;margin-right:20px}.right:hover:after{left:calc(100% - 20px)}.tooltiptwo{position:relative;display:inline-block}.tooltiptwo .tooltiptext{visibility:hidden;width:140px;background-color:rgb(0 0 0 / .5);color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;top:1px;right:105%;z-index:1}.tooltiptwo:hover .tooltiptext{visibility:visible}}@media (min-width:768px) and (max-width:991.98px){.custom-shop{width:100%;height:96px}.custom-shop > img{position:relative;height:100%;width:100%;top:0;object-fit:cover;transition:all ease-out 0.45s;opacity:.5}.server-data{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;width:100%;height:100%;z-index:1;padding:15px}.data-basic{display:flex;flex-direction:column;gap:3px;min-width:75%}.data-basic__group{display:flex;align-items:center;text-align:center;gap:10px;color:rgb(255 255 255);margin-top:24px}.vipinfo{font-size:12px;font-weight:bold;color:#f4a633;background:linear-gradient(90deg,#f4a63338,transparent);padding:6px 11px;border-radius:6px;max-width:155px;text-align:center;transition:.7s}.vipinfo:hover{background-color:#f4a63338;transition:.7s}.buy-vip{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;background-color:#141732;transition:.7s ease}.buy-vip:hover{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;transition:.7s ease;background-color:#ff6044;cursor:pointer}.right{display:flex;border:1px solid #f4a633;padding:5px 9px;border-radius:4px;font-weight:700}.right::after{transform:translate(-50%,-57%);left:50%;top:50%}.right{position:relative;overflow:hidden}.right::after{content:"";position:absolute;display:block;width:17px;height:17px;background:url(../img/icons/crown.svg) no-repeat 50%/cover;left:-20%;margin-left:5px;transition:0.25s ease}.right span{color:#f4a633;transition:0.25s ease}.right:hover span{margin-left:20px}.right:hover:after{left:20px}.right::after{left:120%}.right:hover span{margin-left:0;margin-right:20px}.right:hover:after{left:calc(100% - 20px)}.tooltiptwo{position:absolute;right:6px;top:34px;font-size:12px;display:inline-block}.tooltiptwo .tooltiptext{visibility:hidden;width:107px;background-color:rgb(0 0 0 / .5);color:#fff;text-align:center;padding:8px 0;border-radius:6px;position:absolute;top:-1px;right:105%;z-index:1}.tooltiptwo:hover .tooltiptext{visibility:visible}}@media (min-width:992px) and (max-width:1199.98px){.custom-shop{width:100%;height:96px}.custom-shop > img{position:relative;height:100%;width:100%;top:0;object-fit:cover;transition:all ease-out 0.45s;opacity:.5}.server-data{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;width:100%;height:100%;z-index:1;padding:15px}.data-basic{display:flex;flex-direction:column;gap:3px;min-width:75%}.data-basic__group{display:flex;align-items:center;text-align:center;gap:5px;color:rgb(255 255 255);margin-top:40px}.vipinfo{font-size:14px;font-weight:bold;color:#f4a633;background:linear-gradient(90deg,#f4a63338,transparent);padding:6px 11px;border-radius:6px;max-width:186px;text-align:center;transition:.7s}.vipinfo:hover{background-color:#f4a63338;transition:.7s}.buy-vip{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;background-color:#141732;transition:.7s ease}.buy-vip:hover{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;transition:.7s ease;background-color:#ff6044;cursor:pointer}.right{display:flex;border:1px solid #f4a633;padding:5px 9px;border-radius:4px;font-weight:700}.right::after{transform:translate(-50%,-57%);left:50%;top:50%}.right{position:relative;overflow:hidden}.right::after{content:"";position:absolute;display:block;width:17px;height:17px;background:url(../img/icons/crown.svg) no-repeat 50%/cover;left:-20%;margin-left:5px;transition:0.25s ease}.right span{color:#f4a633;transition:0.25s ease}.right:hover span{margin-left:20px}.right:hover:after{left:20px}.right::after{left:120%}.right:hover span{margin-left:0;margin-right:20px}.right:hover:after{left:calc(100% - 20px)}.tooltiptwo{position:absolute;right:7px;top:30px;display:inline-block}.tooltiptwo .tooltiptext{visibility:hidden;width:140px;background-color:rgb(0 0 0 / .5);color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;top:1px;right:105%;z-index:1}.tooltiptwo:hover .tooltiptext{visibility:visible}}@media (min-width:1200px) and (max-width:1499.98px){.custom-shop{width:100%;height:96px}.custom-shop > img{position:relative;height:100%;width:100%;top:0;object-fit:cover;transition:all ease-out 0.45s;opacity:.5}.server-data{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;width:100%;height:100%;z-index:1;padding:15px}.data-basic{display:flex;flex-direction:column;gap:3px;min-width:75%}.data-basic__group{display:flex;align-items:center;text-align:center;gap:10px;color:rgb(255 255 255);margin-top:35px}.vipinfo{font-size:14px;font-weight:bold;color:#f4a633;background:linear-gradient(90deg,#f4a63338,transparent);padding:6px 11px;border-radius:6px;max-width:240px;text-align:center;transition:.7s}.vipinfo:hover{background-color:#f4a63338;transition:.7s}.buy-vip{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;background-color:#141732;transition:.7s ease}.buy-vip:hover{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;transition:.7s ease;background-color:#ff6044;cursor:pointer}.right{display:flex;border:1px solid #f4a633;padding:5px 9px;border-radius:4px;font-weight:700}.right::after{transform:translate(-50%,-57%);left:50%;top:50%}.right{position:relative;overflow:hidden}.right::after{content:"";position:absolute;display:block;width:17px;height:17px;background:url(../img/icons/crown.svg) no-repeat 50%/cover;left:-20%;margin-left:5px;transition:0.25s ease}.right span{color:#f4a633;transition:0.25s ease}.right:hover span{margin-left:20px}.right:hover:after{left:20px}.right::after{left:120%}.right:hover span{margin-left:0;margin-right:20px}.right:hover:after{left:calc(100% - 20px)}.tooltiptwo{position:relative;display:inline-block}.tooltiptwo .tooltiptext{visibility:hidden;width:140px;background-color:rgb(0 0 0 / .5);color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;top:1px;right:105%;z-index:1}.tooltiptwo:hover .tooltiptext{visibility:visible}}@media (min-width:1500px){.custom-shop{width:100%;height:96px}.custom-shop > img{position:relative;height:100%;width:100%;top:0;object-fit:cover;transition:all ease-out 0.45s;opacity:.5}.server-data{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;width:100%;height:100%;z-index:1;padding:15px}.data-basic{display:flex;flex-direction:column;gap:3px;min-width:75%}.data-basic__group{position:absolute;left:25px;bottom:20px;display:flex;align-items:center;text-align:center;gap:10px}.vipinfo{font-size:14px;font-weight:bold;color:#f4a633;background:linear-gradient(90deg,#f4a63338,transparent);padding:6px 11px;border-radius:6px;max-width:240px;text-align:center;transition:.7s}.vipinfo:hover{background-color:#f4a63338;transition:.7s}.buy-vip{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;background-color:#141732;transition:.7s ease}.buy-vip:hover{font-size:15px;font-weight:bold;margin-right:10px;padding:10px 9px;border-radius:6px;transition:.7s ease;background-color:#ff6044;cursor:pointer}.right{display:flex;border:1px solid #f4a633;padding:5px 9px;border-radius:4px;font-weight:700}.right::after{transform:translate(-50%,-57%);left:50%;top:50%}.right{position:relative;overflow:hidden}.right::after{content:"";position:absolute;display:block;width:17px;height:17px;background:url(../img/icons/crown.svg) no-repeat 50%/cover;left:-20%;margin-left:5px;transition:0.25s ease}.right span{color:#f4a633;transition:0.25s ease}.right:hover span{margin-left:20px}.right:hover:after{left:20px}.right::after{left:120%}.right:hover span{margin-left:0;margin-right:20px}.right:hover:after{left:calc(100% - 20px)}.tooltiptwo{position:relative;display:inline-block}.tooltiptwo .tooltiptext{visibility:hidden;width:140px;background-color:rgb(0 0 0 / .5);color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;top:1px;right:105%;z-index:1}.tooltiptwo:hover .tooltiptext{visibility:visible}} /* блоки рекламы 2 блока рекламы */ #chat #chat_messages .chat_message > a, #chat #messages .chat_message > a { display: block; width: 65px; float: left; } .forum_profile_reaction { =:10px;display: flex; align-items: center } .forum_profile_reaction .bx-heart { border-radius: 9px; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); width: 35px; height: 35px; display: flex; font-size: 15px; color: #fff; align-items: center; justify-content: center } .forum_profile_reaction .bx-message-square-detail { border-radius: 9px; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); width: 35px; height: 35px; display: flex; font-size: 15px; color: #fff; align-items: center; justify-content: center; } .forum_profile_reaction .bx-star { border-radius: 9px; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); width: 35px; height: 35px; display: flex; font-size: 15px; color: #fff; align-items: center; justify-content: center; } .reaction_block { display: flex; flex-direction: column; align-items: flex-start; line-height: 15px; font-weight: 700; margin-left: 10px } .bloc_link { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; margin-bottom: 20px; } .id_link { background: linear-gradient(1deg, #4e526936 30%, #4d516938 100%); padding: 10px 10px 10px 15px; border-radius: 11px; display: flex; font-weight: 600; font-size: 12px; justify-content: space-between; align-items: center } .copy_ref { border: none; font-size: 15px; color: #fff; width: 30px; background: linear-gradient(33deg, #3300ff 0%, #3988ff 85%); border-radius: 7px; height: 30px; padding-top: 3px; transition: .2s all } .copy_ref:hover { opacity: .7 } .referal_block { border-radius: 13px; display: flex; margin-bottom: 18px; gap: 15px; justify-content: space-between; padding: 10px 13px; } .number_referal { background: #00d9397a; width: 30px; height: 30px; position: absolute; display: flex; font-weight: 700; font-size: 11px; color: #f8f8fb; margin-top: -5px; border-radius: 8px; margin-left: -213px; align-items: center; justify-content: center; } .referal_block_info { display: flex; background: linear-gradient(1deg, #4e526936 30%, #4d516938 100%); padding: 20px; border-radius: 17px; width: 100%; flex-direction: column; align-items: center } .referal_block_info i { background: #3473ff40; width: 42px; height: 42px; border-radius: 10px; color: #3473ff; margin-bottom: 10px; font-size: 19px; display: flex; padding: 20px; flex-direction: column; align-items: center; justify-content: center; } .text_referal { font-weight: 700; font-size: 12px } .desp_referal { font-weight: 700; font-size: 11px; color: #8186a3; text-align: center; width: 80%; line-height: 14px } .stats_mini_block { display: flex; height: 60px; width: 96%; padding: 0 12px; background: #98999d29; transition: .2s all; border-radius: 50px; cursor: pointer; align-items: center; justify-content: space-between; margin-bottom: 10px; } .right_stats_info { margin-left: 15px; line-height: 17px; } .span_number { border-radius: 50px; font-weight: 600; font-size: 17px; box-shadow: 0 0 20px #66878200; max-width: fit-content; transition: .2s all; display: flex; } .span_number small { font-weight: bold; font-size: 9px; background: linear-gradient(23deg, #ffffff 0%, #ffffff 55%); padding: 0 7px; border-radius: 50px; margin-left: 6px; position: relative; display: flex; height: 16px; box-shadow: 0 0 30px #ffffffb3; color: #d12b2b; align-items: center; justify-content: center; line-height: 10px; } .name_stats { font-size: 11px; } .stats_icon { width: 40px; height: 40px; background: linear-gradient(321deg, #3473ffcf 0%, #3473ffb5 55%); display: flex; border-radius: 50px; color: #ffffff; font-size: 17px; align-items: center; justify-content: center; } .ban_activ { text-transform: uppercase; font-weight: 700; background: linear-gradient(1deg, #28e53a47 30%, #7edd856e 100%); font-size: 10.6px; backdrop-filter: blur(3px); display: flex; padding-bottom: 11px; width: auto; justify-content: space-between; flex-direction: column; align-items: center; } .ban_off { text-transform: uppercase; font-weight: 700; background: linear-gradient(1deg, #ff333378 30%, #f55a5a70 100%); font-size: 10.6px; backdrop-filter: blur(3px); display: flex; padding-bottom: 11px; width: auto; justify-content: space-between; flex-direction: column; align-items: center; } .ban_all { text-transform: uppercase; font-weight: 700; background: linear-gradient(1deg, #4d86d142 30%, #4d86d142 100%); font-size: 10.6px; backdrop-filter: blur(3px); display: flex; padding-bottom: 11px; width: auto; justify-content: space-between; flex-direction: column; align-items: center; } .steamid_index { padding: 8px 10px; border-radius: 6px; position: relative; box-shadow: 0px 0px 20px #dc354573; font-weight: 600; font-size: 10px; top: -39px; left: 0px; background: linear-gradient(34deg, #dc354582 0%, #dc3545d6 55%); color: #fff; margin-left: 0px; } .circleuved { width: 24px; position: relative; height: 24px; line-height: 18px; margin-bottom: -12px; z-index: 900; text-align: center; font-size: 9px; background: #ff6700; display: none; color: #fff; font-weight: 600; left: 22px; top: -8px; border: solid 3px #12121b; border-radius: 50px; } .disp-b { display: block; } .show_user { position: relative; top: 3px; } .accordion-container { width: 100% } .flex_accordion_text { display: flex; gap: 12px; align-items: center } .accordion-item { margin-top: 10px; background: #3d4153; border-radius: 15px } .accordion-header .flex_accordion_text i { color: #fff; text-shadow: #86b6aeb3 1px 0 10px; width: 37px; background: linear-gradient(23deg,#55726d 0%,#6f918c 55%); height: 37px; font-size: 16px; border-radius: 10px; display: flex; align-items: center; justify-content: center } .accordion-header { color: #FFF; background: linear-gradient(1deg,#50546b75 30%,#50546b 100%); padding: 14px; font-size: 12px; border: none; width: 100%; font-weight: 700; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-radius: 12px; transition: background-color 0.3s ease } .accordion-header:hover { background-color: #60647e63 } .accordion-content { overflow: hidden; padding: 0 20px; max-height: 0; border-radius: 15px; transition: max-height 0.3s ease } .accordion-content p { margin: 15px 0; line-height: 1.5; font-size: 11.5px; color: #858aa3 } .bar_top { width: 250px; background: linear-gradient(237deg, #33374887 60%, #3e66af61 100%); font-size: 10.5px; border: solid 1px #40465980; padding: 8px; gap: 4px; backdrop-filter: blur(2px); display: flex; color: #6c79a3; border-radius: 50px; font-weight: 600; justify-content: center; align-items: center } .timer_sortion { width: 40px; height: 40px; background: linear-gradient(23deg, #1151b5 0%, #3e66af 55%); color: #fff; display: flex; font-size: 16px; margin-right: 5px; align-items: center; border-radius: 50px; justify-content: center } .headline-center { display: flex; justify-content: center } .headline-center:after, .headline-center:before { content: " "; display: inline-block; width: 54px; height: 12px; margin: 21px 14px; background: url(/templates/fast/img/welcome/img/headline.png) no-repeat top; } .headline-about h2 { position: relative; z-index: 2 } .headline-instruct h2 { position: relative; z-index: 2 } .headline-instruct h2:after { bottom: -10px; content: "Инcтрукция"; font-size: 47px; left: 50%; opacity: .02; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 } .headline-contact h2 { position: relative; z-index: 2 } .headline-contact h2:after { bottom: -10px; content: "Контакты"; font-size: 47px; line-height: 160%; left: 50%; opacity: .02; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 } .headline h2, .headline-instruct h2:after { color: #fcc470; font-weight: 700; line-height: 160%; text-transform: uppercase } .headline h2 { font-size: 26px } @media screen and (min-width:800px) { .headline h2 { font-size: 36px } .headline h2:after { bottom: -20px; font-size: 82px } } .navbar { left: 0; padding: 0 20px; position: absolute; right: 0; top: 40px; z-index: 300 } .navbar-inner { align-items: center; display: flex; font-size: 0; justify-content: space-between; min-height: 42px } .navbar-inner-center { display: flex; flex: 1 1; flex-wrap: wrap; justify-content: flex-start } .navbar-inner-center a { color: inherit; font-size: 14px; font-weight: 600; margin: 0 12px; padding: 8px 0; position: relative; text-decoration: none; transition: color .2s ease, opacity .2s ease, -webkit-transform .25s ease; transition: color .2s ease, transform .25s ease, opacity .2s ease; transition: color .2s ease, transform .25s ease, opacity .2s ease, -webkit-transform .25s ease } .navbar-inner-center a:before { background-color: var(--color-accent); content: ""; display: block; height: 2px; left: 0; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity .25s ease, -webkit-transform .25s ease; transition: opacity .25s ease, transform .25s ease; transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease; width: 100%; z-index: -1 } .navbar-inner-right a { margin-left: 8px } @media screen and (max-width:800px) { .navbar { top: 16px } .navbar-inner-center, .navbar-inner-right { display: none } .navbar-inner-toggle { display: block } } .socials-icon.icon-vk { -webkit-filter: drop-shadow(0 0 16px var(--icon-vk)); filter: drop-shadow(0 0 16px var(--icon-vk)); transition: -webkit-filter .2s ease; transition: filter .2s ease; transition: filter .2s ease, -webkit-filter .2s ease; will-change: filter; vertical-align: baseline } .socials-icon.icon-telegram { -webkit-filter: drop-shadow(0 0 16px var(--icon-telegram)); filter: drop-shadow(0 0 16px var(--icon-telegram)); transition: -webkit-filter .2s ease; transition: filter .2s ease; transition: filter .2s ease, -webkit-filter .2s ease; will-change: filter; vertical-align: baseline } .socials-icon.icon-discord { -webkit-filter: drop-shadow(0 0 16px var(--icon-discord)); filter: drop-shadow(0 0 16px var(--icon-discord)); transition: -webkit-filter .2s ease; transition: filter .2s ease; transition: filter .2s ease, -webkit-filter .2s ease; will-change: filter; vertical-align: baseline } .mainsection { overflow: hidden } .mainsection, .mainsection__inner--left { position: relative } @media screen and (max-width:799px) { .mainsection__inner { position: relative } .headline-center:after, .headline-center:before { display: none; } .mainsection__inner--left { background-position: top; background-size: cover; box-sizing: border-box; padding: 120px 20px 120px; position: relative } .mainsection__inner--left .maintitle { align-items: center; display: flex; flex-direction: column } .mainsection__inner--left .maintitle__top { font-size: 14px; font-weight: 500; line-height: 160%; margin: 0; text-align: center } .mainsection__inner--left .maintitle__top span { display: none } .mainsection__inner--left .maintitle__head { font-size: 40px; line-height: 100%; margin: 10px 0; text-align: center; text-transform: uppercase } .mainsection__inner--left .maintitle__head span { color: #0267ff } .mainsection__inner--left .maintitle__bottom { font-size: 16px; font-weight: 500; line-height: 160%; margin: 0; text-align: center } .mainsection__inner--left .maintitle__btn { background: radial-gradient(100% 401.67% at 100% 50%, #00c9ec 0, #5966e4 100%); border-radius: 10px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2); color: #fff; display: inline-block; font-size: 18px; font-weight: 500; line-height: 160%; margin-top: 45px; padding: 15px 30px 16px 74px; position: relative; text-decoration: none } .mainsection__inner--left .maintitle__btn:before { background-image: url(/templates/fast/img/welcome/img/svg/login.svg); background-size: cover; height: 24px; left: 30px; width: 24px } .mainsection__inner--left .maintitle__btn:after, .mainsection__inner--left .maintitle__btn:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mainsection__inner--left .maintitle__btn:after { background-color: #000; height: 30px; left: 64px; opacity: .1; width: 1px } .mainsection__inner--left .maintitle__btn_register { background: radial-gradient(100% 401.67% at 100% 50%, #f54aec 0, #3d2291 100%); border-radius: 10px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2); color: #fff; display: inline-block; font-size: 18px; font-weight: 500; line-height: 160%; margin-top: 40px; padding: 15px 30px 16px 74px; position: relative; text-decoration: none } .mainsection__inner--left .maintitle__btn_register:hover { background: radial-gradient(100% 401.67% at 100% 50%, #3b6462 0, #3b5e93 100%) } .mainsection__inner--left .maintitle__btn_register:before { background-image: url(/templates/fast/img/welcome/img/svg/register.svg); background-size: cover; height: 24px; color: #fff; left: 25px; width: 24px } .mainsection__inner--left .maintitle__btn_register:after, .mainsection__inner--left .maintitle__btn_register:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mainsection__inner--left .maintitle__btn_register:after { background-color: #000; height: 30px; left: 64px; opacity: .1; width: 1px } .mainsection__inner--left:after { background-position: top; background-size: cover; bottom: 0; content: ""; display: block; height: 70px; left: 0; position: absolute; width: 100% } .mainsection__inner--right { background-color: #181a22; padding-left: 20px; padding-right: 20px } .socialsection__inner--grid .item__inner--left .bottom { padding-top: 30px !important; } } @media screen and (min-width:800px) { .mainsection { padding-left: 20px; padding-right: 20px } .mainsection__inner { box-sizing: border-box; display: grid; grid-template-columns: 1fr auto; min-height: 100vh; padding-bottom: 200px; padding-top: 160px } .mainsection__innerr { box-sizing: border-box; display: inline; grid-template-columns: 1fr auto; min-height: 100vh; } .mainsection__inner--left, .mainsection__inner--right { align-self: center } .mainsection__inner--left .maintitle__top { font-size: 16px; font-weight: 500; line-height: 160%; margin: 0 } .mainsection__inner--left .maintitle__top span { color: #0267ff; font-size: 1.25rem; margin-right: 5px } .mainsection__inner--left .maintitle__head { font-size: 40px; font-weight: 700; line-height: 88px; margin: 0; text-transform: uppercase } .mainsection__inner--left .maintitle__head span { color: #0267ff } .mainsection__inner--left .maintitle__bottom { font-size: 18px; font-weight: 500; line-height: 160%; margin: 0 } .mainsection__inner--left .maintitle__btn { background: radial-gradient(100% 401.67% at 100% 50%, #00c9ec 0, #5966e4 100%); border-radius: 10px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2); color: #fff; display: inline-block; font-size: 18px; font-weight: 500; line-height: 160%; margin-top: 40px; margin-right: 15px; padding: 15px 30px 16px 74px; position: relative; text-decoration: none } .mainsection__inner--left .maintitle__btn:hover { background: radial-gradient(100% 401.67% at 100% 50%, #3b6462 0, #3b5e93 100%) } .mainsection__inner--left .maintitle__btn:before { background-image: url(/templates/fast/img/welcome/img/svg/login.svg); background-size: cover; height: 24px; color: #fff; left: 25px; width: 24px } .mainsection__inner--left .maintitle__btn:after, .mainsection__inner--left .maintitle__btn:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mainsection__inner--left .maintitle__btn:after { background-color: #000; height: 30px; left: 64px; opacity: .1; width: 1px } .mainsection__inner--left .maintitle__btn_register { background: radial-gradient(100% 401.67% at 100% 50%, #f54aec 0, #3d2291 100%); border-radius: 10px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2); color: #fff; display: inline-block; font-size: 18px; font-weight: 500; line-height: 160%; margin-top: 40px; padding: 15px 30px 16px 74px; position: relative; text-decoration: none } .mainsection__inner--left .maintitle__btn_register:hover { background: radial-gradient(100% 401.67% at 100% 50%, #3b6462 0, #3b5e93 100%) } .mainsection__inner--left .maintitle__btn_register:before { background-image: url(/templates/fast/img/welcome/img/svg/register.svg); background-size: cover; height: 24px; color: #fff; left: 25px; width: 24px } .mainsection__inner--left .maintitle__btn_register:after, .mainsection__inner--left .maintitle__btn_register:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mainsection__inner--left .maintitle__btn_register:after { background-color: #000; height: 30px; left: 64px; opacity: .1; width: 1px } } .terrorist { display: none; left: 50%; width: 625px; z-index: 2 } .terrorist { bottom: 0; position: absolute } @media screen and (min-width:799px) { .terrorist { display: block } } .aboutsection__right { align-items: center; display: flex; justify-content: flex-end; z-index: 10 } .aboutsection__right--video { max-width: 480px; width: 80% } .aboutsection__right--video .video { border-radius: 10px; overflow: hidden; padding-top: 50%; position: relative; width: 100% } .aboutsection__right--video .video__inner { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .aboutsection__inner .slide { font-size: 14px; line-height: 160%; outline: none } .aboutsection__inner .sliderbtns { display: flex; z-index: 20 } .aboutsection__inner .sliderbtns>div { box-sizing: border-box; cursor: pointer } .aboutsection__inner .sliderbtns>div.active span { background: #01b3f7; box-shadow: 0 0 10px rgba(1, 179, 247, .5) } .aboutsection__inner .sliderbtns>div:hover { -webkit-transform: scale(.97); transform: scale(.97) } .aboutsection__inner .sliderbtns>div span { background: #3e3e3e; border-radius: 100px; display: block; height: 4px; margin: 10px 0; transition: .2s ease; width: 38px } .aboutsection__inner .sliderbtns>div:not(:last-child) { margin-right: 10px } .slide { box-sizing: border-box; padding-right: 10px } .aboutsection { padding: 0 20px } .aboutsectionn { background: linear-gradient(359deg,rgba(143, 144, 149, 0.13) 0,rgba(22, 23, 27, 0)); border-radius: 2px; padding: 30px; margin-bottom: 30px } .aboutsection__left { z-index: 40 } .aboutsection__left--title { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between } .aboutsection__inner .slide { font-size: 14px; line-height: 160%; outline: 0 } .slide { box-sizing: border-box; padding-right: 10px } @media screen and (max-width:799px) { .aboutsection { overflow: hidden } .aboutsection__inner { display: flex; flex-direction: column-reverse } } @media screen and (min-width:800px) { .aboutsection { position: relative } .aboutsection__inner { grid-gap: 20px; display: grid; gap: 20px; } } .startsection { background-size: cover; padding: 20px 0px 00px; position: relative } .startsection__inner { background-position: bottom; background-repeat: no-repeat; background-size: 300px; padding-bottom: 300px; padding-top: 40px } .startsection__inner--title { margin-bottom: 40px } .startsection__inner--title h2 { margin: 0 } @media screen and (min-width:800px) { .startsection__inner { background-position: 100%; background-size: contain; padding-bottom: 80px } } @media screen and (max-width:799.99px) { .startsection { overflow: hidden } } .socialsection { background-position: top; background-size: cover; padding: 10px 20px 0 } .socialsection__inner--grid { grid-gap: 15px; display: grid; gap: 15px; grid-template-columns: 1fr } .socialsection__inner--grid .item { background-color: #00bfff; border-radius: 10px; padding: 30px; position: relative } .socialsection__inner--grid .item.blue { background: linear-gradient(90deg, #28f, #0157ff); box-shadow: 0 0 25px rgba(17, 112, 255, .5) } .socialsection__inner--grid .item.blue a { color: #2287ff } .socialsection__inner--grid .item.discord { background: linear-gradient(90deg, #5865f2, #5865f2); box-shadow: 0 0 25px rgb(88 100 241) } .socialsection__inner--grid .item.discord a { color: #5865f2 } .socialsection__inner--grid .item__inner--left { align-items: center; display: flex; flex-direction: column } .socialsection__inner--grid .item__inner--left .top { margin-bottom: 20px } .socialsection__inner--grid .item__inner--left .top span { background-color: hsla(0, 0%, 100%, .1); border-radius: 5px; display: inline-block; font-weight: 500; line-height: 130%; padding: 5px 10px } .socialsection__inner--grid .item__inner--left .middle { flex: 1 0 auto; text-align: center } .socialsection__inner--grid .item__inner--left .middle p { font-size: 18px; font-weight: 700; line-height: 160%; margin: 0 } .socialsection__inner--grid .item__inner--left .bottom { padding-top: 250px; z-index: 40 } .socialsection__inner--grid .item__inner--left .bottom a { background: #fff; border-radius: 10px; display: inline-block; font-size: 14px; font-weight: 500; line-height: 160%; padding: 14px 30px; text-decoration: none; transition: .2s ease } .socialsection__inner--grid .item__inner--left .bottom a:hover { background-color: hsla(0, 0%, 100%, .4); color: #fff } .socialsection__inner--grid .item img { bottom: 0; position: absolute; right: 190%; -webkit-transform: translateX(50%); transform: translateX(50%) } @media screen and (min-width:800px) { .socialsection__inner--grid { gap: 20px; grid-template-columns: repeat(2, 1fr) } .socialsection__inner--grid .item img { bottom: 0; position: absolute; right: 0; -webkit-transform: none; transform: none; width: 45% } .socialsection__inner--grid .item__inner--left { align-items: flex-start; display: flex; flex-direction: column; max-width: 60%; min-height: 200px; z-index: 10 } .socialsection__inner--grid .item__inner--left .middle { flex: 1 1; text-align: left } .socialsection__inner--grid .item__inner--left .bottom { margin-top: 45px; padding-top: 0 } } .cards-grid { grid-gap: 15px; display: grid; gap: 15px; grid-template-columns: 1fr } @media screen and (min-width:600px) { .cards-grid { grid-template-columns: repeat(2, 1fr) } } @media screen and (min-width:950px) { .cards-grid { gap: 20px; grid-template-columns: repeat(4, 1fr) } } .card-game { --flipped: 0; --delay: 0s; display: grid; flex-shrink: 1; font-size: 14px; -webkit-perspective: 60rem; perspective: 60rem } .card-game:hover:not(.not-flip) { --flipped: 1; --delay: 0s; } .card__face { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; grid-area: 1/-1/1/-1; overflow: hidden; transition: .75s var(--delay) transform } .card-box, .card__face--front, .card__face--reverse { padding: 46px 26px 30px; position: relative } .card-box span, .card__face--front span, .card__face--reverse span { background: #a902ff; border-radius: 10px 0 20px; color: #fff; font-size: 12px; font-weight: 500; left: 0; line-height: 130%; padding: 5px 20px; position: absolute; text-align: center; top: 0 } .card-box .card-title, .card__face--front .card-title, .card__face--reverse .card-title { font-size: 18px; font-weight: 700; line-height: 130%; margin-bottom: 20px } .card-box .card-p, .card__face--front .card-p, .card__face--reverse .card-p { font-size: 14px; line-height: 160%; margin: 0 } .card-box .card-p:not(:last-child), .card__face--front .card-p:not(:last-child), .card__face--reverse .card-p:not(:last-child) { margin-bottom: 16px } .card-box .card-btn, .card__face--front .card-btn, .card__face--reverse .card-btn { background: radial-gradient(100% 401.67% at 100% 50%, #00fff0 0, #0267ff 100%); border-radius: 10px; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: 500; line-height: 160%; overflow: hidden; padding: 14px 0; position: relative; text-align: center; text-decoration: none; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } .card-box .card-btn:not(:last-child), .card__face--front .card-btn:not(:last-child), .card__face--reverse .card-btn:not(:last-child) { margin-bottom: 10px } .card-box .card-btn:before, .card__face--front .card-btn:before, .card__face--reverse .card-btn:before { background-position: 0; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 100%; left: 0; opacity: .2; position: absolute; top: 0; width: 40px } .card-box .card-btn.steam, .card__face--front .card-btn.steam, .card__face--reverse .card-btn.steam { background: linear-gradient(270deg, #101d38, #ffae00) } .card-box, .card__face--front { background: #354dae; color: #ececec; position: relative; -webkit-transform: rotateX(calc(180deg*var(--flipped))); transform: rotateX(calc(180deg*var(--flipped))); z-index: 2 } .card-box:after, .card__face--front:after { background-size: cover; bottom: 20px; content: ""; display: block; height: 18px; opacity: .1; position: absolute; right: 20px; width: 18px } .card__face--reverse { background: #fff; color: #000; position: relative; -webkit-transform: rotateX(calc(180deg*var(--flipped) - 180deg)); transform: rotateX(calc(180deg*var(--flipped) - 180deg)); z-index: 1 } .card__face--reverse input { -webkit-appearance: none; appearance: none; background-color: #fff !important; border: 0; border-radius: 10px; color: rgba(0, 0, 0, .5); display: block; font-size: 14px; font-weight: 500; height: 50px; line-height: 160%; margin: 0 0 10px; padding: 0; text-align: center; transition: color .2s ease; width: 100% } .card__face--reverse input:focus { color: #000; outline: 0 } .card__face--reverse:after { fill: #000; background-size: cover; bottom: 20px; content: ""; display: block; height: 18px; left: 20px; opacity: .1; position: absolute; width: 18px } .card-box { background: #a902ff bottom; background-size: cover !important; border-radius: 10px; color: #fff !important; margin: 0 } .card-box, .card__face--front, .card__face--reverse { background-position: bottom; background-repeat: no-repeat; background-size: contain } .maintitle__top { text-transform: uppercase } .maintitle__stats header { margin-left: 15px; } .maintitle__stats header h2 { font-weight: normal; line-height: normal } .maintitle__stats header output { font-weight: bold; font-size: 17px; color: #1fa3f0; } .mainsection__inner img { width: auto; height: auto; } @media (min-width: 576px) { .justify-content-sm-around { justify-content: space-around !important; } } .navbar-inner-center a { transition: 0.2s; } .navbar-inner-center a:hover { color: #fff; } .navbar-inner a { transition: 0.5s } .navbar-inner a:hover { filter: grayscale(1); } .advantage { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; color: #fff !important; margin-top: 15px; margin-bottom: 15px; } .icon-block { margin-right: 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; font-size: 24px; width: 65px; height: 65px; border-radius: 6px; background: radial-gradient(100% 401.67% at 100% 50%, #f54aec 0, #3d2291 100%); box-shadow: 0 4px 4px rgb(0 0 0 / 25%), inset 0 -3px 0 rgb(0 0 0 / 20%); } .row1 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .rozigrish_block { display: flex; flex-direction: column; line-height: 14px; } .rozigrish_h1 { font-weight: bold; font-size: 18px; color: white; } .rozigrish_opisanie { font-size: 9.9px; font-weight: 600; color: #ffffff; position: relative; right: 0.6px; } .donat_block_top { background: #ff6f0e; height: 60px; border-radius: 11px; padding: 10px; gap: 12px; display: flex; margin-bottom: 12px; transition: .2s all; justify-content: flex-start; align-items: center; } .donat_block_top i{ height: 40px; background: #00000054; font-size: 18px; border-radius: 11px; width: 40px; display: flex; align-items: center; justify-content: center; color: white; } .block_mini_profile { border-radius: 15px 15px 0px 0px; margin-bottom: -15px; padding: 13px 16px; z-index: 1; background: #12121b; position: relative; } .navigation_profile { background: #272f4200; border-radius: 10px; transition: .2s all; box-shadow: 0px 5px 10px #13151a00; height: 58px; display: flex; justify-content: space-between; } .navigation_profile .bx-log-in-circle{ color: #ff6054; transition: all 0.2s; background: #ff605412; width: 31px; height: 31px; cursor: pointer; display: flex; position: relative; font-size: 18px; top: 9px; border-radius: 7px; justify-content: center; align-items: center; } .navigation_profile .bx-log-in-circle:hover{ color: #ff6054; transition: all 0.2s; background: #ff605421; width: 31px; height: 31px; display: flex; position: relative; font-size: 18px; top: 9px; border-radius: 7px; justify-content: center; align-items: center; } .photo_profile { display: flex; } .info_navigation { padding-left: 10px; display: flex; flex-direction: column; line-height: 8px; position: relative; top: 12px; align-items: flex-start; } .navigation_profile .bx-cog{ color: #2468c6; transition: all 0.2s; background: #2468c617; width: 31px; height: 31px; cursor: pointer; display: flex; position: relative; font-size: 18px; top: 9px; border-radius: 7px; justify-content: center; align-items: center; margin-right: 7px; } .navigation_profile .bx-cog:hover{ color: #2468c6; transition: all 0.2s; background: #2468c617; width: 31px; height: 31px; display: flex; position: relative; font-size: 18px; top: 9px; border-radius: 7px; justify-content: center; align-items: center; margin-right: 7px; } .info_navigation .bx-ruble { color: #ffffff; font-weight: 500; background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%); font-size: 10px; padding: 3px 3px 3px 4px; border-radius: 5px; top: 1px; position: relative; } .name_sidebar { position: relative; font-size: 13px; } .group_sidebar { font-size: 11px; font-weight: 600; color: #7c7c9c; } .img_navigation:hover { width: 40px; opacity: 0.7; cursor: pointer; height: 40px; border-radius: 10px; margin: 3px 3px 2px 0px; transition: .3s all; } .img_navigation { width: 40px; height: 40px; transition: .3s all; border-radius: 10px; margin: 3px 3px 2px 0px; } .balance_block { padding: 0px; display: flex; justify-content: space-between; } .balance_navigation1 {background: #272f4200;padding: 8px 9px;border-radius: 11px;line-height: 24px;margin-bottom: 6px;transition: .2s all;border: solid 1px #29293c;font-size: 12px;display: flex;font-weight: 600;width: 100%;justify-content: space-between;align-items: center;} .balance_navigation { background: #29293c; padding: 8px 9px; border-radius: 11px; cursor: pointer; line-height: 24px; color: #7a7998; transition: .2s all; font-size: 12px; display: flex; font-weight: 600; width: 100%; justify-content: flex-start; align-items: center; } .balance_navigation .bx-cog {background: #3a3a55;width: 34px;transition: all 0.2s;height: 34px;font-size: 16px;display: flex;color: #7171a2;border-radius: 9px;align-items: center;justify-content: center;} .balance_navigation:hover .bx-cog { background: #4a4a6c; width: 34px; transition: all 0.2s; height: 34px; font-size: 16px; display: flex; color: #ffffff; border-radius: 9px; align-items: center; justify-content: center; } .balance_navigation:hover { background: #323249; padding: 8px 9px; border-radius: 11px; cursor: pointer; line-height: 24px; color: #ffffff; transition: .2s all; font-size: 12px; display: flex; font-weight: 600; width: 100%; justify-content: flex-start; align-items: center; } .black_list_left { display: flex; align-items: center; } .black_list { border: solid 1px #2d2d41; border-radius: 13px; display: flex; flex-direction: row; margin-bottom: 18px; padding: 15px 20px; justify-content: space-between; align-items: center; } .black_list i { width: 40px; height: 40px; background: linear-gradient(34deg, #c95d22 0%, rgb(255 115 38) 55%); border-radius: 10px; display: flex; color: #fff; margin-right: 17px; font-size: 19px; align-items: center; justify-content: center; } .black_list_h1 { font-weight: 600; } .black_list_h2 { font-weight: 600; font-size: 10.5px; line-height: 13px; } .icon-names { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: #5086ff36; margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .icon-names-steam { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: #1f2f60; margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .icon-names-vk { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: linear-gradient(216deg, #489dff 0%, #0075fe 55%); margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .icon-names-ds { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: linear-gradient(216deg, #7b86ff 0%, #5865f2 55%); margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .icon-names-telegram { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: linear-gradient(216deg, #3b9ece 0%, #1c86ba 55%); margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .icon-names-skype { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: linear-gradient(216deg, #6fbbe7 0%, #00a1ff 55%); margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .icon-names-facebook { float: left; padding: 10.4px; width: 35px; border-radius: 9px; font-size: 15px; line-height: 0px; color: #5086ff; background: linear-gradient(216deg, #3e7eff 0%, #2851a3 55%); margin-top: -8px; margin-right: 10px; text-align: center; height: 35px; } .balance_navigation1 {margin-right: 6px;background: #272f4200;padding: 8px 9px;border-radius: 11px;line-height: 24px;margin-bottom: 6px;transition: .2s all;border: solid 1px #29293c;font-size: 12px;display: flex;font-weight: 600;width: 100%;justify-content: space-between;align-items: center;} .setting-sidebar{ font-size: 11px; font-weight: 600; margin-left: 9px; } .button_plus_purse { background: #2468c6; width: 34px; transition: 0.2s; display: flex; border-radius: 9px; cursor: pointer; font-size: 14px; color: #d2d2d3; height: 34px; align-items: center; justify-content: center; } .button_plus_purse:hover { background: #3a8dff; transition: 0.2s; width: 34px; display: flex; border-radius: 9px; cursor: pointer; font-size: 14px; color: #ffffff; height: 34px; align-items: center; justify-content: center; } .block_fbrs { padding: 24px 16px; border-radius: 15px; margin-top: -8px; display: flex; height: 88px; margin-bottom: 9px; background: #1c1c2a; align-items: center; } .avatarprofile { max-width: 200px; height: 200px; position: relative; margin-right: auto; margin-left: auto; border: solid 6px #1e2638; display: block; margin-bottom: 80px; } .frames { max-width: 235px; height: 240px; position: relative; margin-right: auto; margin-left: auto; display: block; margin-top: -255px; } .profile-page .profile > img { margin-bottom: 35px; } .texxt { position: relative; display: flex; line-height: 0px; margin-left: 15px; flex-direction: column; } .username { font-size: 15px; font-weight: 600; } .lastname { font-weight: 600; color: #62627d; font-size: 10.7px; position: relative; } .block-profile-user { display: flex; background: linear-gradient(22deg, rgb(33 37 49) 45%, rgb(46 51 66) 100%); flex-wrap: nowrap; padding: 0px; height: 130px; border-radius: 15px; margin-bottom: 30px; } .block-profile-left { width: 50%; background: #fff0; display: flex; border-radius: 15px; padding: 24px 0px; margin-bottom: 0px; } .block-profile-stats { display: flex; flex-wrap: nowrap; border-radius: 13px; margin-top: 10px; margin-bottom: -8px; background: #6c99ff00; justify-content: space-between; align-items: center; } .stats-text { font-size: 13px; font-weight: 600; color: #ffff; margin-bottom: 4px; } .block-stats { text-align: center; height: 50px; padding: 6px; width: calc( 100% - 40px ); overflow: hidden; border: solid 1px #222233; white-space: nowrap; border-radius: 8px; margin-right: 6px; } .block-profile-right { width: 50%; padding: 0px; border-radius: 15px; margin-bottom: 0px; background: #fff0; } .opiss { color: #5d5d7b; position: relative; font-size: 10px; top: -9px; font-weight: 600; } .balance-left { height: 70px; margin-left: 10px; width: 110px; margin-right: -20px; border: dashed 1px #0045df; padding-top: 6px; background: #5086ff40; margin-top: 10px; border-radius: 10px; } .skidka-right { height: 70px; width: 110px; margin-right: 10px; border: dashed 1px #00c57c; padding-top: 6px; background: #50ffbe24; margin-top: 10px; border-radius: 10px; } .h1reg { text-align: center; display: block; font-weight: 600; position: relative; margin-top: -7px; top: 17px; font-size: 14px; } .h2reg { text-align: center; display: block; font-weight: 600; position: relative; top: 14px; font-size: 10.5px; } .block-profile-stats { display: flex; flex-wrap: nowrap; border-radius: 13px; margin-top: 10px; margin-bottom: -8px; background: #6c99ff00; justify-content: space-between; align-items: center; } .stats-text { font-size: 13px; font-weight: 600; color: #ffff; margin-bottom: 4px; } .block-stats { text-align: center; height: 50px; padding: 6px; width: calc( 100% - 40px ); overflow: hidden; border: solid 1px #293650; white-space: nowrap; border-radius: 8px; margin-right: 6px; } .proff { width: 32px; height: 32px; border-radius: 50%; display: block; background: #4c647b; text-align: center; line-height: 32px; font-style: normal; font-size: 15px; color: #ffffff; } .proft { width: 32px; height: 32px; border-radius: 50%; background: #4c647b; text-align: center; line-height: 32px; font-style: normal; font-size: 15px; color: #ffffff; } .balance { color: var(--header-balance-color); position: relative; padding-left: 10px; border-left: 2px solid #00a1ff; background: linear-gradient(270deg,rgba(93,174,241,0) 0,#2a2f36 108%); border: 1px solid #2a2f36; border-radius: 4px; } /*баланс*/ .s-top-balance-block-top { float: right; display: flex; padding: 4px; height: 100%; } .s-top-balance-block-top-auth { float: right; display: flex; padding: 8px; height: 100%; margin-right: 10px; border: 2px solid; border-color: rgb(121, 121, 121); border-radius: 8px; } .s-top-balance-block-top-auth:hover { opacity:1; transform:translate(0 ,0); transition:all .2s linear; border-color: #6c97d4; background-color: #2a2931; } .s-top-balance-block { /*border: 2px solid; border-color: rgb(121, 121, 121); border-radius: 30px;*/ display: flex; color: #fdfdfd; position: relative; padding-left: 5px; border-left: 2px solid #107ab8; background: linear-gradient(270deg,rgba(93,174,241,0) 0,#868e9a1a 108%); border: 1px solid #868e9a1a; border-radius: 4px; } .s-top-balance { padding: 9px; margin-left: 4px; } .s-top-balance p { font-family: Montserrat; font-size: 15px; font-weight: 600; color: #e6e6e6; } .s-top-balance strong { font-family: Montserrat; font-size: 15px; font-weight: 600; color: #b7b4bf; } .s-top-balance-pay { font-family: Montserrat; font-size: 30px; padding: 9px; height: 100%; float: right; font-weight: 600; color: #e6e6e6; background-color: rgb(125, 105, 255); border-radius: 0 10px 10px 0; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .s-top-balance-pay:hover { opacity:1; transform:translate(0 ,0); transition:all .2s linear; background-color: #6c97d4; } /*баланс блок*/ /*monitoronline */ #monitoronline { display: inline-block; background-color: #d85752; width: 10px; border-radius: 20px; height: 10px; margin-left: 10px; margin-bottom: 1px; margin-right: 6px; box-shadow: 0 0 15px #dc3545; animation: mymove 0.0s ease-in infinite alternate; } #monitoronline { display: inline-block; background-color: #008000; width: 10px; border-radius: 20px; height: 10px; margin-left: 10px; margin-right: 6px; margin-bottom: 1px; box-shadow: 0 0 15px rgb(96 151 208 / 62%); animation: mymove 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; filter: none; } #monitoronline:hover { display: inline-block; background-color: #008000; width: 10px; border-radius: 20px; height: 10px; filter: blur(1px); cursor: none; margin-left: 10px; margin-right: 6px; margin-bottom: 1px; box-shadow: 0 0 15px rgb(96 151 208 / 62%); animation: mymove 0.8s; } @keyframes mymove{ from{ opacity: 1; visibility: visible; } to{ opacity: 0.01; visibility: hidden; } } /*monitoronline */ .toper_mini_blocks { display: flex; flex-wrap: nowrap; } .toper_mini_block { height: 120px; margin-bottom: 10px; width: 100%; padding: 11px 11px; display: flex; gap: 11px; border-radius: 15px; background: #18233a; } .button_cases { background: #272f42; width: 100%; height: auto; border-radius: 13px; } .button_sortion i{ display: flex; background: #4d84ff54; cursor: pointer; height: 30px; font-size: 14px; border: solid 1px #3e79ffb0; width: 30px; border-radius: 8px; justify-content: center; align-items: center; } .menuq { background: #212d4700; width: 68px; display: flex; height: auto; transition: 0.2s; gap: 9px; border-radius: 10px; flex-direction: column; align-items: center; } .button_sortion { background: #212d47; width: 110px; display: flex; padding: 10px; cursor: pointer; height: auto; transition: 0.2s; border-radius: 13px; flex-direction: column; justify-content: flex-end; } .button_sortion:hover { opacity: 0.7; background: #242d40; width: 110px; /* display: flex; */ transition: 0.2s; padding: 10px; height: auto; border-radius: 13px; flex-direction: column; justify-content: flex-end; } .open_open { font-size: 8.5px; font-weight: 600; backdrop-filter: blur(10px); background: #ffffff1f; padding: 0px 10px; width: fit-content; line-height: 15px; height: 15px; margin-top: 2px; border-radius: 50px; } .button_right_menu { width: 100%; background: linear-gradient(48deg, #212d47 0%, rgb(38 51 79) 55%); transition: 0.2s; color: #607093; padding-top: 4px; border-radius: 9px; overflow: hidden; font-size: 18px; display: flex; height: 100%; align-items: center; justify-content: center; } .button_right_menu:hover { background: linear-gradient(48deg, #212d47 0%, rgb(38 51 79) 55%); width: 100%; opacity: 0.8; transition: 0.2s; color: #7b8cb1; border-radius: 9px; overflow: hidden; font-size: 18px; /* display: flex; */ height: 100%; align-items: center; justify-content: center; } .bx { font-family: boxicons!important; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; display: inline-block; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .bx-lock:before { content: "\eb49" } .bx-lock-alt:before { content: "\eb4a" } .event { border-radius: 15px; padding: 20px; display: flex; margin-bottom: 10px; transition: all .3s; cursor: pointer; } /* Иформацию о сервере */ .servers1-section-toolbar__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .servers1-section-toolbar__subtitle { height: 16px } .servers1-section-toolbar__progress-container { width: 205px } @media only screen and (max-width:767px) { .servers1-section-toolbar .toolbar__extension { margin-top: 16px; width: 100% } .servers1-section-toolbar .toolbar__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .servers1-categories { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(385px, 1fr)) } @media only screen and (max-width:575px) { .servers1-categories { grid-template-columns: 100% } } .servers1-categories-filter-link { padding: 7px; font-size: 12px; text-transform: uppercase; color: #9b9ea8; cursor: pointer } .servers1-categories-filter-link:focus, .servers1-categories-filter-link:hover { color: #007bff; text-shadow: 0 3px 9px #007bff; text-decoration: none; outline: none } .servers1-categories-filter-link:active { color: #007bff; } .servers1-categories-filter-link.router-link-active { color: #007bff } .servers1-categories-filter-link_vip.router-link-active, .servers1-categories-filter-link_vip:focus, .servers1-categories-filter-link_vip:hover { color: #ffc529 } .servers1-categories-filter { padding: 9px 13px; min-height: 50px; background-color: #0d0e12; border-radius: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap } .servers1-categories-filter, .time-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .servers1-list { flex-wrap: wrap; display: flex; justify-content: center; } .choose-server1 { color: #fff; padding: 7px 15px; transition: .3s; margin-right: 5px; margin-left: 5px; border-radius: 5px; border: 1px dotted var(--sidebar-icons-color); background: var(--navbar-color); cursor: pointer; margin-bottom: 5px; margin-top: 5px; } .choose-server1:hover { color: var(--default-text-color); transition: .3s; border: 1px dotted var(--sidebar-icons-color); cursor: pointer; } .servers1-list_active { background: var(--sidebar-icons-color); border: 1px solid transparent; } .category-servers1 { margin: -20px -20px -50px -20px; } .vertical-navigation-servers1 { margin-bottom: 30px; display: block !important; padding: 0; list-style: none; overflow: hidden; border-radius: 0px 0px 15px 15px; } .vertical-navigation-servers1 li { border-top: 1px solid #2f3034; } .vertical-navigation-servers1 li:first-child { border: 0; } .vertical-navigation-servers1 li a { display: block; line-height: 20px; font-size: 14px; font-weight: 500; color: #f1f1f1; padding: 14px 26px; transition: .3s; } .vertical-navigation-servers1 li:hover { transition: .3s; border-left: 5px solid #14d323; background: #1d1e22; } .vertical-navigation-servers1 li.active { background: #4e515e; border-left: 5px solid #14d323!important; } .server1-category-card-online { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .server1-category-card-online__bots { font-size: 14px; font-weight: 500; color: #d1d1d1; margin-left: 3px } .server1-category-card-online__dot { width: 11px; height: 11px; border-radius: 50%; background-color: #007bff; position: absolute; right: calc(100% + 10px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .server1-category-card-online__dot:before { content: ""; display: block; width: 100%; height: 100%; background-color: inherit; opacity: .65; border-radius: inherit; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; pointer-events: none } .server1-category-card { height: 192px; padding: 20px 150px 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; border-radius: 10px } .server1-category-card:hover { text-decoration: none } .server1-category-card__name { font-size: 20px; text-transform: uppercase; font-weight: 700; color: #fff } .server1-category-card__infos { margin-top: auto; margin-bottom: auto } .server1-category-card__icon { position: absolute; top: calc(50% - 50px); right: 35px; width: 100px; height: 100px; color: #fff } .server1-category-card__bg-container, .server1-category-card__bg-container:before, .server1-category-card__mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; pointer-events: none } .server1-category-card__mask { content: ""; background-image: -webkit-gradient(linear, left top, right top, from(rgba(13, 14, 18, .5)), to(transparent)); background-image: linear-gradient(90deg, rgba(13, 14, 18, .5), transparent); z-index: -1; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .server1-category-card:active .server1-category-card__mask, .server1-category-card:focus .server1-category-card__mask, .server1-category-card:hover .server1-category-card__mask { opacity: 0 } .server1-category-card__bg-container:before { content: ""; background-image: -webkit-gradient(linear, left top, right top, from(#28292f), to(transparent)); background-image: linear-gradient(90deg, #28292f, transparent); -webkit-transition: box-shadow .3s; transition: box-shadow .3s; -webkit-box-shadow: none; box-shadow: none } .server1-category-card:active .server1-category-card__bg-container:before { -webkit-box-shadow: inset 0 0 28px 0 rgba(155, 158, 168, .8); box-shadow: inset 0 0 28px 0 rgba(155, 158, 168, .8) } .server1-category-card__bg-container { z-index: -2; overflow: hidden; color: #41434a; -webkit-transition: .3s; transition: .3s; -webkit-transition-property: color, -webkit-box-shadow; transition-property: color, -webkit-box-shadow; transition-property: color, box-shadow; transition-property: color, box-shadow, -webkit-box-shadow; will-change: color, box-shadow } .server1-category-card:focus .server1-category-card__bg-container, .server1-category-card:hover .server1-category-card__bg-container { -webkit-box-shadow: 0 0 0 3px currentColor; box-shadow: 0 0 0 3px currentColor } .server1-category-card:active .server1-category-card__bg-container { color: #9b9ea8; -webkit-box-shadow: 0 0 0 3px currentColor, 0 0 28px 3px currentColor; box-shadow: 0 0 0 3px currentColor, 0 0 28px 3px currentColor } .server1-category-card__bg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit } .server1-category-card.is-loading { background-color: rgba(0, 0, 0, .3) } @media(max-width:420px) { .server1-category-card { padding: 17px 20px 20px } .server1-category-card__name { font-size: 20px; padding-right: 40px } .server1-category-card__icon { width: 40px; height: 40px; top: 15px; right: 15px } } .server1-category-card_warm .server1-category-card__mask { opacity: 0; background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(232, 181, 3, .3))); background-image: linear-gradient(90deg, transparent, rgba(232, 181, 3, .3)) } .server1-category-card_warm .server1-category-card__bg-container { -webkit-box-shadow: 0 0 0 3px #e8b503; box-shadow: 0 0 0 3px #e8b503 } .server1-category-card_warm:focus .server1-category-card__mask, .server1-category-card_warm:hover .server1-category-card__mask { opacity: 1 } .server1-category-card_warm:focus .server1-category-card__bg-container, .server1-category-card_warm:hover .server1-category-card__bg-container { -webkit-box-shadow: 0 0 0 3px #e8b503; box-shadow: 0 0 0 3px #e8b503 } .server1-category-card_cold .server1-category-card__mask { opacity: 0; background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(19, 160, 185, .3))); background-image: linear-gradient(90deg, transparent, rgba(19, 160, 185, .3)) } .server1-category-card_cold .server1-category-card__bg-container { -webkit-box-shadow: 0 0 0 3px #13a0b9; box-shadow: 0 0 0 3px #13a0b9 } .server1-category-card_cold:focus .server1-category-card__mask, .server1-category-card_cold:hover .server1-category-card__mask { opacity: 1 } .server1-category-card_cold:focus .server1-category-card__bg-container, .server1-category-card_cold:hover .server1-category-card__bg-container { -webkit-box-shadow: 0 0 0 3px #13a0b9; box-shadow: 0 0 0 3px #13a0b9 } .info1-item[data-v-a1e422a8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-shadow: 0 0 10px #000; padding: 10px 14px; border-radius: 7px; background-color: rgba(40, 41, 47, .7); width: 250px; max-width: 100% } .info1-item__title[data-v-a1e422a8] { width: 160px; font-size: 13px; color: #fff; text-align: left } .info1-item__value[data-v-a1e422a8] { font-size: 15px; font-weight: 700; color: #e9b603; text-align: left; max-width: 100%; display: inline-block } @media(max-width:420px) { .info1-item__title[data-v-a1e422a8] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } .info1-item[data-v-7a018aad] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-shadow: 0 0 10px #000 } .info1-item__title[data-v-7a018aad] { width: 160px; font-size: 13px; color: #9b9ea8; text-align: left } .info1-item__value[data-v-7a018aad] { font-size: 15px; font-weight: 700; color: #fff; text-align: right } @media(max-width:420px) { .info1-item__title[data-v-7a018aad] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } /* Иформацию о сервере */ /* PROFILE NEW */ .profile-new { } .profile-new .main-block { border-radius: 12px; } .profile-new .main-block .header-in { height: 195px; box-sizing: border-box; padding: 20px; border-radius: 0 0 12px 12px; display: flex; } .profile-new .main-block .header-in .user-avatar { display: flex; position: relative; width: 150px; } .profile-new .main-block .header-in .user-avatar .avatar-wrapper { position: absolute; left: 0px; bottom: 0; } .profile-new .main-block .header-in .user-avatar .avatar { width: 150px; height: 150px; border: 4px solid #fff; border-color: var(--user-bg); background: var(--user-bg); } .profile-new .main-block .header-info { padding: 16px 16px; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; } .profile-new .main-block .header-info h2 { font-size: 21px; font-weight: bold; margin-bottom: 4px; margin-left: 10px; } .profile-new .main-block .header-info .status { font-size: 13px; display: flex; align-items: center; } .profile-new .main-block .actions { display: flex; align-items: center; } .profile-new .main-block .actions .header-btn-link { display: flex; align-items: center; padding: 12px 14px; box-sizing: border-box; font-size: 13px; font-weight: bold; border-radius: 8px; max-height: 36px; line-height: 13px; } .profile-new .main-block .actions .header-btn-link:hover { color: #ffffff; } .profile-new .pmore { border-radius: 10px; border-radius: 10px; font-size: 14px; padding: 8px 8px; margin-left: -185px; } .profile-new .pmore a { height: 40px; box-sizing: border-box; padding: 0 12px; display: flex; align-items: center; color: var(--color-w-b) !important; } .profile-new .pmore a:hover { background: var(--br-color-grey); border-radius: 8px; } .profile-new .pmore a .icon { padding-right: 12px; display: flex; align-items: center; justify-content: space-between; flex-basis: 30px; } .profile-new .profile-top-menu { border-radius: 12px 12px 0 0; } .profile-new .profile-top-menu.nav { padding: 8px; } .profile-new .profile-top-menu.nav li { } .profile-new .profile-top-menu.nav li a { border-radius: 8px; font-weight: bold; font-size: 14px; box-sizing: border-box; min-height: 28px; line-height: unset; display: flex; align-items: center; padding: 2px 8px; margin: 8px 0 8px 12px; } .profile-new .profile-top-menu.nav li a:hover { background: var(--hover-grey); box-shadow: none !important; } .profile-new .profile-top-menu.nav li a.active { border: 1px solid #dce1e6; box-shadow: none !important; border-color: var(--user-br); } .profile-new .profile-top-menu.nav li a .icon { margin-right: 6px; } .br-shadow { box-shadow: var(--br-shadow); } .brr-block { border-radius: 12px !important; } .shadow-hide { box-shadow: none !important; } .profile-new .block { padding: 12px 16px 20px 16px; border-radius: 12px; margin-bottom: 16px; } .profile-new .block .block_head { background: unset; color: var(--color-w-b); font-size: 15px; font-weight: bold; box-shadow: unset; margin: unset; padding: unset; margin-bottom: 12px; } .profile-new .tab-content .block { border-radius: 0 0 12px 12px; min-height: 60px; padding: 0 20px 0 20px; } .profile-new .profile-page table.profile-table { margin: 0; } .profile-new #contacts i { font-size: 26px; background: unset !important; } .profile-new #contacts i.fa-discord { color: #7289da; } .profile-new #contacts i.fa-whatsapp { color: #25D366; } .profile-new #contacts i.fa-telegram-plane { color: #36aee2; } .profile-new #contacts i.fa-vk { color: #4a76a8; } .profile-new #contacts table.profile-table tr td:nth-child(1) { padding: 12px 17px; } .profile-new #contacts table.profile-table tr td:nth-child(2) { padding: 10px 0; } .profile-new #contacts table.profile-table tr td:nth-child(2) p img { right: 20px; border-radius: 50%; } .profile-new #friends { } .profile-new #friends .user { border: none; margin-bottom: 6px; background: none; } .profile-new #friends .user:hover { background: var(--hover-grey); border-radius: 12px; } .profile-new #friends .user a { font-size: 13px; font-weight: normal; text-align: center; margin: 0; } .br-block { border-radius: 12px !important; } .profile-new .more-info-btn { background: #fff; width: 100%; font-size: 13px !important; font-weight: normal; color: #3a8dff !important; text-align: left; border: none !important; margin-bottom: -12px !important; display: flex !important; align-items: center; padding: 0 4px !important; height: 32px !important; border-radius: 8px !important; background: unset !important; } .profile-new .more-info-btn:hover { background: #edeef0 !important; color: inherit !important; } .profile-new .about-user { color: var(--grey-text); font-size: 13px; } .profile-new .about-user .about-item { display: flex; align-items: center; padding: 6px 4px; } .profile-new .about-user .about-item i { margin-right: 8px; font-size: 13px; } .profile-new .about-user .about-item .name { margin-left: 4px; } .profile-new .about-user .about-item .verf { margin-left: 4px; } .profile-new #moreinfo { } .profile-new #moreinfo .modal-content { border-radius: 12px; } .profile-new #moreinfo .modal-header { padding: 18px 25px; background: var(--modal-content-bg); border-radius: 12px 12px 0 0; border-bottom: 1px solid var(--br-color-grey); } .profile-new #moreinfo .modal-title { color: var(--color-w-b); font-size: 14px; } .profile-new #moreinfo .modal-body { padding: 8px; } .profile-new #moreinfo .profile-table { width: 100%; } .profile-new #moreinfo .profile-table i { background: unset; color: #99a2ad; font-size: 16px; } .profile-new #moreinfo .profile-table td font { color: var(--grey-text); font-size: 13px; } .profile-new #moreinfo table.profile-table tr td:nth-child(2) span { color: var(--color-w-b); font-size: 13px; } .profile-new #moreinfo table.profile-table tr td:nth-child(1) { width: 32px; padding: 4px 8px 4px 8px; } .profile-new #moreinfo table.profile-table tr td:nth-child(2) { padding: 6px 0; } .profile-new #moreinfo table.profile-table tr { border: 0; } .profile-new .logins_last ul { list-style: none; color: var(--color-w-b); font-size: 13px; } @media (max-width: 992px) { .profile-new #friends .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } } @media (max-width: 767px) { .profile-new .main-block .header-in { flex-direction: column; align-items: center; height: unset; } .profile-new .main-block .actions { margin-top: 10px; } .profile-new .main-block .header-info .status { text-align: center; } .profile-new .block { } .profile-new #friends .col-lg-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .article .poster { flex-basis: 40%; margin-right: 16px; max-width: 227px; height: 100px; border-radius: 8px; } .article .info { max-width: 55%; justify-content: center; } .article .info .title { font-size: 16px; } .article .info .desc { display: none; } .under-header { display: none; } .m3-slider#main-slider { display: none; } .m3-wrapper .buy-server { display: none; } #servers.type3 { margin-left: 0; width: 100% !important; } #servers.type3 .itemv3 { border-radius: 12px; max-width: unset; } #servers.type3 .itemv3 .info .title { } } /* NEW HEADER */ #place_for_messages .dialog { height: 70px; margin-bottom: 5px; /*! border-radius: 30px; */ overflow: hidden; cursor: pointer; } .notification_collapse { padding: 0px; margin-bottom: 0px; background: #fff0; display: flex; flex-direction: column; align-items: flex-start; } .notification_all_uved { color: #566483; font-weight: 600; text-align: center; height: 40px; font-size: 10.5px !important; margin-top: 20px; width: 100%; cursor: pointer; margin-bottom: -8px; position: relative; padding: 0px 20px; line-height: 30px; border-radius: 8px; border: 1.5px solid #2b3855; background: #2b3855; transition: .2s all; } .notification_all_uved:hover { color: white; font-weight: 600; text-align: center; height: 40px; margin-top: 20px; width: 100%; position: relative; padding: 0px 20px; line-height: 30px; border-radius: 8px; border: 1.5px solid #334160; background: #334160; transition: .2s all; } .notification_all_uved:active { color: white; font-weight: 600; text-align: center; height: 40px; margin-top: 20px; width: 100%; position: relative; padding: 0px 20px; line-height: 30px; border-radius: 8px; border: 1.5px solid #334160; background: #334160; transition: .2s all; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .15s all; } .notification_delete_all { color: #647292; font-weight: 600; text-align: center; height: 39px; position: relative; font-size: 10.5px !important; left: 4px; padding: 0px 20px; float: right; line-height: 35px; border-radius: 9px; border: 1.5px solid #2b3855; background: #2b3855; transition: .2s all; } .notification_delete_all:hover { color: #ffffff; font-weight: 600; text-align: center; height: 39px; position: relative; font-size: 10.5px !important; left: 4px; padding: 0px 20px; float: right; line-height: 35px; border-radius: 9px; border: 1.5px solid #344261; background: #344261; transition: .2s all; } .notification_delete_all:active { color: #ffffff; font-weight: 600; text-align: center; height: 39px; position: relative; font-size: 10.5px !important; left: 4px; padding: 0px 20px; float: right; line-height: 35px; border-radius: 9px; border: 1.5px solid #3a4357; background: #3a4357; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .15s all; } .vertical-navigation .link > a:hover i { color: #4a82ff; transition: .2s all; padding: 4px; font-weight: 500; margin-right: 7px; font-size: 18px; top: 4px; position: relative; } /* my stili ПРОЧЕЕ */ .wapper .header .collapsible-menu > li > a:hover { color: #18b0d2; transition: all .3s ease-out; } .logo1 {display: block;margin: 0px;float: left;height: 56px;width: 135px;background-image: url(/templates/fast/img/my/logo/newlogo.gif);background-size: 100% 100%;} .top_info { background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); width: 40px; height: 40px; border-radius: 10px; display: inline-flex; color: #fff; top: 0px; margin-right: 10px; font-size: 17px; align-items: center; justify-content: center; } .welcome { float: left; font-weight: 600; font-size: 11px; position: relative; top: 14px; border-radius: 10px; padding: 11px; padding-left: 33px; padding-right: 35px; background: #a7a9ae3b; left: 20px; } .black_list_h1 { font-weight: 600; font-size: 15px; } .send_support { width: 120px; transition: 0.2s; background: #ffffff36; display: flex; gap: 7px; height: 37px; font-size: 11px; cursor: pointer; border-radius: 9px; font-weight: 600; align-items: center; justify-content: center; } .s-top-ground-new { display: inline; margin: 0 5px 0 10px; line-height: 70px; height: 100%; float: right; margin-right: 10px; } .s-top-ground-new img { margin-left: 10px; width: 25px; height: 25px; } .text_info_news { color: #ffffff; font-size: 11px; font-weight: 600; gap: 7px; display: flex; align-items: center; } .text_info_news i{ color: #ffffff; font-size: 13px; font-weight: 100; background: linear-gradient(34deg, #706deb 0%, #706deb 55%); width: 25px; height: 25px; display: flex; border-radius: 7px; align-items: center; justify-content: center; } /* футер */ .line_purse { display: block; background: linear-gradient(48deg, #142e68 0%, #427dff 60%); width: 40px; box-shadow: 0px 0px 20px #fda48291; height: 4px; margin-top: 7px; border-radius: 50px; } .nav_bottom_soc { background: #ffffff00; display: flex; width: 160px; position: relative; justify-content: space-between; flex-direction: row-reverse; } .icon-vk1 { float: right; background: #07f; width: 36px; font-size: 18px; transition: .2s all; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-vk1:hover { float: right; background: #005dc7; width: 36px; font-size: 18px; transition: .2s all; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-tg1 { float: right; background: #2ba0d9; width: 36px; font-size: 17px; transition: .2s all; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-tg1:hover { float: right; background: #1b80b1; width: 36px; font-size: 17px; transition: .2s all; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-ds1 { float: right; background: #5865f2; width: 36px; font-size: 17px; transition: .1s all; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-ds1:hover { float: right; background: #434fcd; width: 36px; transition: .2s all; font-size: 17px; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-steam1 { float: right; background: #1f2f60; width: 36px; font-size: 17px; transition: .2s all; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .icon-steam1:hover { float: right; background: #1a2854; width: 36px; transition: .2s all; font-size: 17px; text-align: center; color: #ffffff; height: 36px; line-height: 40px; border-radius: 10px; } .card { background: #ffffff; border-radius: 5px; color: #fff; transition: .3s cubic-bezier(.25,.8,.5,1); webkit-transition: .3s cubic-bezier(.25,.8,.5,1); } /* футер */ .toper_mini_block { height: 140px; margin-bottom: 1px; width: 315px; padding: 11px; margin-right: 10px; border-radius: 15px; background:#1e2638; } .toper_mini_right { height: 140px; margin-bottom: 1px; width: 110px; border-radius: 15px; background: #1e263800; } .toper_mini_right1 { cursor:pointer; border-radius: 15px; transition: .2s all; flex-direction: column; height: 79px; width: 120px; margin-right: 18px; } .toper_mini_right1:hover { height: 65px; opacity: 0.7; border-radius: 15px; transition: .2s all; } .toper_mini_right1:active { height: 65px; opacity: 0.7; background: #1e2638; border-radius: 15px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: .2s all; } .toper_mini_right2 { border-radius: 15px; transition: .2s all; cursor:pointer; height: 79px; width: 120px; margin-right: 18px; } .toper_mini_right2:hover { height: 65px; opacity: 0.7; border-radius: 15px; transition: .2s all; } .toper_mini_right2:active { height: 65px; opacity: 0.7; margin-top: 9px; border-radius: 15px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: .2s all; } .news_button { font-size: 10.7px; font-weight: 600; margin-left: 11px; position: relative; color: #ffff; top: 22px; } .news_open { font-size: 9px; font-weight: 900; margin-left: 11px; position: relative; border-radius: 50px; padding: 1px 9px 1.5px; color: #ffffff; background: linear-gradient(246deg, #3473ff 0%, rgb(80 134 255) 55%); top: 17px; } .forum_button { font-size: 10.7px; font-weight: 600; margin-left: 11px; position: relative; color: #ffff; top: 22px; } .forum_open { font-size: 9px; font-weight: 900; margin-left: 11px; position: relative; border-radius: 50px; padding: 1px 9px 1.5px; color: #ffffff; background: linear-gradient(246deg, #1d9b63 0%, rgb(62 161 117) 55%); top: 17px; } .color_supportbloc { color: white; } .name_supportvk { font-weight: 600; color: white; } .opis_supportvk { font-weight: 500; font-size: 10.5px; color: #ffffff; } .send_support { width: 120px; transition: 0.2s; background: #ffffff36; display: flex; gap: 7px; height: 37px; font-size: 11px; cursor: pointer; border-radius: 9px; font-weight: 600; align-items: center; justify-content: center; } .send_support:hover { width: 120px; transition: 0.2s; background: #ffffff4d; display: flex; gap: 7px; height: 37px; font-size: 11px; cursor: pointer; border-radius: 9px; font-weight: 600; align-items: center; justify-content: center; } .send_support i{ font-size: 18px; } .icon_support { background: #fff; width: 38px; height: 38px; display: flex; border-radius: 10px; align-items: center; justify-content: center; } .icon_support i{ background: #07f; width: 22px; height: 22px; border-radius: 6px; display: flex; margin-bottom: 1px; font-size: 12px; align-items: center; justify-content: center; } .icon_support .bx-support{ background: #009e3d; width: 22px; height: 22px; border-radius: 6px; display: flex; margin-bottom: 1px; font-size: 12px; align-items: center; justify-content: center; } .three_support { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-direction: column; } .vk_support { background: linear-gradient(96deg, #0077ff 0%, rgb(39 140 255) 55%); border-radius: 12px; width: 100%; height: 60px; padding: 0px 12px; display: flex; align-items: center; justify-content: space-between; } .ticket_support { background: linear-gradient(85deg, #009c3c 0%, rgb(65 180 109) 55%); border-radius: 12px; width: 100%; height: 60px; padding: 0px 12px; display: flex; align-items: center; justify-content: space-between; } /** news Media Types are not compressed with this script, cut out and compress each section seperately **/ @media only screen and (min-width:576px){.main-container{padding-top:40px}} @media only screen and (max-width:767px){.news-enter{width:100%}} @media only screen and (max-width:1023px){.news-widget .toolbar__extension>.layout{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}} @media only screen and (max-width:767px){.news-widget .toolbar .layout{-ms-flex-wrap:wrap;flex-wrap:wrap}.news-widget .toolbar__extension{margin-top:16px;width:100%}} @media only screen and (max-width:1343px){.news-widget__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}} @media(max-width:410px){.news-list__categories,.news-list__category{width:100%}} @media only screen and (max-width:1343px){.news-list .toolbar .layout{-ms-flex-wrap:wrap;flex-wrap:wrap}} @media only screen and (max-width:767px){.news-list .toolbar__extension{margin-top:16px;width:100%}} @media only screen and (max-width:767px){.news-item-detail__text ol,.news-item-detail__text ul{padding-left:20px}} @media only screen and (max-width:767px){.news-item-detail__author,.news-item-detail__content{padding:0}} @media only screen and (max-width:767px){.toolbar__title{font-size:20px}} @media only screen and (max-width:1343px){.toolbar__subtitle{font-size:14px}} @media only screen and (max-width:1023px){.card__subtitle_extension{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} @media(max-width:410px){.inner-card{padding:10px}} @media only screen and (max-width:1023px){.news-widget .toolbar__extension>.layout{-webkit-box-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;}} @media only screen and (max-width:767px){.news-widget .toolbar .layout{flex-wrap:wrap;}.news-widget .toolbar__extension{margin-top:16px;width:100%;}} @media only screen and (max-width:1343px){.news-widget__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}} .news-item{text-decoration:none;}.news-item .card__media_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;}.news-item .card__media_wrap:before{content:"";top:0;left:0;right:0;bottom:0;position:absolute;background:-webkit-gradient(linear,left top,left bottom,from(rgba(232,3,26,0)),to(#007bff));background:linear-gradient(180deg,rgba(232,3,26,0) 0,#007bff);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;}.news-item__content{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;will-change:transform;-webkit-transform:translateY(60px);transform:translateY(60px);}.news-item__date{-webkit-transition:all .3s;transition:all .3s;background:#007bff99;padding:5px 10px;border-radius:5px;color:#fff;display:inline-block;margin-bottom:20px;}.news-item:focus,.news-item:hover{text-decoration:none;outline:none;}.news-item:focus .card__media_wrap:before,.news-item:hover .card__media_wrap:before{opacity:1;}.news-item:focus .news-item__content,.news-item:hover .news-item__content{-webkit-transform:translateY(0);transform:translateY(0);}.news-item:focus .news-item__date,.news-item:hover .news-item__date{color:#fff;background-color:transparent;-webkit-transform:translate(-10px);transform:translate(-10px);}.news-item__image{border-radius:10px;}.news-item__title{font-size:25px;font-weight:700;line-height:1.25;text-transform:uppercase;margin:16px 0;}.news-item__text{font-size:14px;line-height:22px;height:86px;overflow:hidden;}.news-item__action{display:-webkit-box;display:-ms-flexbox;display:flex;}.news-item__more{margin-left:auto;}a[data-v-c86c3bb4]{cursor:pointer;}.flex.layout{margin:0 !important;}.container.grid-list-xl .layout .flex,.container.grid-list-xl .layout .flex-auto{padding:15px;}.container.grid-list-xl .layout:only-child{margin:-15px;}.container.grid-list-lg .layout .flex,.container.grid-list-lg .layout .flex-auto{padding:10px;}.container.grid-list-lg .layout:only-child{margin:-10px;}.container.grid-list-md .layout .flex,.container.grid-list-md .layout .flex-auto{padding:5px;}.container.grid-list-md .layout:only-child{margin:-5px;}.container.grid-list-sm .layout .flex,.container.grid-list-sm .layout .flex-auto{padding:2.5px;}.container.grid-list-sm .layout:only-child{margin:-2.5px;}.container.grid-list-xs .layout .flex,.container.grid-list-xs .layout .flex-auto{padding:1.25px;}.container.grid-list-xs .layout:only-child{margin:-1.25px;}.layout.column>.flex{max-width:100%;}.content__wrap{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;position:relative;overflow-x:hidden;}.main-container{min-height:620px;padding-bottom:60px;}.news-enter{height:40px;font-size:14px;padding:0 30px;width:220px;}.news-widget .toolbar{position:relative;}.news-widget .toolbar__extension>.layout{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;}.news-widget__list{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));padding:20px 0;}.news-list__category{margin:5px;height:30px;}.news-list__content{padding:20px 0;min-height:400px;position:relative;}.news-list__items{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));}.news-list__not-found{margin-top:20px;}.news-list_empty .toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0;}.news-list_empty .news-list__content{background-color:#16171b;}.news-item-detail__details{display:block;padding:0 20px;margin-bottom:50px;}.news-item-detail__title{font-weight:700;font-size:25px;line-height:1.47em;}.news-item-detail__date{margin-top:10px;color:#9b9ea8;font-size:15px;}.news-item-detail__views{margin-top:10px;color:#9b9ea8;font-size:15px;margin-right:10px;border-right:1px solid;padding-right:10px;}.news-item-detail__category{margin-top:10px;color:#9b9ea8;font-size:15px;margin-right:10px;border-right:1px solid;padding-right:10px;}.news-item-detail__author{margin-top:10px;color:#9b9ea8;font-size:15px;}.news-item-detail__text{font-size:14px;line-height:1.47em;margin-top:20px;}.news-item-detail__text p{margin:10px 0;}.news-item-detail__text img{float:left;margin:10px;}.news-item-detail__text ol,.news-item-detail__text ul{margin-left:1em;padding-left:40px;}.news-item-detail .card__divider{margin:0;}.news-item-detail .card__actions{padding-top:0;}.news-item__description{font-size:16px;line-height:1.25;margin:16px 0;color:#dbdbdb;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}.news-item__views{float:right;display:inline-block;color:#fff;padding:5px 10px;opacity:0.7;}.news-item__views svg{margin-right:5px;}.app-btn{-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:42px;min-width:40px;font-weight:400;font-size:14px;border:2px solid transparent;border-radius:4px;margin:0;padding:0 10px;-webkit-transition:.3s cubic-bezier(.25,.8,.5,1);transition:.3s cubic-bezier(.25,.8,.5,1);-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow,-webkit-box-shadow;}.app-btn,.app-btn__content{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;align-items:center;position:relative;}.app-btn__content{-ms-flex-align:center;text-align:center;vertical-align:middle;line-height:20px;border-radius:inherit;height:100%;z-index:3;}.app-btn__content svg{height:20px;}.app-btn__loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;height:100%;width:100%;left:0;top:0;z-index:4;}.app-btn:hover{text-decoration:none;}.app-btn:active{outline:none;}.app-btn:after{content:"";position:absolute;display:block;z-index:2;height:100%;width:100%;left:0;top:0;opacity:1;background:transparent;-webkit-transition:.3s cubic-bezier(.25,.8,.5,1);transition:.3s cubic-bezier(.25,.8,.5,1);pointer-events:none;}.app-btn_rounded{border-radius:100px;}.app-btn_block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:100% !important;max-width:100%;}.app-btn.is-loading{pointer-events:none;-webkit-transition:none;transition:none;}.app-btn.is-loading .app-btn__content{display:none;}.app-btn.is-disabled{cursor:not-allowed;}.app-btn_theme_first{color:#fff!important;background-color:#41434a;border-color:#41434a;}.app-btn_theme_first:hover{color:#fff;background-color:#0654a7;border-color:#0654a7;}.app-btn_theme_first.active,.app-btn_theme_first:active{color:#fff;background-color:#007bff;border-color:#007bff;}.app-btn_theme_first.is-disabled,.app-btn_theme_first.is-disabled:active,.app-btn_theme_first.is-disabled:hover{color:grey;background-color:#1d1e21;border-color:#1d1e21;-webkit-box-shadow:none;box-shadow:none;}.app-btn_theme_second{color:#fff;background-color:#0d0e12;border-color:#0d0e12;}.app-btn_theme_second:hover{color:#fff;background-color:#1a1b1f;border-color:#1a1b1f;}.app-btn_theme_second.active,.app-btn_theme_second:active{color:#fff;background-color:#41434a;border-color:#41434a;}.app-btn_theme_second.is-disabled,.app-btn_theme_second.is-disabled:active,.app-btn_theme_second.is-disabled:hover{color:grey;background-color:#1d1e21;border-color:#1d1e21;-webkit-box-shadow:none;box-shadow:none;}.app-btn_theme_third,.app-btn_theme_third:hover{color:#fff;background-color:#007bff;border-color:#007bff;}.app-btn_theme_third:hover{-webkit-box-shadow:0 0 20px 0 #007bff;box-shadow:0 0 20px 0 #007bff;}.app-btn_theme_third.active,.app-btn_theme_third:active{color:#fff;background-color:#007bff99;border-color:#007bff;}.app-btn_theme_third.is-disabled,.app-btn_theme_third.is-disabled:active,.app-btn_theme_third.is-disabled:hover{color:grey;background-color:#1d1e21;border-color:#1d1e21;-webkit-box-shadow:none;box-shadow:none;}.app-btn_theme_fourth{color:#fff;background-color:rgba(210,0,60,.4);border-color:#d2003c;}.app-btn_theme_fourth:hover{color:#fff;background-color:#d2003c;border-color:#d2003c;}.app-btn_theme_fourth.active,.app-btn_theme_fourth:active{color:#fff;background-color:rgba(210,0,60,.8);border-color:#d2003c;}.app-btn_theme_fourth.is-disabled,.app-btn_theme_fourth.is-disabled:active,.app-btn_theme_fourth.is-disabled:hover{color:grey;background-color:#1d1e21;border-color:#1d1e21;-webkit-box-shadow:none;box-shadow:none;}.app-btn_theme_cold{color:#fff;background-color:#13a0b9;border-color:#13a0b9;}.app-btn_theme_cold:hover{color:#fff;background-color:#118ca2;border-color:#13a0b9;}.app-btn_theme_cold.active,.app-btn_theme_cold:active{color:#fff;background-color:#0e788b;border-color:#13a0b9;}.app-btn_theme_cold.is-disabled,.app-btn_theme_cold.is-disabled:active,.app-btn_theme_cold.is-disabled:hover{color:grey;background-color:#1d1e21;border-color:#1d1e21;-webkit-box-shadow:none;box-shadow:none;}.app-btn_size_standart{font-size:16px;padding:0 16px;}.app-btn_size_big{font-size:17px;height:54px;padding:0 20px;}.toolbar{background:#0d0e12;color:#9b9ea8;font-size:15px;padding:15px;height:100px;line-height:24px;border-radius:5px;min-height:62px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.toolbar__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:15px;}.toolbar__icon svg{width:auto;height:100%;vertical-align:middle;color:#007bff;}.toolbar__header_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;}.toolbar__title{color:#fff;font-size:24px;line-height:1;font-weight:700;}.toolbar__subtitle{line-height:16px;}.toolbar .layout{margin:0 !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.toolbar .layout .flex{padding:0 !important;}@-webkit-keyframes graph-data-v-60c5082a{-webkit-transform:translate(50%);transform:translate(50%);}@keyframes graph-data-v-60c5082a{-webkit-transform:translate(50%);transform:translate(50%);}.card__media-image{background:rgba(22,23,27,.5) no-repeat 50%;background-size:cover;width:100%;min-height:100px;border-radius:inherit;-webkit-transition:.3s;transition:.3s;}.card__media_wrap{background:-webkit-gradient(linear,left bottom,left top,from(rgba(22,23,27,.8)),to(rgba(22,23,27,0)));background:linear-gradient(0deg,rgba(22,23,27,.8) 0,rgba(22,23,27,0));}.inner-card{background-color:#0d0e12;border-radius:5px;padding:20px 25px;}.card__content,.card__media_wrap{padding:20px;}.card,.card:hover{text-decoration:none;}.card__media{position:relative;border-radius:inherit;-webkit-box-shadow:0 10px 16px 0 #0d0e12;box-shadow:0 10px 16px 0 #0d0e12;-webkit-transition:.3s;transition:.3s;}.card__media img{display:block;width:100%;border-radius:inherit;}.card__media_wrap{border-radius:inherit;position:absolute;left:0;right:0;bottom:0;top:0;}.news-widget .toolbar{position:relative;}.news-widget .toolbar__extension>.layout{-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;}.news-widget__list{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));padding:20px 0px;} /** The rest of your CSS news **/ .p-body-header { color: #ffffff; background: #066bc6; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; padding: 15px; } .p-body-header { margin-bottom: 10px; } .p-title { display: flex; flex-wrap: wrap; align-items: center; max-width: 100%; margin-bottom: -5px; } .p-title-value { padding: 0; margin: 0 0 5px 0; font-size: 24px; font-weight: 400; min-width: 0; margin-right: auto; } .p-title-pageAction { margin-bottom: 5px; } .button, a.button { display: inline-block; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; border: 1px solid transparent; white-space: nowrap; -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease; transition: background-color .125s ease, border-color .125s ease, color .125s ease; font-size: 13px; border-radius: 4px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; text-align: center; color: #f5f6f9; background: #63b2f5; border-color: #4ba6f3 #7bbef7 #7bbef7 #4ba6f3; } .palette, .button { position: relative; overflow: hidden; } #quick-touch-page-content { display: flex; flex-flow: row wrap; border: 0; margin: -5px; background: none; padding-bottom: 10px; } #quick-touch-page-content .p-quick-touch-inner { display: flex; width: 100%; } @media (max-width:760px) { #quick-touch-page-content .p-quick-touch-inner { display: grid; width: 100%; } } #quick-touch-page-content .quick-touch-block { background: var(--forum-back-block); margin: 7px; flex: 1; flex-direction: column; box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%); border-radius: 6px; } #quick-touch-page-content .quick-touch-block .quick-touch-body { padding: 5px; width: 100%; } #quick-touch-page-content .quick-touch-content { padding: 0; } #quick-touch-page-content .quick-touch-icon-box-style { position: relative; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.blue { color: #FFF; background: #63b2f5; border: 1px solid #6db8f9; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.green { color: #FFF; background: #63b265; border: 1px solid #daf3d8; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon { padding: 40px; border-radius: 3px; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float: left; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.red { color: #FFF; background: #c84448; border: 1px solid #c84448; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon span { font-size: 24px; color: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon+.icon-box-body { width: calc(100% - 100px); padding-left: 15px; } .quick-touch-block .quick-touch-icon-box-style .icon-box-body { float: left; width: 100%; text-align: left; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.blue+.icon-box-body h4 { color: #63b2f5; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.green+.icon-box-body h4 { color: #63b265; } .quick-touch-block .quick-touch-icon-box-style .icon-box-body h4 { margin: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: inherit; } .quick-touch-block .quick-touch-icon-box-style .icon-box-body p { font-size: 13px; padding: 0; font-weight: bold; } #quick-touch-page-content .quick-touch-icon-box-style .icon-box-links .button { position: absolute; right: 0; color: #000; top: 0; padding: 0; border: none; width: 30px; height: 30px; background: none; } #quick-touch-page-content .quick-touch-icon-box-style .icon-box-links .button .button-text { display: none; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.red { color: #FFF; background: #c84448; border: 1px solid #c84448; } .quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.red+.icon-box-body h4 { color: #c84448; }/* my stili ПРОЧЕЕ */ /* scrollbar */ ::-webkit-scrollbar-button{background-image:url();background-repeat:no-repeat;width:6px;height:0px;}::-webkit-scrollbar-track{background-color:var(--scrollbar-track-bg);}::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:50px;background-color:#3a8dff;}::-webkit-scrollbar-thumb:hover{background-color:#3a8dff;}::-webkit-resizer{background-image:url();background-repeat:no-repeat;width:6px;height:0px;}::-webkit-scrollbar{width:6px;// cursor:url(/templates/standart_dark/img/NeonCursor04-Blue.cur),auto;pointer-events:auto;} /*события последние*/ .event{border-radius:15px;padding:20px;display:flex;margin-bottom:10px;transition:all .3s;cursor:pointer;}.event:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);transition:all .3s;}.event-message{width:60%;margin-right:30px;}.event-message a{color:#bbbbbb;}.event-avatar{height:40px;width:40px;border-radius:15px;margin-right:10px;}.event-actions{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:40%;line-height:45px;}.btn-all-events{border:1px solid #3a3b4a;padding:10px 20px 10px 20px;border-radius:20px;color:#fff;display:inline-block;transition:all .3s;margin-bottom:20px;margin-top:10px;}.btn-all-events:hover{color:#fff;background:#3a3b4a;transition:all .3s;}.event-login{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.event-icon img{width:50px;height:50px;margin-right:30px;} @-webkit-keyframes updown { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes updown { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } /*события последние*/ /*баланс*/ .s-top-balance-block-top { float: right; display: flex; padding: 4px; height: 100%; } .s-top-balance-block-top-auth { float: right; display: flex; padding: 8px; height: 100%; margin-right: 10px; border: 2px solid; border-color: rgb(121, 121, 121); border-radius: 8px; } .s-top-balance-block-top-auth:hover { opacity:1; transform:translate(0 ,0); transition:all .2s linear; border-color: #6c97d4; background-color: #2a2931; } .s-top-balance-block { /*border: 2px solid; border-color: rgb(121, 121, 121); border-radius: 30px;*/ display: flex; color: #fdfdfd; position: relative; padding-left: 5px; border-left: 2px solid #107ab8; background: linear-gradient(270deg,rgba(93,174,241,0) 0,#868e9a1a 108%); border: 1px solid #868e9a1a; border-radius: 4px; } .s-top-balance { padding: 9px; margin-left: 4px; } .s-top-balance p { font-family: Montserrat; font-size: 15px; font-weight: 600; color: #e6e6e6; } .s-top-balance strong { font-family: Montserrat; font-size: 15px; font-weight: 600; color: #b7b4bf; } .s-top-balance-pay { font-family: Montserrat; font-size: 30px; padding: 9px; height: 100%; float: right; font-weight: 600; color: #e6e6e6; background-color: rgb(125, 105, 255); border-radius: 0 10px 10px 0; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .s-top-balance-pay:hover { opacity:1; transform:translate(0 ,0); transition:all .2s linear; background-color: #6c97d4; } /* online|offline */ #soffline { display: inline-block; background-color: #d85752; width: 10px; border-radius: 20px; height: 10px; margin-left: 10px; margin-bottom: 1px; margin-right: 6px; box-shadow: 0 0 15px #dc3545; animation: mymove 0.0s ease-in infinite alternate; } #sonline { display: inline-block; background-color: #358e2f; width: 10px; border-radius: 20px; height: 10px; margin-left: 10px; margin-right: 6px; margin-bottom: 1px; box-shadow: 0 0 15px rgb(96 151 208 / 62%); animation: mymove 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; filter: none; } #sonline:hover { display: inline-block; background-color: #358e2f; width: 10px; border-radius: 20px; height: 10px; filter: blur(1px); cursor: none; margin-left: 10px; margin-right: 6px; margin-bottom: 1px; box-shadow: 0 0 15px rgb(96 151 208 / 62%); animation: mymove 0.8s; } @keyframes mymove{ from{ opacity: 1; visibility: visible; } to{ opacity: 0.01; visibility: hidden; } /* online|offline */