

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
    <meta name="description" content="">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <title>Red Racing Group</title>

    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
        (function (m, e, t, r, i, k, a) {
            m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
            m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
        })
            (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

        ym(88632954, "init", {
            clickmap: true,
            trackLinks: true,
            accurateTrackBounce: true,
            webvisor: true
        });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/88632954" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
    <!-- Google Tag Manager -->
    <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-N7K2PSJ');</script>
    <!-- End Google Tag Manager -->
    <!-- VKontakte Pixel Code -->
    <script type="text/javascript">!function () { var t = document.createElement("script"); t.type = "text/javascript", t.async = !0, t.src = 'https://vk.com/js/api/openapi.js?169', t.onload = function () { VK.Retargeting.Init("VK-RTRG-1703271-Zu4g"), VK.Retargeting.Hit() }, document.head.appendChild(t) }();</script>
    <noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1703271-Zu4g" style="position:fixed; left:-999px;" alt="" /></noscript>
    <!-- End VKontakte Pixel Code -->

    <link rel="apple-touch-icon" href="/Content/images/apple-touch-icon.png">
    <link rel="shortcut icon" href="/Content/images/favicon.png" type="image/x-icon" />

    

    <link rel="stylesheet" href="/Areas/Public/Content/css/vendor.css">
    <link rel="stylesheet" href="/Areas/Public/Content/fonts/fonts.css">
    <link rel="stylesheet" href="/Areas/Public/Content/css/style.css">
    <script src="/Areas/Public/Content/js/vendor.js" type="text/javascript"></script>

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <!-- Facebook Pixel Code -->
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return; n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
            n.queue = []; t = b.createElement(e); t.async = !0;
            t.src = v; s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');

        fbq('init', '551668475468832');
        fbq('track', 'PageView');

    </script>
    <noscript>
        <img height="1" width="1" src="https://www.facebook.com/tr?id=551668475468832&ev=PageView&noscript=1" />
    </noscript>
    <!-- End Facebook Pixel Code -->
    <!-- VK Pixel Code -->
    <script type="text/javascript">
        !function () {
            var t = document.createElement("script"); t.type = "text/javascript",
                t.async = !0, t.src = 'https://vk.com/js/api/openapi.js?169',
                t.onload = function () {
                    VK.Retargeting.Init("VK-RTRG-1651990-3Gk6J"), VK.Retargeting.Hit()
                }, document.head.appendChild(t)
        }();
    </script>
    <noscript>
        <img src="https://vk.com/rtrg?p=VK-RTRG-1651990-3Gk6J" style="position:fixed; left:-999px;" alt="" />
    </noscript>
    <!-- End VK Pixel Code -->

    <!-- Top.Mail.Ru counter -->
    <script type="text/javascript">
        var _tmr = window._tmr || (window._tmr = []);
        _tmr.push({ id: "3361706", type: "pageView", start: (new Date()).getTime(), pid: "USER_ID" });
        (function (d, w, id) {
            if (d.getElementById(id)) return;
            var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
            ts.src = "https://top-fwz1.mail.ru/js/code.js";
            var f = function () { var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s); };
            if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
        })(document, window, "tmr-code");
    </script>
    <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3361706;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
    <!-- /Top.Mail.Ru counter -->

    <style>
        @media only screen and (max-width: 600px) {
            #nav-wrapper-mob {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 9999;
            }
        }
    </style>
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7K2PSJ"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
    <header class="site-header">
        <div id="nav-wrapper-mob">
            <div class="container">
                <a href="/" class="site-header__logo">
                    <img src="/Areas/Public/Content/images/logo.png" alt="Логотип Red Racing Group">
                </a>
            </div>
            <nav class="site-header__navigation navbar ">
                <div class="navbar__header">
                    <a href="/" class="navbar__header-logo"></a>

                    <button class="navicon-container">
                        <i class="fa fa-navicon fa-fw"></i>
                        <i class="fa fa-close fa-fw"></i>
                    </button>
                </div>
                <div class="navbar__items-list">
                    <a class="navbar__item" href="/#main_about">
                        <span class="icon-wrap">
                            <span class="icon icon--about"></span>
                        </span>
                        <span class="name">О нас</span>
                    </a>
                    <a class="navbar__item" href="/#main_school">
                        <span class="icon-wrap">
                            <span class="icon icon--school"></span>
                        </span>
                        <span class="name">Мотошкола</span>
                    </a>
                    
                    <a class="navbar__item" href="/#main_services">
                        <span class="icon-wrap">
                            <span class="icon icon--services"></span>
                        </span>
                        <span class="name">Услуги</span>
                    </a>
                    <a class="navbar__item" href="/motoservis">
                        <span class="icon-wrap">
                            <span class="icon icon--service"></span>
                        </span>
                        <span class="name">Сервис</span>
                    </a>
                    <a class="navbar__item" href="/#main_track">
                        <span class="icon-wrap">
                            <span class="icon icon--track"></span>
                        </span>
                        <span class="name">Трасса</span>
                    </a>
                    <a class="navbar__item" href="/#main_media">
                        <span class="icon-wrap">
                            <span class="icon icon--media"></span>
                        </span>
                        <span class="name">Медиа</span>
                    </a>
                    <a class="navbar__item" href="/public/videos/live">
                        <span class="icon-wrap">
                            <span class="icon icon--live"></span>
                        </span>
                        <span class="name">Live</span>
                    </a>
                    <a class="navbar__item" href="/#main_shop">
                        <span class="icon-wrap">
                            <span class="icon icon--shop"></span>
                        </span>
                        <span class="name">Магазин</span>
                    </a>
                    <a class="navbar__item" href="/#main_contacts">
                        <span class="icon-wrap">
                            <span class="icon icon--contacts"></span>
                        </span>
                        <span class="name">Контакты</span>
                    </a>
                    <a class="navbar__item" href="/public/basket">
                        <span class="icon-wrap">
                            
                            <span class="icon icon--buy-some-service"></span>
                        </span>
                        <span class="name">Оплата услуг</span>
                    </a>
                </div>
            </nav>
        </div>
        
<style>
    .banner-wrapper-fixed {
        text-align: center;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 999;
        background: white;
        padding-top: 0 !important;
    }

    @media only screen and (max-width: 600px) {
        .banner-wrapper-fixed {
            top: 65px;
        }
        .secondary .site-header:after {
            margin-top: 0 !important;
        }
    }

    .banner-fixed {
        color: #e20a04;
        text-decoration: none;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        background: white;
    }

    .head-title {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 0;
    }

    .head-icon {
        padding: 0 10px;
    }
</style>
<div class="carousel slide site-header__slides" id="banner" style="text-align:center;">
    <div class="head-title">
        <div class="head-icon">
            <a href="/public/basket" style="text-transform: uppercase; color: #e20a04; text-decoration: none; padding: 8px; font-size: 17px; font-weight: bold; background: black;">
                <span>Оплата услуг</span>
            </a>
        </div>
        <div class="head-icon">
            <a target="_blank" href="https://wa.me/79015177277" title="Начать чат по WatsApp">
                <img src="/images/ватцап.png" style="height:40px;" />
            </a>
        </div>
        <div class="head-icon">
            <a href="tel: +79015177277" title="Начать звонок">
                <img src="/images/звонок.png" style="height:40px;" />
            </a>
        </div>
        <div class="head-icon">
            <a target="_blank" href="/public/videos/live" title="Живая трансляция">
                <img src="/images/live.svg" style="height:40px;" />
            </a>
            
        </div>
        

    </div>
</div>


<script>
    $(function () {
        $(".carousel-item__read-more").each(function () {
            if ($(this).attr("href").indexOf("rrgshop") >= 0) {
                $(this).attr("href", "https://rrgshop.ru");
            }
        })

    });
    // When the user scrolls the page, execute myFunction
    window.onscroll = function () { myFunction() };

    // Get the navbar
    var navbar = document.getElementById("banner");

    // Get the offset position of the navbar
    var sticky = navbar.offsetTop;

    // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
    function myFunction() {
        if (window.pageYOffset >= 68) {
            navbar.classList.add("banner-wrapper-fixed")
        } else {
            navbar.classList.remove("banner-wrapper-fixed");
        }
    }
</script>

<style>
    .banner-wrapper-fixed{
        text-align: center;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 999;
        background:white;
        padding-top:0!important;
    }
    @media only screen and (max-width: 600px) {
        .banner-wrapper-fixed {
            top: 65px;
        }
    }
    .banner-fixed{
        color: #e20a04;
        text-decoration: none;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        background: white;
    }
    .head-title {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 0;
    }
    .head-icon {
        padding: 0 10px;
    }

</style>
<!--<div class="carousel slide site-header__slides" id="banner" style="text-align:center;">
    <div class="head-title">
        <div class="head-icon">
            <a href="/public/basket" style="text-transform: uppercase; color: #e20a04; text-decoration: none; padding: 8px; font-size: 17px; font-weight: bold; background: black;">
                <span>Оплата услуг</span>
            </a>
        </div>
        <div class="head-icon">
            <a target="_blank" href="https://wa.me/79015177277" title="Начать чат по WatsApp">
                <img src="/images/ватцап.png" style="height:40px;" />
            </a>
        </div>
        <div class="head-icon">
            <a href="tel: +79015177277" title="Начать звонок">
                <img src="/images/звонок.png" style="height:40px;" />
            </a>
        </div>
        <div class="head-icon">
            <a target="_blank" href="/public/videos/live" title="Живая трансляция">
                <img src="/images/live.svg" style="height:40px;" />
            </a>-->
            
        <!--</div>-->
        
        
    <!--</div>
</div>-->

<div id="carouselWithBanners" class="carousel slide site-header__slides" style="padding-top:0;">
    <div class="carousel-controls">
        <div class="container" style="display: flex; justify-content: end;">
            <a class="carousel-control-prev"
               href="#carouselWithBanners"
               role="button" data-slide="prev">
                <i class="fa fa-angle-left"></i>
                <span class="sr-only">Предыдуший</span>
            </a>
            <a class="carousel-control-next" style="margin-bottom: 0.4045rem; margin-left: 10px;"
               href="#carouselWithBanners"
               role="button" data-slide="next">
                <i class="fa fa-angle-right"></i>
                <span class="sr-only">Далее</span>
            </a>
        </div>
    </div>
    <ol class="carousel-indicators">
        <li data-target="#carouselWithBanners" data-slide-to="0" class="active"></li>
        <li data-target="#carouselWithBanners" data-slide-to="1"></li>
        <li data-target="#carouselWithBanners" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
                <div class="container">
                    <div class="carousel-caption">
                        <h3 class="carousel-item__title">
                            13–14 июня мотофестиваль!
                        </h3>
                        <div class="carousel-item__description">
                            В Москве пройдет один из крупнейших мотофестивалей!
                        </div>
                        <a href="/Public/MediaEvent/Detail/54" class="carousel-item__read-more">Подробнее</a>
                    </div>
                </div>
                <div class="carousel-item__image" style="background-image: url('/Files/GetImage/f20d251712d64924be9b911509dc4061?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');"></div>
            </div>
            <div class="carousel-item ">
                <div class="container">
                    <div class="carousel-caption">
                        <h3 class="carousel-item__title">
                            Записаться на тренировку
                        </h3>
                        <div class="carousel-item__description">
                            Выбирайте удобное время 
                        </div>
                        <a href="public/catalog/index/1#catalogSlider" class="carousel-item__read-more">Подробнее</a>
                    </div>
                </div>
                <div class="carousel-item__image" style="background-image: url('/Files/GetImage/7fa95e2d1b6d4f859f19af3fdf283bf4?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');"></div>
            </div>
            <div class="carousel-item ">
                <div class="container">
                    <div class="carousel-caption">
                        <h3 class="carousel-item__title">
                            Купить экипировку
                        </h3>
                        <div class="carousel-item__description">
                            Есть самое необходимое и возим под заказ
                        </div>
                        <a href="rrgshop" class="carousel-item__read-more">Подробнее</a>
                    </div>
                </div>
                <div class="carousel-item__image" style="background-image: url('/Files/GetImage/f34cbeeea0a74479bfab9ff2b23279c8?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');"></div>
            </div>
    </div>
</div>
<script>
    $(function() {
        $(".carousel-item__read-more").each(function () {
            if ($(this).attr("href").indexOf("rrgshop") >= 0) {
                $(this).attr("href", "https://rrgshop.ru");
            }
        })
        
    });
    // When the user scrolls the page, execute myFunction
    window.onscroll = function() {myFunction()};

    // Get the navbar
    var navbar = document.getElementById("banner");

    // Get the offset position of the navbar
    var sticky = navbar.offsetTop;

    // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
    function myFunction() {
      if (window.pageYOffset >= 68) {
        navbar.classList.add("banner-wrapper-fixed")
      } else {
        navbar.classList.remove("banner-wrapper-fixed");
      }
    }
</script>
</header>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<!-- <link rel="stylesheet" href="vendor/css/vendor.css"> -->
<script type="text/javascript">
    ymaps.ready(init);

    var myMap,
        myPlacemark;

    function init() {
        myMap = new ymaps.Map("map", {
            center: [55.75922698, 37.43260997],
            zoom: 16,
            controls: ["zoomControl"]
        });

        myPlacemark = new ymaps.Placemark(
            [55.75940847, 37.43470009],
            { hintContent: 'Red Racing Group', balloonContent: 'Red Racing Group в Крылатском' }
        );

        myMap.geoObjects.add(myPlacemark);
    }
</script>

<a name="main_school"></a>
<section class="section section--services section--school animated fadeIn">
    <h2 class="section__title animated second fadeInUp">Мотошкола</h2>
    <div class="container">
        <div class="row">
            <a href="/detskiy-motocross" class="service col-md-4 col-xl-2 animated third zoomIn">
                <div class="service__icon service__icon--education service__icon--kids"></div>
                <h3 class="service__name">Детский мотокросс</h3>
            </a>
            <a href="/motocross-school-moscow" class="service col-md-4 col-xl-2 animated third zoomIn">
                <div class="service__icon service__icon--education service__icon--school"></div>
                <h3 class="service__name">Школа мотокросса</h3>
            </a>
            <a href="/enduro-motocross" class="service col-md-4 col-xl-2 animated third zoomIn">
                <div class="service__icon service__icon--education service__icon--enduro"></div>
                <h3 class="service__name">Эндуро мотокросс</h3>
            </a>
            <a href="/freestyle-motocross" class="service col-md-4 col-xl-2 animated fourth zoomIn">
                <div class="service__icon service__icon--education service__icon--fmx"></div>
                <h3 class="service__name">FMX мотофристайл</h3>
            </a>
            <a href="/motoshkola" class="service col-md-4 col-xl-2 animated fourth zoomIn">
                <div class="service__icon service__icon--education service__icon--roadcross"></div>
                <h3 class="service__name">Дорожный мотоцикл</h3>
            </a>
            <a href="/ekstremalnoe-vozhdenie-mototsikla" class="service col-md-4 col-xl-2 animated fourth zoomIn">
                <div class="service__icon service__icon--education service__icon--extreeme"></div>
                <h3 class="service__name">Контраварийное вождение</h3>
            </a>
        </div>
    </div>
</section>
<link rel="apple-touch-icon" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
<style>
    .reg-success {
    }

    .tabs {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        background: white;
        padding: 10px;
        padding-bottom: 80px;
        width: 95%;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        min-width: 240px;
        overflow-x: auto;
    }

        .tabs input[name=tab-control] {
            display: none;
        }

        .tabs .content section h2,
        .tabs ul li label {
            background: red;
            color: #fff;
        }

        .tabs ul {
            list-style-type: none;
            padding-left: 0;
            display: flex;
            flex-direction: row;
            margin-bottom: 10px;
            justify-content: space-between;
            align-items: flex-end;
            flex-wrap: wrap;
        }

            .tabs ul li {
                box-sizing: border-box;
                flex: 1;
                width: 25%;
                padding: 0 10px;
                text-align: center;
            }

                .tabs ul li label {
                    transition: all 0.3s ease-in-out;
                    color: #fff;
                    padding: 10px 0;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: block;
                    cursor: pointer;
                    transition: all 0.2s ease-in-out;
                    white-space: nowrap;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                }

                    .tabs ul li label br {
                        display: none;
                    }

                    .tabs ul li label svg {
                        fill: #fff;
                        height: 1.2em;
                        vertical-align: bottom;
                        margin-right: 0.2em;
                        transition: all 0.2s ease-in-out;
                    }

                    .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
                        outline: 0;
                        color: #fff;
                    }

                        .tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
                            fill: #fff;
                        }

        .tabs .slider {
            position: relative;
            width: 25%;
            transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
        }

            .tabs .slider .indicator {
                position: relative;
                width: 50px;
                max-width: 100%;
                margin: 0 auto;
                height: 4px;
                background: #f00;
                border-radius: 1px;
            }

        .tabs .content {
            margin-top: 30px;
        }

            .tabs .content section {
                display: none;
                -webkit-animation-name: content;
                animation-name: content;
                -webkit-animation-direction: normal;
                animation-direction: normal;
                -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                line-height: 1.4;
            }

                .tabs .content section h2 {
                    color: #fff;
                    display: none;
                }

        .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
            cursor: default;
            color: #fff;
        }

            .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
                fill: #fff;
            }

    @media (max-width: 600px) {
        .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
            background: rgba(0, 0, 0, 0.08);
        }
    }

    .tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
        transform: translateX(0%);
    }

    .tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
        display: block;
    }

    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
        cursor: default;
        color: #fff;
    }

        .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
            fill: #f00;
        }

    @media (max-width: 600px) {
        .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
            background: rgba(0, 0, 0, 0.08);
        }
    }

    .tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
        transform: translateX(100%);
    }

    .tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
        display: block;
    }

    .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
        cursor: default;
        color: #fff;
    }

        .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
            fill: #f00;
        }

    @media (max-width: 600px) {
        .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
            background: rgba(0, 0, 0, 0.08);
        }
    }

    .tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
        transform: translateX(200%);
    }

    .tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
        display: block;
    }

    .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
        cursor: default;
        color: #fff;
    }

        .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
            fill: #f00;
        }

    @media (max-width: 600px) {
        .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
            background: rgba(0, 0, 0, 0.08);
        }
    }

    .tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
        transform: translateX(300%);
    }

    .tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
        display: block;
    }

    @-webkit-keyframes content {
        from {
            opacity: 0;
            transform: translateY(5%);
        }

        to {
            opacity: 1;
            transform: translateY(0%);
        }
    }

    @keyframes content {
        from {
            opacity: 0;
            transform: translateY(5%);
        }

        to {
            opacity: 1;
            transform: translateY(0%);
        }
    }

    @media (max-width: 1000px) {
        .tabs ul li label {
            white-space: initial;
        }

            .tabs ul li label br {
                display: initial;
            }

            .tabs ul li label svg {
                height: 1.5em;
            }
    }

    @media (max-width: 600px) {
        .tabs ul li label {
            padding: 5px;
        }

            .tabs ul li label span {
                display: none;
            }

        .tabs .slider {
            display: none;
        }

        .tabs .content {
            margin-top: 20px;
        }

            .tabs .content section h2 {
                display: block;
                text-align: center;
                font-size: 18px;
                font-weight: normal;
                padding: 10px;
            }
    }

    #statement, #protocol {
        text-align: center;
    }

        #statement a, #protocol a {
            color: red;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
        }

    .user-list {
        width: 100%;
        margin-top: 5px;
        border: red solid 1px;
    }

        .user-list thead {
            text-align: center;
        }

        .user-list tr {
            border: red solid 1px;
        }

        .user-list td {
            padding: 3px 5px;
            text-align: center;
        }
</style>
<style>
    .form {
        color: #000;
        width: 100%;
        max-width: 640px;
        font-family: Roboto;
        background: #fff;
        font-weight: 400;
        margin-right: auto;
        margin-left: auto;
    }

    .form-head {
        background: #FC0404;
        color: #fff;
        height: auto;
        min-height: 68px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
    }

    span .form-head {
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    .form-body {
        padding: 20px;
        border: solid 1px #FC0404;
    }

        .form-body .field {
            width: 100%;
        }

    .form .label {
        text-align: left;
        font-size: 14px;
        font-weight: normal;
    }

    .form input, .form select, .form textarea {
        border: solid 1px #FC0404;
        outline: none;
        width: 100%;
        height: 32px;
    }

    .form textarea {
        height: inherit;
    }

    .regbtn {
        background: #FC0404;
        color: #fff;
        margin-top: 20px;
        cursor: pointer;
    }

        .regbtn:hover {
            background: #f75555;
        }

    .form hr {
        color: red;
        border: none;
        margin: 20px auto;
        height: 1px;
        background: #fc0404;
        width: 80%;
    }

    .section-title {
        text-align: center;
        margin: 18px auto;
        font-size: 18px;
    }

    .reg-success h3 {
        text-align: center;
        color: green;
    }

    .event-select {
        width: 90% !important;
        border: solid white 1px !important;
        background: #FC0404 !important;
        color: white !important;
    }

        .event-select:focus-visible {
            outline: none;
        }

        .event-select option {
            background: white;
            color: #000;
        }
</style>
<!--<a name="main_contest"></a>
<section class="section section--services section--school animated fadeIn">
    <h2 class="section__title animated second fadeInUp">Соревнования</h2>
    <div class="container ">
        <div class="row">
            <div class="tabs">

                <input type="radio" id="tab1" name="tab-control" checked>
                <input type="radio" id="tab2" name="tab-control">
                <input type="radio" id="tab3" name="tab-control">
                <input type="radio" id="tab4" name="tab-control">
                <ul>
                    <li title="Features"><label for="tab1" role="button"><span>Форма регистрации</span></label></li>
                    <li title="Delivery Contents"><label for="tab2" role="button"><span>Табель участников</span></label></li>
                    <li title="Shipping"><label for="tab3" role="button"><span>Протоколы гонки</span></label></li>
                    <li title="Returns"><label for="tab4" role="button"><span>Положение о проведении</span></label></li>
                </ul>

                <div class="slider"><div class="indicator"></div></div>
                <div class="content">
                    <section>
                        <h3>Форма регистрации</h3>
                        <div class="reg-form">-->

<!--</div>
                    </section>
                    <section id="">
                        <h3>Табель участников</h3>
                        <div>
                            <div class="form-head">
                                <select class="event-select event-json" name="EventsRegister.ContestId" id="EventsRegister.ContestId" onchange="GetUsers($(this).val())">
                                </select>
                            </div>

                            <h4>Табель участников</h4>
                            <table class="user-list display" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>
                                            ФИО
                                        </th>
                                        <th>
                                            Город
                                        </th>
                                        <th>
                                            Мотоцикл
                                        </th>
                                        <th>
                                            Стартовый номер
                                        </th>
                                        <th>
                                            Возраст
                                        </th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </section>
                    <section>
                        <h3>Протоколы гонки</h3>
                        <div id="protocol">
                            <div class="form-head">
                                <select class="event-select event-json"  onchange="GetProtocolUrl($(this).val())">
                                </select>
                            </div>
                            <div id="protocols">
                            </div>
                        </div>
                    </section>
                    <section>
                        <h3>Положение о проведении</h3>
                        <div id="statement">
                            <div class="form-head">
                                <select class="event-select event-json" onchange="GetStatementUrl($(this).val())">
                                </select>
                            </div>
                            <div id="statements">
                            </div>
                        </div>
                    </section>
                    <script>
                        $(function () {
                            $.post("/basket/getcontestsjson?isAll=true")
                                .then(data => {

                                    if (!data.error) {
                                        data.forEach(x => {
                                            $(".event-json").append(`<option value="${x.ID}">${x.Title}</option>`);
                                        });
                                        $(".event-select").val($(".event-select option:eq(0)").val());
                                        var id = $(".event-select").val();
                                        GetUsers(id);
                                        GetStatementUrl(id);
                                        GetProtocolUrl(id);
                                    }
                                });

                        });
                        function GetStatementUrl(id) {
                            $("#statements div").remove();
                            $.get("/basket/GetStatementUrlJson?id=" + id)
                                .then(data => {
                                    if (!data.error) {
                                        console.log(data);

                                        data.list.forEach(x => {
                                            $("#statements").append(
                                                `<div><h4 class="statement-name">${x.title}</h4><a href='${x.url}'>Скачать</a></div>`
                                            );
                                        });
                                    }
                                });
                        }
                        function GetProtocolUrl(id) {
                            $("#protocols div").remove();
                            $.get("/basket/GetProtocolUrlJson?id=" + id)
                                .then(data => {

                                    if (!data.error) {
                                        console.log(data);
                                        data.list.forEach(x => {
                                            $("#protocols").append(
                                                `<div><h4 class="protocol-name">${x.title}</h4><a href='${x.url}'>Скачать</a></div>`
                                            );
                                        });
                                    }
                                });
                        }
                        function GetUsers(id) {
                            $.post("/basket/GetEventRegisterJson?id=" + id)
                                .then(data => {
                                    console.log(data);
                                    if (!data.error) {
                                        $(".user-list tbody tr").remove();
                                        data.forEach(motoclass => {
                                            $(".user-list tbody").append(
                                                `<tr>
                                                                            <td colspan='5' style='text-align: center;color: red;font-weight: bold;'>
                                                                                ${motoclass.MotoClass}
                                                                            </td>
                                                                        </tr>">`);
                                            motoclass.Records.forEach(record => {
                                                $(".user-list tbody").append(
                                                    `<tr>
                                                                                <td>${record.FullName}</td>
                                                                                <td>${record.City}</td>
                                                                                <td>${record.Motocicle}</td>
                                                                                <td>${record.StartNumber}</td>
                                                                                <td>${record.Age}</td>
                                                                            </tr>">`);
                                            });
                                        });
                                        //$('.user-list').DataTable();
                                    }
                                });
                        }
                    </script>
                </div>
            </div>
        </div>
    </div>
</section>-->



<a name="main_about"></a>
<section class="section section--about animated fadeIn">
    <h2 class="section__title animated second fadeInUp">О нас</h2>
    <div class="container">
        <div class="row">
            <section class="col-lg-6 section-mission">
                <h3 class="section-mission__title animated third fadeInUp">Наша миссия</h3>
                <blockquote class="section-mission__description animated third fadeInUp">
                    <p>История бренда RedRacingGroup (RRG) началась в 1999 году, когда профессионалы своего дела объединились, чтобы посвятить свою жизнь развитию автомотоспорта в нашей стране.</p>
                    <p>Вот уже более 17 лет мы развиваем мотоспорт на профессиональном и любительском уровнях, проводим соревнования и осуществляем консалтинг и строительство мотокроссовых трасс европейского уровня, проводим мастер-классы с мировыми специалистами и обучаем другие школы международным стандартам обучения.</p>
                    <p>Наша миссия – развивать популярность мотокросса в России и быть ведущей мотошколой, работающей по общепринятым международным стандартам.</p>
                </blockquote>
            </section>
            <section class="col-lg-6 section-links">
                <div class="row">
                    <div class="col-md-6 animated fourth fadeIn">
                        <a href="/rrgmoto-o-klube" class="section-links__link">
                            <figure class="section-links__link-image-wrap">
                                <img src="/Areas/Public/Content/images/about-club.jpg" alt="Фоточка" class="section-links__link-image">
                            </figure>
                            <span class="section-links__link-image-caption">Наш клуб</span>
                        </a>
                    </div>
                    <div class="col-md-6 animated fifth fadeIn">
                        <a href="/Public/Coaches" class="section-links__link">
                            <figure class="section-links__link-image-wrap">
                                <img src="/Areas/Public/Content/images/about-couch.jpg" alt="Фоточка" class="section-links__link-image">
                            </figure>
                            <span class="section-links__link-image-caption">Тренеры</span>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
</section>

<a name="main_services"></a>
<section class="section section--services animated fadeIn">
    <h2 class="section__title animated second fadeInUp">Услуги</h2>
    <div class="container">
        <div class="row">
            <a href="/motoservis" class="service col-md-4 animated third zoomIn">
                <div class="service__icon service__icon--tech-service"></div>
                <h3 class="service__name">Сервис</h3>
            </a>
            <a href="/arenda-treka" class="service col-md-4 animated fourth zoomIn">
                <div class="service__icon service__icon--rent"></div>
                <h3 class="service__name">Аренда трека</h3>
            </a>
            <a href="/stroitelstvo-mototrass" class="service col-md-4 animated fifth zoomIn">
                <div class="service__icon service__icon--construction"></div>
                <h3 class="service__name">Постройка трасс</h3>
            </a>
        </div>
    </div>
</section>

<a name="main_track"></a>
<section class="section section--track animated fadeIn">
    <div class="container-fluid">
        <div class="modal fade track-video-modal"
             id="trackVideo"
             tabindex="-1"
             role="dialog"
             aria-labelledby="trackVideoLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="trackModalLabel">Наш трек</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <iframe width="998" height="500" src="https://www.youtube.com/embed/nvOef6JbhvA" frameborder="0" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade track-video-modal"
             id="arrowsVideo"
             tabindex="-1"
             role="dialog"
             aria-labelledby="arrowsVideoLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="arrowsModalLabel">Секторы трассы</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <iframe width="998" height="561" src="https://www.youtube.com/embed/DzW3f5V512g" frameborder="0" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>

        <div id="carouselTrackPicture" class="carousel slide section--track__slides">
            <ol class="carousel-indicators">
                <li data-target="#carouselTrackPicture" data-slide-to="0" class="active"></li>
                <li data-target="#carouselTrackPicture" data-slide-to="1"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                    <div class="caption animated second zoomIn" data-toggle="modal" data-target="#trackVideo">
                        
                        <i class="fa fa-3x fa-play-circle-o"></i>
                        <h2 class="section__title">
                            Наша <em>трасса</em>
                        </h2>
                        
                    </div>
                    <div class="carousel-item__image" style="background-image: url('/Areas/Public/Content/images/track.jpg');"></div>
                </div>
                <div class="carousel-item">
                    <div class="caption animated second zoomIn" data-toggle="modal" data-target="#arrowsVideo">
                        
                        <i class="fa fa-3x fa-play-circle-o"></i>
                        <h2 class="section__title">
                            Секторы <em>трассы</em>
                        </h2>
                        
                    </div>
                    <div class="shutter"></div>
                    <div class="carousel-item__image" style="background-image: url('/Areas/Public/Content/images/track-scheme.jpg');"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<a name="main_media"></a>
<section class="section section--media animated fadeIn" id="sectionMedia">
    <div class="container-fluid">
        <h2 class="section__title animated second fadeInUp">Медиа</h2>
        <ul id="media-nav" class="nav nav-pills animated third fadeInUp">
            <li class="nav-item"><a class="nav-link" href="/Public/MediaNews">Новости</a></li>
            <li class="nav-item"><a class="nav-link" href="/Public/Photos">Фото</a></li>
            <li class="nav-item"><a class="nav-link" href="/Public/Videos">Видео</a></li>
            
        </ul>

        <div id="media-nav-content" class="tab-content animated fourth fadeInUp">
            <div class="tab-pane">
                
                <div class="row">
                    <script src="https://snapwidget.com/js/snapwidget.js"></script>
                    <!-- SnapWidget -->
                    <iframe src="https://snapwidget.com/embed/451486" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no"></iframe>
                    <!-- SnapWidget -->
                    <iframe src="https://snapwidget.com/embed/451478" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no"></iframe>
                    <!-- SnapWidget -->
                    <iframe src="https://snapwidget.com/embed/451490" class="snapwidget-widget snapwidget-widget--tall" allowTransparency="true" frameborder="0" scrolling="no"></iframe>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="section section--event" id="sectionEvents">
    <div class="container">
        <div id="eventSlider" class="carousel slide event-slider">
            <div class="carousel-inner" role="listbox">
                    <div class="carousel-item active">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="/Public/MediaEvent/Detail/54">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/f20d251712d64924be9b911509dc4061?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        13–14 июня мотофестиваль!
                                    </h3>
                                    <div class="event__date">5 июня 2026 г. – 5 июня 2027 г.</div>
                                    <div class="event__description">
                                        В Москве пройдет один из крупнейших мотофестивалей!
                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="06/05/2026"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="/Public/MediaEvent/Detail/54" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="public/catalog/index/1#catalogSlider">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/7fa95e2d1b6d4f859f19af3fdf283bf4?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        Записаться на тренировку
                                    </h3>
                                    <div class="event__date">19 декабря 2022 г. – 31 декабря 2022 г.</div>
                                    <div class="event__description">
                                        Выбирайте удобное время 
                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="12/19/2022"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="public/catalog/index/1#catalogSlider" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="rrgshop">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/f34cbeeea0a74479bfab9ff2b23279c8?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        Купить экипировку
                                    </h3>
                                    <div class="event__date">18 декабря 2022 г. – 31 декабря 2022 г.</div>
                                    <div class="event__description">
                                        Есть самое необходимое и возим под заказ
                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="12/18/2022"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="rrgshop" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="/Public/MediaEvent/Detail/25">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/002f35c7c7804fa89d038ca11159997a?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        Купить сертификат

                                    </h3>
                                    <div class="event__date">22 мая 2022 г. – 6 марта 2022 г.</div>
                                    <div class="event__description">
                                        Порадуйте близких новыми эмоциями

                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="05/22/2022"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="/Public/MediaEvent/Detail/25" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="/Public/MediaEvent/Detail/24">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/026a6726002c4fce83fba81e2d6d45a7?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        1 августа Долгожданный мастер класс с Максимом Назаровым
                                    </h3>
                                    <div class="event__date">20 октября 2021 г. – 25 февраля 2022 г.</div>
                                    <div class="event__description">
                                        
На этом мастерклассе вы познакомитесь с техникой старта и вспомните зачем нужно выбирать траектории !

                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="10/20/2021"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="/Public/MediaEvent/Detail/24" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="/Public/MediaEvent/Detail/22">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/72cffe7da57e49d5b5c6767e2c0ee3c1?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        19-20-21 июля Motocross camp с легендарным райдером
                                    </h3>
                                    <div class="event__date">20 октября 2021 г. – 20 января 2022 г.</div>
                                    <div class="event__description">
                                        Трех дневный мастеркласс с Августом Юстом  чемпионом Латвии, трёхкратным чемпионом Голландии и тренером мирового уровня 
                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="10/20/2021"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="/Public/MediaEvent/Detail/22" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="/Public/MediaEvent/Detail/23">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/649b90b4d0dd4d51a4aab9a6dcb38f34?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        Мастер класс по прыжкам 
                                    </h3>
                                    <div class="event__date">19 октября 2021 г. – 9 февраля 2022 г.</div>
                                    <div class="event__description">
                                        17 июля Павел Антонов проведет бесплатный мастер класс про прыжкам.
Теория и практика.
                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="10/19/2021"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="/Public/MediaEvent/Detail/23" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                        <div class="carousel-caption">
                            <div class="row">
                                <section class="event-about col-md-8">
                                    <a href="/Public/MediaEvent/Detail/18">
                                        <figure class="event__thumb"
                                                style="background-image: url('/Files/GetImage/5f3200a589824b2abff473e2ff8a89ea?width=&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=');">
                                        </figure>
                                    </a>
                                    <h3 class="event__title">
                                        Соревнования Мотокросс в Крылатском
                                    </h3>
                                    <div class="event__date">20 декабря 2020 г. – 26 марта 2021 г.</div>
                                    <div class="event__description">
                                        26 декабря
Возраст участников 4+
                                    </div>
                                </section>
                                <section class="event-countdown col-md-4">
                                    <h4 class="event-countdown__title">До события осталось:</h4>
                                    <table class="event-countdown__timer" data-datestr="12/20/2020"></table>
                                </section>
                            </div>
                            <div class="row-bottom">
                                <a href="/Public/MediaEvent/Detail/18" class="carousel-item__read-more">Подробнее</a>
                                
                            </div>
                        </div>
                    </div>

            </div>
            <div class="carousel-controls">
                <a class="carousel-control-prev"
                   href="#eventSlider"
                   role="button" data-slide="prev">
                    <i class="fa fa-angle-left"></i>
                    <span class="sr-only">Предыдущее событие</span>
                </a>
                <a class="carousel-control-next"
                   href="#eventSlider"
                   role="button" data-slide="next">
                    <i class="fa fa-angle-right"></i>
                    <span class="sr-only">Следующее событие</span>
                </a>
            </div>
        </div>
    </div>
</section>
<script type="text/javascript">
    var timers = $('.event-countdown__timer');
    $.each(timers, function (i, elem) {        
        var $table = $(elem);
        var dateVal = $table.data('datestr');
        $table.countdown(dateVal, function (event) {
            $(this).html(event.strftime('' +
                '<tr>' +
                '<td>' +
                '<div class="number days">%D</div>' +
                '<div class="interval-name">Дней</div>' +
                '</td>' +
                '<td>' +
                '<div class="number hours">%H</div>' +
                '<div class="interval-name">Часов</div>' +
                '</td>' +
                '<td>' +
                '<div class="number minutes">%M</div>' +
                '<div class="interval-name">Минут</div>' +
                '</td>' +
                '<td>' +
                '<div class="number seconds">%S</div>' +
                '<div class="interval-name">Секунд</div>' +
                '</td>' +
                '</tr>'));
        });

    });
</script>

<a name="main_shop"></a>
<section class="section section--shop animated fadeIn">
    <div class="container">
        <h2 class="section__title animated second fadeInUp">Интернет-магазин</h2>
        <a target="_blank" href="https://rrgshop.ru/" class="shop-picture-wrap animated third fadeInUp">
            <img src="/Areas/Public/Content/images/shop-pic.jpg" alt="Интернет-магазин">
        </a>
        <a target="_blank" href="https://rrgshop.ru/" class="go-to-shop-btn animated fourth fadeInUp">
            Перейти в магазин <i class="fa fa-fw fa-lg fa-angle-right"></i>
        </a>
    </div>
</section>
<section class="section section--partners animated fadeIn">
    <div class="container">
        <h2 class="section__title animated second fadeInUp">
            Наши <em>партнеры</em>
        </h2>
        <div class="row animated third fadeInUp">
                <a href="http://mxtshop.ru/" class="partner" title="MXT">
                    <img src="/Files/GetImage/ca1a017c43614aa6bc36be0af80ed0b7?width=150&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=" alt="MXT">
                </a>
                <a href="http://motogon.ru" class="partner" title="Motogon.ru">
                    <img src="/Files/GetImage/6167c88250e04eac980cc6154bf33c70?width=150&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=" alt="Motogon.ru">
                </a>
                <a href=" https://sevenmx.com/" class="partner" title="Seven">
                    <img src="/Files/GetImage/6898ca5074284967bd68a0c1e4dcd110?width=150&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=" alt="Seven">
                </a>
                <a href="https://lunda.ru/" class="partner" title="Lunda">
                    <img src="/Files/GetImage/16ee0a2500d5491187d709468200ead1?width=150&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=" alt="Lunda">
                </a>
                <a href="https://motoil.ru/?yclid=3591875485966273070" class="partner" title="Motul">
                    <img src="/Files/GetImage/628a2a0684144bbdbfc73df2b95ac3cb?width=150&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=" alt="Motul">
                </a>
                <a href="https://npc.ba" class="partner" title="БизнесАвтоматика">
                    <img src="/Files/GetImage/f65f7d9a9d1748bf8446bd22c95b42d7?width=150&amp;height=&amp;defImage=NoImage&amp;type=Crop&amp;anchor=" alt="БизнесАвтоматика">
                </a>
        </div>
    </div>
</section>

<section class="section section--map animated fadeIn">
    <div id="map"></div>
</section>

<script type="text/javascript">
    var $viewPort = $(window),
        $headerCarousel = $('#carouselWithBanners'),
        $eventCarousel = $('#eventSlider'),
        $trackCarousel = $('#carouselTrackPicture'),
        carouselsInit = function () {
            $headerCarousel.carousel();
            $eventCarousel.carousel();
            $trackCarousel.carousel();
            //$catalogCarousel.carousel();
        },
        playPauseCarousels = function () {
            if ($viewPort.width() < 768) {
                $headerCarousel.carousel('pause');
                $eventCarousel.carousel('pause');
                $trackCarousel.carousel('pause');
            } else {
                $headerCarousel.carousel('cycle');
                $eventCarousel.carousel('cycle');
                $trackCarousel.carousel('cycle');
            };
        };

    $(document).ready(function () {
        carouselsInit();
        playPauseCarousels();
    });

    $viewPort.on('resize', playPauseCarousels());

    $('body').addClass('home');

    var scrollController = new ScrollMagic.Controller({
        globalSceneOptions: { triggerHook: "onEnter" }
    });

    var aboutScene = new ScrollMagic.Scene({ triggerElement: '.section--about' })
        .setClassToggle(".section--about", "animate")
        .addTo(scrollController),
        servicesScene = new ScrollMagic.Scene({ triggerElement: '.section--services' })
            .setClassToggle(".section--services", "animate")
            .addTo(scrollController),
        trackScene = new ScrollMagic.Scene({ triggerElement: '.section--track' })
            .setClassToggle(".section--track", "animate")
            .addTo(scrollController),
        mediaScene = new ScrollMagic.Scene({ triggerElement: '.section--media' })
            .setClassToggle(".section--media", "animate")
            .addTo(scrollController),
        eventScene = new ScrollMagic.Scene({ triggerElement: '.section--event' })
            .setClassToggle(".section--event", "animate")
            .addTo(scrollController),
        shopScene = new ScrollMagic.Scene({ triggerElement: '.section--shop' })
            .setClassToggle(".section--shop", "animate")
            .addTo(scrollController),
        partnersScene = new ScrollMagic.Scene({ triggerElement: '.section--partners' })
            .setClassToggle(".section--partners", "animate")
            .addTo(scrollController),
        mapScene = new ScrollMagic.Scene({ triggerElement: '.section--map' })
            .setClassToggle(".section--map", "animate")
            .addTo(scrollController);
    catalogScene = new ScrollMagic.Scene({ triggerElement: '.section--catalog' })
        .setClassToggle(".section--catalog", "animate")
        .addTo(scrollController);
</script>

        <footer class="site-footer">
            <div class="container">
                <div class="row">
                    <section class="schedule col-lg-4">
                        <h4 class="title">Часы работы клуба мотокросс</h4>
                        <table>
                            <tr>
                                <td class="weekday">Понедельник</td>
                                <td colspan="3" class="info">регламентные работы</td>
                                
                            </tr>
                            <tr>
                                <td class="weekday">Вторник</td>
                                <td class="time-open">9.00</td>
                                <td class="time-divider">–</td>
                                <td class="time-close">21.00</td>
                            </tr>
                            <tr>
                                <td class="weekday">Среда</td>
                                <td class="time-open">9.00</td>
                                <td class="time-divider">–</td>
                                <td class="time-close">21.00</td>
                            </tr>
                            <tr>
                                <td class="weekday">Четверг</td>
                                <td class="time-open">9.00</td>
                                <td class="time-divider">–</td>
                                <td class="time-close">21.00</td>
                            </tr>
                            <tr>
                                <td class="weekday">Пятница</td>
                                <td class="time-open">9.00</td>
                                <td class="time-divider">–</td>
                                <td class="time-close">21.00</td>
                            </tr>
                            <tr>
                                <td class="weekday">Суббота</td>
                                <td class="time-open">9.00</td>
                                <td class="time-divider">–</td>
                                <td class="time-close">19.00</td>
                            </tr>
                            <tr>
                                <td class="weekday">Воскресенье</td>
                                <td class="time-open">9.00</td>
                                <td class="time-divider">–</td>
                                <td class="time-close">19.00</td>
                            </tr>
                        </table>
                    </section>

                    <section class="presentation-and-socialmedia col-lg-4">
                        <img src="/Areas/Public/Content/images/logo.png" alt="Логотип Red Racing Group" class="logo">
			<div>ООО "РРГ-мото", ИНН 7731602645</div>
                        <div class="socialmedia">
                            <a href="https://vk.com/rrgmoto1"><i class="fa fa-vk"></i></a>
                            
                            <a href="http://www.youtube.com/user/RRGmoto1"><i class="fa fa-youtube"></i></a>
                        </div>
                    </section>

                    

                    <section class="contacts col-lg-4">
                        <a name="main_contacts" id="main_contacts"></a>
                        
                        <div class="contacts__item contacts__item--email">
                            <div class="contacts__item-icon">
                                <i class="fa fa-fw fa-phone"></i>
                            </div>
                            <div class="contacts__item-wrap">
                                <a href="tel: +79015177277">+7 901 517–72–77</a>
                            </div>
                        </div>
                        <div class="contacts__item contacts__item--email">
                            <div class="contacts__item-icon">
                                <i class="fa fa-fw fa-envelope"></i>
                            </div>
                            <div class="contacts__item-wrap">
                                <a href="mailto: motoshkolarrg@yandex.ru">motoshkolarrg@yandex.ru</a>
                            </div>
                        </div>
                        <address class="contacts__item contacts__item--address">
                            <div class="contacts__item-icon">
                                <i class="fa fa-fw fa-map-marker"></i>
                            </div>
                            <div class="contacts__item-wrap">
                                <a href="/#map">
                                    Москва,&nbsp;ул.&nbsp;Крылатская,&nbsp;8&nbsp;стр.10<br>
                                    <em>стадион Технических видов спорта</em>
                                </a>
                            </div>
                        </address>
                        <div class="contacts__item contacts__item--email" style="float:right;">
                            <div class="contacts__item-wrap">
                                <a href="/confidential-policy">
                                    <small>Политика конфиденциальности</small>
                                </a>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </footer>
        <script type="text/javascript">
            var $viewPort = $(window),
                $navbar = $('.site-header__navigation'),
                $navbarHeader = $('.navbar__header'),
                $body = $('body');


            if ($viewPort.width() < 992) {
                $navbarHeader.on('click', function () {
                    $navbar.toggleClass('opened');
                });
            } else {
                $navbar.hover(function () {
                    $navbar.addClass('opened');
                }, function () {
                    $navbar.removeClass('opened');
                });
            }



            if (!$body.hasClass('home')) $body.addClass('secondary');
        </script>


        <script type="text/javascript">
            (function (d, w, c) { (w[c] = w[c] || []).push(function () { try { w.yaCounter151190 = new Ya.Metrika({ id: 151190, clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true }); } catch (e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");
        </script>
        <noscript>
            <div>
                <img src="https://mc.yandex.ru/watch/151190" style="position:absolute; left:-9999px;" alt="" />
            </div>
        </noscript>
        
            <script>
                $(function () {
                    if (window.innerHeight < 724) {
                        var itemHeight = (window.innerHeight - 80) / $(".navbar__item").length;

                        $(".navbar__item").css("height", itemHeight + "px");
                        $(".navbar__header").css("right", -(41 - itemHeight + 24) + "px");
                        $(".navbar__items-list").css("right", -(41 - itemHeight + 24) + "px");
                        $(".navbar__item .icon-wrap").css("height", itemHeight - 13 + "px");
                        $(".navbar__item .icon-wrap").css("width", itemHeight - 13 + "px");
                        $(".navbar__item .name").css("line-height", itemHeight - 13 + "px");
                    }
                })
            </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js" integrity="sha512-gY25nC63ddE0LcLPhxUJGFxa2GoIyA5FLym4UJqHDEMHjp8RET6Zn/SHo1sltt3WuVtqfyxECP38/daUc/WVEA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>