TimeToPlay - Самый технологичный необычный сервер с акцентом на политику

TimeToPlay

Самый технологичный необычный сервер с акцентом на политику Выживайте, стройте города, находите друзей и отыгрывайте RP.

Самый технологичный необычный сервер с акцентом на политику

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="copyright" lang="ru" content="EasyX">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Купить донат на сервере ROLEPLAY">
<meta name="keywords" content="minecraft, автодонат, онлайн-магазин, easydonate, ROLEPLAY">
<meta property="og:type" content="website">
<meta property="og:title" content="ROLEPLAY ">
<meta property="og:image" content="/og:image">
<meta property="og:url" content="https://rp.ttpshop.su">

<meta name="referrer" content="strict-origin-when-cross-origin">

<link rel="icon" href="https://easydonate.s3.easyx.ru/images/favicons/bd/c7/bdc732fb4ccd1a639c93aac7195e7e76da5952c606d40373f02f5c6315760ffd.png" type="image/x-icon">

<script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=qPZ1Wv2LceQ0f8xnAXOWuvcKQ044kwZapBIvDKqPESuqxlARL1hu7QU9MJcaBef4" charset="UTF-8"></script><style media="screen">
body {
--color-accent: #2a354f;
--color-accent-125: #2a354f30;
--color-accent-15: #2a354f26;
--color-accent-25: #2a354f40;
--color-accent-50: #2a354f80;
--color-accent-75: #2a354fC0;
}
</style>

<link rel="stylesheet" href="/themes/spirit/assets/css/all.min.css">
<link rel="stylesheet" href="/themes/spirit/assets/css/theme.min.css?v=10">
<link rel="stylesheet" href="/themes/spirit/assets/css/animate.css">
<link rel="stylesheet" href="/themes/spirit/assets/css/icons.css">
<link rel="stylesheet" href="/themes/spirit/assets/css/style.css?v=421">
<link rel="stylesheet" href="/themes/spirit/assets/css/pay-button.css?v=5">
<link rel="stylesheet" href="/themes/spirit/assets/css/animate.min.css">

<link href="https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">

<script type="text/javascript" src="/themes/spirit/assets/js/isotope.min.js" defer></script>
<script type="text/javascript" src="/themes/spirit/assets/js/dragscroll.min.js" defer></script>

<link rel="stylesheet" href="https://rp.ttpshop.su/plugins/dontfollow/easydonate/assets/css/easydonate.css?v=1">

</head>

<body class="light-theme">
<nav class="spirit-navbar">
<div class="navbar-general">
<div class="container">
<div class="d-flex align-items-center justify-content-between">
<div>
<div class="d-flex align-items-center" style="gap: 72px">
<div class="d-flex align-items-center" style="gap: 12px">
<a class="d-lg-none d-block navbar-dropdown-menu-btn" href="#" data-toggle="collapse" data-target=".navbar-dropdown-menu-wrapper" aria-expanded="false" aria-label="Навигация">
<svg class="collapse-closed d-none" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 14H28M12 20H28M12 26H28" stroke="var(--color-default)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

<svg class="collapse-collapsed d-none" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 12L28 28M28 12L12 28" stroke="var(--color-default)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>

<div class="collapse navbar-dropdown-menu-wrapper" aria-labelledby="dropdown">
<div class="navbar-dropdown-menu">
<ul class="navbar-dropdown-menu-content">
<li class="navbar-dropdown-menu-item">
<a href="https://ttpshop.su/terms" target="_blank">
<span class="flex-shrink-0">Польз. соглашение</span>

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="var(--color-default)" stroke-width="1.5"/>
</svg>
</a>
</li>
<li class="navbar-dropdown-menu-item">
<a href="https://ttpshop.su/privacy" target="_blank">
<span class="flex-shrink-0">Политика конфиденциальности</span>

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="var(--color-default)" stroke-width="1.5"/>
</svg>
</a>
</li>
<li class="navbar-dropdown-menu-item">
<a href="https://ttpshop.su/rules" target="_blank">
<span class="flex-shrink-0">Правила проекта</span>

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="var(--color-default)" stroke-width="1.5"/>
</svg>
</a>
</li>
</ul>
</div>
</div>

<a href="https://rp.ttpshop.su">
<div class="spirit-logo-wrapper">
<img src="https://cdn.easydonate.ru/images/logos/e3/be/e3beda2c3fb2f06c84d156310a9a297796e7e77dffbfc3f3a4e94a1d4ccc2433.png" class="spirit-shop-logo" alt="ROLEPLAY">
<h3 class="spirit-shop-name">ROLEPLAY</h3>
</div>
</a>
</div>

<div>
<ul class="spirit-navbar-menu d-lg-flex d-none">
<li class="spirit-navbar-item">
<a href="https://ttpshop.su/terms" target="_blank">
<span class="flex-shrink-0 text-truncate">Польз. соглашение</span>

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="var(--color-default)" stroke-width="1.5"/>
</svg>
</a>
</li>
<li class="spirit-navbar-item">
<a href="https://ttpshop.su/privacy" target="_blank">
<span class="flex-shrink-0 text-truncate">Политика конфиденциальности</span>

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="var(--color-default)" stroke-width="1.5"/>
</svg>
</a>
</li>
<li class="spirit-navbar-item">
<a href="https://ttpshop.su/rules" target="_blank">
<span class="flex-shrink-0 text-truncate">Правила проекта</span>

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="var(--color-default)" stroke-width="1.5"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>

<div>
<div class="d-flex align-items-center justify-content-end" style="gap: 6px">
<button type="button" class="btn btn-transparent icon-only flex-shrink-0 btn-switch-theme" onclick="switchTheme(null, true)">
<svg class="theme-selector theme-dark" width="24" height="24" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.35098 1.97004C7.52765 2.44571 6.18165 4.10337 6.18165 6.07571C6.18165 8.41904 8.08131 10.318 10.4243 10.318C12.3963 10.318 14.0543 8.97237 14.5296 7.14904C14.6211 7.59356 14.667 8.04622 14.6666 8.50004C14.6666 12.182 11.682 15.1667 7.99998 15.1667C4.31798 15.1667 1.33331 12.182 1.33331 8.50004C1.33331 4.81804 4.31798 1.83337 7.99998 1.83337C8.46298 1.83337 8.91465 1.88037 9.35098 1.97004Z" stroke="var(--color-default)" stroke-opacity="0.5" stroke-width="1.5" stroke-linejoin="round"></path>
</svg>
<svg class="theme-selector theme-light" width="24" height="24" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 1.5V2.55M3.05 3.55L3.79267 4.29267L3.05 3.55ZM1 8.5H2.05H1ZM3.05 13.45L3.79267 12.7073L3.05 13.45ZM12.95 13.45L12.2073 12.7073L12.95 13.45ZM15 8.5H13.95H15ZM12.95 3.55L12.2073 4.29267L12.95 3.55Z" stroke="var(--color-default)" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8 12.5C10.209 12.5 12 10.709 12 8.5C12 6.291 10.209 4.5 8 4.5C5.791 4.5 4 6.291 4 8.5C4 10.709 5.791 12.5 8 12.5Z" stroke="var(--color-default)" stroke-opacity="0.5" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M8 15.5V14.45" stroke="var(--color-default)" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<defs>
<rect width="16" height="16" fill="var(--color-default)" transform="translate(0 0.5)"></rect>
</defs>
</svg>
</button>
<a class="cart-badge flex-shrink-0" data-toggle="modal" data-target="#cart">
<div class="cart-icon-wrapper position-relative">
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 15C3.53043 15 4.03914 15.2107 4.41421 15.5858C4.78929 15.9609 5 16.4696 5 17C5 17.5304 4.78929 18.0391 4.41421 18.4142C4.03914 18.7893 3.53043 19 3 19C2.46957 19 1.96086 18.7893 1.58579 18.4142C1.21071 18.0391 1 17.5304 1 17C1 16.4696 1.21071 15.9609 1.58579 15.5858C1.96086 15.2107 2.46957 15 3 15ZM3 15H14M3 15V1H1M14 15C14.5304 15 15.0391 15.2107 15.4142 15.5858C15.7893 15.9609 16 16.4696 16 17C16 17.5304 15.7893 18.0391 15.4142 18.4142C15.0391 18.7893 14.5304 19 14 19C13.4696 19 12.9609 18.7893 12.5858 18.4142C12.2107 18.0391 12 17.5304 12 17C12 16.4696 12.2107 15.9609 12.5858 15.5858C12.9609 15.2107 13.4696 15 14 15ZM3 3L17 4L16 11H9.5H3" stroke="var(--color-default)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

<span class="cart-counter">0</span>
</div>
<span class="cart-cost d-sm-block d-none"><span class="opacity-5">0 ₽</span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</nav>

<title>ROLEPLAY - Главная</title>

<section class="section section-jumbotron">
<div class="container-fluid">
<div class="spirit-shop-jumbotron overlay-dark" style="background-image: url(https://cdn.easydonate.ru/images/backgrounds/b0/be/b0bea98c29eeef1bdb3ffcb7d4874d63994e25c120f9743e4d95dbddb7dbe0ab.png)">
<div class="container">
<div class="row align-items-center">
<div class="col-12">
<h1 class="shop-name text-center">ROLEPLAY</h1>
<div class="spirit-shop-jumbotron-footer justify-content-center">
<a href="#shop" class="btn btn-xl btn-accent rounded-pill" style="width: 294px">
Перейти в магазин
</a>

</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section section-shop wow fadeIn" id="shop">
<div class="container">
<div class="shop">
<div class="row">
<div class="col-lg-3">
<ul class="spirit-shop-categories-wrapper">
<li class="skeleton-box" style="height: 118px; border-radius: 999px; border: 0"></li>
<li class="skeleton-box" style="height: 118px; border-radius: 999px; border: 0"></li>
<li class="skeleton-box" style="height: 118px; border-radius: 999px; border: 0"></li>
<li class="skeleton-box" style="height: 118px; border-radius: 999px; border: 0"></li>
<li class="skeleton-box" style="height: 118px; border-radius: 999px; border: 0"></li>
<li class="skeleton-box" style="height: 118px; border-radius: 999px; border: 0"></li>
</ul>
</div>
<div class="col-lg-9">
<h3 class="mb-36 d-xl-block d-none">Магазин</h3>

<div class="shop-products">
<div class="row">
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px; margin-bottom: 77px"></div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="skeleton-box" style="width: 100%; height: 359px; border-radius: 42px"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<div class="section section-md" id="sections">
<div id="last-payments"></div>
<div id="vknews"></div>
</div>
<footer class="footer" style="font-size: inherit !important;height: auto !important;z-index: 0; display: block !important; opacity: 1 !important; transform: none !important; position: relative !important; visibility: visible !important;">
<div class="container" style="display: block !important; opacity: 1 !important; transform: none !important; position: inherit !important; visibility: visible !important;">
<div class="row justify-content-md-start justify-content-center" id="footer" style="display: flex !important; opacity: 1 !important; transform: none !important; position: inherit !important; visibility: visible !important;">
<div class="col-md-6 mb-md-0 mb-5" style="display: block !important; opacity: 1 !important; position: inherit !important; visibility: visible !important;">
<div class="d-flex justify-content-md-start justify-content-center" style="gap: 12px; display: flex !important; opacity: 1 !important; transform: none !important; position: inherit !important; visibility: visible !important;">
<a class="footer-brand" href="https://rp.ttpshop.su">
<img src="https://cdn.easydonate.ru/images/logos/e3/be/e3beda2c3fb2f06c84d156310a9a297796e7e77dffbfc3f3a4e94a1d4ccc2433.png">
</a>
<p class="mb-0" style="display: block !important; opacity: 1 !important; transform: none !important; position: inherit !important; visibility: visible !important; color: white !important;">
<b class="mb-6">ROLEPLAY</b>

<span class="opacity-5">
· магазин не подтвержден
</span>

<br>

<span class="text-sm opacity-5">
© 2022
- 2025
Все права защищены.
</span>
</p>
</div>
</div>

<div class="col-md-6 mb-md-0 mb-5">
<div class="d-flex justify-content-md-start justify-content-center flex-wrap text-md-left text-center" style="gap: 48px">
<div class="footer-socials">
<p class="mb-24 text-white opacity-5">Соц. сети:</p>

<div class="d-flex align-items-center justify-content-md-start justify-content-center flex-wrap" style="gap: 24px">
<a href="https://vk.com/timetoplay" target="_blank">
<div class="footer-link">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.8485 17C6.35691 17 2.65428 12.4955 2.5 5H5.75172C5.85853 10.5015 8.25572 12.8318 10.1545 13.3123V5H13.2165V9.74474C15.0916 9.54054 17.0613 7.37838 17.7259 5H20.7878C20.2775 7.93093 18.1414 10.0931 16.6223 10.982C18.1414 11.7027 20.5743 13.5886 21.5 17H18.1295C17.4056 14.7177 15.6019 12.952 13.2165 12.7117V17H12.8485Z" fill="white"/>
</svg>
ВКонтакте
</div>
</a>
<a href="https://t.me/devblog_gta_ttp" target="_blank">
<div class="footer-link">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.16849 10.5965C8.73275 8.76205 11.7756 7.55263 13.297 6.96824C17.646 5.29969 18.5486 5.0099 19.1381 5.00009C19.2677 4.99817 19.5564 5.02773 19.7447 5.16823C19.9013 5.28672 19.9453 5.44696 19.9673 5.55947C19.9869 5.67186 20.0138 5.92802 19.9918 6.12799C19.7569 8.412 18.737 13.9546 18.2184 16.5128C18.0007 17.5952 17.5678 17.9581 17.1495 17.9936C16.2396 18.0707 15.5498 17.4393 14.6692 16.9068C13.2921 16.0734 12.5143 15.5547 11.1763 14.7416C9.63044 13.8018 10.6333 13.2852 11.5139 12.4411C11.7438 12.2201 15.7504 8.85842 15.8262 8.55351C15.836 8.51536 15.8458 8.37318 15.7528 8.29825C15.6623 8.22309 15.5278 8.24882 15.4299 8.26913C15.2905 8.29802 13.0916 9.64044 8.8257 12.2962C8.20197 12.692 7.63694 12.885 7.12817 12.8748C6.57048 12.8638 5.49423 12.5833 4.69438 12.3436C3.71598 12.0495 2.9357 11.894 3.00419 11.3945C3.03843 11.1345 3.42735 10.8684 4.16849 10.5965Z" fill="white"/>
</svg>
Telegram
</div>
</a>
<a href="https://discord.gg/aGSEUYW9qM" target="_blank">
<div class="footer-link">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.2477 6.1725C17.0825 5.62475 15.8367 5.22667 14.5342 5C14.3742 5.29058 14.1873 5.68142 14.0585 5.99234C12.6739 5.78312 11.302 5.78312 9.94287 5.99234C9.81404 5.68142 9.62292 5.29058 9.46152 5C8.15761 5.22667 6.91032 5.62621 5.74514 6.1754C3.39498 9.74369 2.75789 13.2233 3.07644 16.6536C4.63519 17.8232 6.14581 18.5336 7.63093 18.9986C7.99762 18.4915 8.32465 17.9525 8.60638 17.3844C8.06981 17.1795 7.5559 16.9267 7.07031 16.6333C7.19913 16.5374 7.32514 16.4371 7.44689 16.334C10.4086 17.7258 13.6267 17.7258 16.5531 16.334C16.6762 16.4371 16.8022 16.5374 16.9296 16.6333C16.4426 16.9282 15.9273 17.181 15.3907 17.3859C15.6725 17.9525 15.9981 18.493 16.3662 19C17.8527 18.5351 19.3647 17.8246 20.9235 16.6536C21.2973 12.6771 20.285 9.22936 18.2477 6.1725ZM9.00988 14.544C8.12079 14.544 7.39166 13.7101 7.39166 12.6945C7.39166 11.6789 8.10522 10.8435 9.00988 10.8435C9.91457 10.8435 10.6437 11.6775 10.6281 12.6945C10.6295 13.7101 9.91457 14.544 9.00988 14.544ZM14.9901 14.544C14.101 14.544 13.3718 13.7101 13.3718 12.6945C13.3718 11.6789 14.0854 10.8435 14.9901 10.8435C15.8947 10.8435 16.6238 11.6775 16.6083 12.6945C16.6083 13.7101 15.8947 14.544 14.9901 14.544Z" fill="white"/>
</svg>
Discord
</div>
</a>
</div>
</div>

<div class="footer-links">
<p class="mb-24 text-white opacity-5">Ссылки:</p>

<div class="d-flex align-items-center justify-content-md-start justify-content-center flex-wrap" style="gap: 24px">
<a
href="https://ttpshop.su/terms"
target="_blank"
>
<div class="footer-link">
<span class="flex-shrink-0">Польз. соглашение</span>

<svg class="flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="white" stroke-width="1.5"/>
</svg>
</div>
</a>
<a
href="https://ttpshop.su/privacy"
target="_blank"
>
<div class="footer-link">
<span class="flex-shrink-0">Политика конфиденциальности</span>

<svg class="flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="white" stroke-width="1.5"/>
</svg>
</div>
</a>
<a
href="https://ttpshop.su/rules"
target="_blank"
>
<div class="footer-link">
<span class="flex-shrink-0">Правила проекта</span>

<svg class="flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7M17 7V17M17 7H7" stroke="white" stroke-width="1.5"/>
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>

<div style="padding-bottom: 105px !important"></div>

<div class="text-white" style="padding: 24px 0!important; margin: 0 !important;border-top: 1px solid rgba(255, 255, 255, 0.1); display: block !important; opacity: 1 !important; transform: none !important; position: relative !important; visibility: visible !important;">
<div class="flex-wrap d-flex align-items-center justify-content-center" style="gap: 12px !important; margin: 0 !important;display: flex !important; opacity: 1 !important; transform: none !important; position: relative !important; visibility: visible !important;">
<p class="mb-0 flex-shrink-0" style="margin: 0 !important;display: block !important; opacity: .5 !important; transform: none !important; position: inherit !important; visibility: visible !important; color: white !important;">Сайт создан с помощью</p>
<a href="//easydonate.ru" target="_blank" class="d-flex align-items-center" style="margin: 0 !important; display: flex !important; opacity: 1 !important; transform: none !important; position: inherit !important; visibility: visible !important;">
<img src="//cp.easydonate.ru/storage/app/media/defaults/easydonate.svg" style="width: 22px;" class="margin: 0 !important;img-fluid mr-1">
<p class="mb-0 text-white font-weight-500" style="margin: 0 !important;display: block !important; opacity: 1 !important; transform: none !important; position: inherit !important; visibility: visible !important;color:var(--spirit-easydonate-brand-color)!important;">EasyDonate</p>
</a>
</div>
</div>
</div>
</footer>

<div class="fixed-bottom-right text-right" style="z-index: 10" id="widgets"></div>

<div class="modal animate__animated animate__fadeInRight" style="z-index: 10051; --animate-duration: .35s" id="cart" tabindex="-1" role="dialog" aria-labelledby="cart" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content cart cart-content"></div>
</div>
</div>

<div class="modal animate__animated animate__fadeIn" id="select-payment-type" style="z-index: 10051; --animate-duration: .35s" tabindex="-1" role="dialog" aria-labelledby="cart" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="swiper swiper-select-payment-type">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div>
<div class="d-flex align-items-center mb-48 flex-wrap" style="gap: 24px">
<button type="button" class="btn btn-outline-back" data-dismiss="modal" aria-label="Close" data-toggle="modal" data-target="#cart">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 12H5M5 12L10.25 6.5M5 12L10.25 17.5" stroke="var(--color-neutral)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<h1 class="font-weight-400 font-family-golos mb-0 d-lg-block d-none">Выберите способ оплаты</h1>
<h1 class="font-weight-400 font-family-golos mb-0 d-lg-none d-block">Способ оплаты</h1>
</div>

<div class="row mb-24" style="margin-left: -6px; margin-right: -6px;">
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('sbp', 'tinkoff')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/sbp.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px;height: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">СБП</h5>
<p class="text-sm mb-0 color-neutral">Минимум 10 ₽</p>
</div>
</a>
</div>
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'tinkoff')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/mir.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">МИР, ₽</h5>
<p class="text-sm mb-0 color-neutral">Россия</p>
</div>
</a>
</div>
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'tinkoff')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/visa.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">Visa, ₽</h5>
<p class="text-sm mb-0 color-neutral">Россия</p>
</div>
</a>
</div>
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'tinkoff')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/mastercard.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">MasterCard, ₽</h5>
<p class="text-sm mb-0 color-neutral">Россия</p>
</div>
</a>
</div>
</div>
<div class="row mb-24" style="margin-left: -6px; margin-right: -6px;">
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'yourpaymentsworld')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/visa.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">Visa, ₽</h5>
<p class="text-sm mb-0 color-neutral">Иностранные карты</p>
</div>
</a>
</div>
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'yourpaymentsworld')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/mastercard.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">MasterCard, ₽</h5>
<p class="text-sm mb-0 color-neutral">Иностранные карты</p>
</div>
</a>
</div>
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'cloudpayments')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/visa.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">Visa, $</h5>
<p class="text-sm mb-0 color-neutral">Альтернативный, от 4 ₽</p>
</div>
</a>
</div>
<div class=" col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'cloudpayments')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/mastercard.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">MasterCard, $</h5>
<p class="text-sm mb-0 color-neutral">Альтернативный, от 4 ₽</p>
</div>
</a>
</div>
</div>
<div class="row mb-24" style="margin-left: -6px; margin-right: -6px;">
<div class="col-lg-6 col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'cypix-netting-kzt')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/visa.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">Visa, ₸</h5>
<p class="text-sm mb-0 color-neutral">Минимум 500 ₸</p>
</div>
</a>
</div>
<div class="col-lg-6 col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('card', 'cypix-netting-kzt')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/mastercard.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">MasterCard, ₸</h5>
<p class="text-sm mb-0 color-neutral">Минимум 500 ₸</p>
</div>
</a>
</div>
</div>
<div class="row " style="margin-left: -6px; margin-right: -6px;">
<div class="col-lg-6 col-12 mb-12 payment-type-wrapper" style="padding-right: 6px; padding-left: 6px;">
<a class="payment-type payment-type-default" onclick="onBuy('advcash', 'advcash')">
<img src="https://rp.ttpshop.su/themes/spirit/assets/images/payment-types/volet.svg" class="img-fluid img-center flex-shrink-0" style="width: 48px">
<div class="flex-shrink-0">
<h5 class="font-weight-400 mb-6px">Volet</h5>
<p class="text-sm mb-0 color-neutral">Электронные деньги</p>
</div>
</a>
</div>
</div>
</div>
</div>

<div class="swiper-slide">
<div class="before-payment"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script>
var swiperSelectPaymentType;

window.addEventListener('load', () => {
$('#select-payment-type').on('shown.bs.modal', () => {
swiperSelectPaymentType = new Swiper('.swiper-select-payment-type', {
slidesPerView: 1,
spaceBetween: 0,
allowTouchMove: false,
autoplay: false,
loop: false,
followFinger: false,
preventClicks: true,
autoHeight: true,
calculateHeight: true,
speed: 250,
a11y: false,
});

swiperSelectPaymentType.on('slideChange', function (s) {
console.log($(s.slides[s.activeIndex]).find('*').height());
$(s.el).css({
height: $(s.slides[s.activeIndex]).find('*').height()
});
});
});
});
</script> </body>

<script type="text/javascript" src="/themes/spirit/assets/js/jquery.min.js?v=3.6.3"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/theming.js?v=9" async></script>
<script type="text/javascript" src="/themes/spirit/assets/js/popper.min.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/pixel.min.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/wow.min.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/swiper.min.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/app.js?v=15" async></script>

<style media="screen">.dot {width:35px;height:35px;position:absolute;background: url(/themes/spirit/assets/images/autumn.png);background-size: 100% 100%;}</style>
<div id="autumn" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99"></div>
<script src="/themes/spirit/assets/js/gsap.min.js"></script>
<script type="text/javascript" src="/themes/spirit/assets/js/autumn.js?v=4"></script>
<script src="/modules/system/assets/js/framework.js"></script>
<script src="/modules/system/assets/js/framework.extras.js"></script>
<link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework.extras.css">
<script src="https://rp.ttpshop.su/plugins/dontfollow/easydonate/assets/js/easydonate.js?v=44"></script>
<script src="https://rp.ttpshop.su/plugins/dontfollow/easydonate/assets/js/payment.js?v=6"></script>
<script src="https://rp.ttpshop.su/plugins/dontfollow/attendance/assets/js/metric.js?v=1"></script>
<script src="https://rp.ttpshop.su/plugins/easyx/auth/assets/js/easyid.js?v=1"></script>

<script type="text/javascript">
$.request('Shop::onLoadShop', {
update: {
cart_cost: '.cart-cost',
cart_counter: '.cart-counter',
shop: '.shop',
'cart': '.cart-content',
'select_server': '.select-server',
}
});
</script>
<div class="modal-player-state-never-joined"></div>
<div class="select-server-group"></div>

<script type="text/javascript">
$('.modal').on('shown.bs.modal', () => {
var body = $('body')
if (!body.hasClass('modal-open')) {
body.addClass('modal-open')
}
})
</script>
</html>
0