Your IP : 3.14.128.200
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<title>Бонусы и акции от наших партнёров: </title>
<style>
.loader {
background: #000;
background: radial-gradient(#222, #000);
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
}
.loader-inner {
bottom: 0;
height: 60px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.loader-line-wrap {
animation:
spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
;
box-sizing: border-box;
height: 50px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
transform-origin: 50% 100%;
width: 100px;
}
.loader-line {
border: 4px solid transparent;
border-radius: 100%;
box-sizing: border-box;
height: 100px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }
.loader-line-wrap:nth-child(1) .loader-line {
border-color: hsl(0, 80%, 60%);
height: 90px;
width: 90px;
top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
border-color: hsl(60, 80%, 60%);
height: 76px;
width: 76px;
top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
border-color: hsl(120, 80%, 60%);
height: 62px;
width: 62px;
top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
border-color: hsl(180, 80%, 60%);
height: 48px;
width: 48px;
top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
border-color: hsl(240, 80%, 60%);
height: 34px;
width: 34px;
top: 35px;
}
@keyframes spin {
0%, 15% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.crumps {
float: left;
width: 100%;
font: 18px/22px 'MuseoSansCyrl-300';
margin-top: 30px;
margin-bottom: 45px;
}
.crumps ul {
width: 100%;
}
.crumps li {
float: left;
color: #9A9999;
}
.crumps li a {
display: inline-block;
}
.wraper {
overflow: hidden;
width: 100%;
}
.content {
width: 100%;
max-width: 1540px;
margin: 0 auto;
padding: 0px 15px;
box-sizing: border-box; }
@media (min-width: 576px) {
.content {
max-width: 540px; } }
@media (min-width: 768px) {
.content {
max-width: 720px; } }
@media (min-width: 992px) {
.content {
max-width: 960px; } }
@media (min-width: 1200px) {
.content {
max-width: 1140px; } }
@media (min-width: 1600px) {
.content {
max-width: 1566px; } }
.header {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
min-height: 80px;
z-index: 3;
}
.fixed{
position: fixed !important;
background: #000000;
}
.fixed .sendvico{
display: none !important;
}
.fixed .tel{
margin-right: 4.95%;
}
@media (max-width: 992px) {
.fixed .header_right {
width: 100%;
margin-bottom: 15px;
justify-content: center !important;
}
}
.header .logo_line {
float: left;
margin-top: 20px;
text-align: center;
}
.header .logo_line a {
display: inline-block;
max-width: 100%;
}
.header .logo_line a img {
max-width: 100%;
}
.header .sity_line {
float: left;
margin-left: 5.56%;
margin-top: 15px;
}
@media (max-width: 992px) {
.header .sity_line {
margin-left: 0px;
float: right;
}
}
.header .sity_line a {
display: inline-block;
font: 24px/40px 'MuseoSansCyrl-300';
color: white;
}
.header .sity_line a b {
display: inline-block;
border-bottom: 1px solid #ffffff;
height: 34px;
}
.header .sity_line a span {
display: inline-block;
margin-left: 12px;
height: 7.41px;
margin-top: 19.29px;
}
.header .sity_line a span img {
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.header_right {
float: right;
width: 39.19%;
display: flex;
justify-content: space-between;
}
@media (max-width: 1600px) {
.header_right {
width: 49.19%;
}
}
@media (max-width: 1200px) {
.header_right {
width: 59.19%;
}
}
@media (max-width: 992px) {
.header_right {
width: 100%;
margin-bottom: 15px;
}
}
.header_right .sendvico_block {
display: block;
position: relative;
}
.header_right .sendvico_block .pod_menu {
width: 300px;
position: absolute;
right: 0px;
top: 100%;
padding: 20px 0px;
border: 1px solid #F9C801;
box-sizing: border-box;
border-radius: 5px;
padding-left: 70px;
background: rgba(0, 0, 0, 0.4);
display: none;
}
.header_right .sendvico_block .pod_menu ul {
width: 100%;
}
.header_right .sendvico_block .pod_menu ul li {
width: 100%;
font: 24px/50px 'MuseoSansCyrl-300';
color: #FFFDFD;
}
.header_right .sendvico_block .pod_menu ul li:hover {
color: #F9C801;
}
.header_right .sendvico {
display: block;
width: 29px;
margin-top: 31px;
position: relative;
}
.header_right .sendvico span {
display: block;
width: 100%;
height: 3px;
background: #ffffff;
margin-bottom: 5px;
}
.header_right .sendvico span:nth-last-child(1) {
margin-bottom: 0px;
}
.header_right .tel {
display: block;
font: 24px/41px 'MuseoSansCyrl-500';
color: #ffffff;
margin-top: 17px;
position: relative;
padding-left: 56px;
}
@media (max-width: 552px) {
.header_right .tel {
display: none;
}
}
.header_right .tel span {
display: block;
position: absolute;
left: 0px;
top: 0px;
}
.header_right .button {
display: block;
width: 210px;
height: 40px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
font: 18px/40px 'MuseoSansCyrl-300';
color: white;
border: 1px solid #F9C801;
margin-top: 18px;
text-align: center;
}
.black {
background: #000000;
}
.action_detail {
width: 100%;
}
.action_detail .zag {
float: left;
width: 100%;
font: 36px/43px 'MuseoSansCyrl-500';
text-align: center;
margin-bottom: 40px;
}
.action_detail_block {
width: 100%;
flex-wrap: wrap;
display: flex;
}
@media (max-width: 1200px) {
.action_detail_block {
display: block;
}
}
.action_detail_block_img {
flex-basis: 32.66%;
justify-content: center;
align-items: center;
display: flex;
}
@media (max-width: 1200px) {
.action_detail_block_img {
display: block;
width: 100%;
text-align: center;
float: left;
}
}
.action_detail_block_img span {
display: inline-block;
position: relative;
border-radius: 10px;
overflow: hidden;
max-width: 100%;
}
.action_detail_block_img span img {
max-width: 100%;
}
.action_detail_block_img span a {
display: block;
position: absolute;
right: -6.52%;
top: 0px;
}
.action_detail_block_text {
display: flex;
flex-basis: 46.36%;
float: left;
}
@media (max-width: 1200px) {
.action_detail_block_text {
display: block;
width: 100%;
text-align: center;
}
}
.action_detail_block_text .text_block {
width: 100%;
box-sizing: border-box;
padding-left: 48px;
}
@media (max-width: 1200px) {
.action_detail_block_text .text_block {
display: inline-block;
max-width: 712px;
text-align: left;
padding: 0px 15px;
}
}
.action_detail_block_text .text_block h3 {
width: 100%;
font: 29px/35px 'MuseoSansCyrl-500';
margin-bottom: 15px;
color: #14C947;
}
.action_detail_block_text .text_block .data_line {
width: 100%;
margin-bottom: 22px;
}
.action_detail_block_text .text_block .data_line p {
display: inline-block;
font: 18px/22px 'MuseoSansCyrl-500';
background: rgba(249, 200, 1, 0.56);
border-radius: 10px;
padding: 9px 0px;
padding-left: 25px;
padding-right: 20px;
width: auto;
margin: 0px;
}
.action_detail_block_text .text_block p {
width: 100%;
font: 18px/22px 'MuseoSansCyrl-300';
margin-bottom: 22px;
}
</style>
<noscript>
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="css/style.css">
</noscript>
</head>
<body>
<div class="wraper">
<header class="header black">
<div class="content">
<div class="logo_line">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>
<div class="sity_line">
<a href="javascript:void(0)"><b>Москва</b><span><img src="img/arrow_down.png" alt=""></span></a>
</div>
<div class="header_right">
<a href="javascript:void(0)" class="button open_ring">Обратный звонок</a>
<a href="tel:+7(968)1958786" class="tel"><span><img src="img/tel.png" alt=""></span>+7(968)195-87-86</a>
<div class="sendvico_block">
<a href="javascript:void(0)" class="sendvico">
<span></span>
<span></span>
<span></span>
</a>
<div class="pod_menu">
<ul>
<li><a href="javascript:void(0)">Стили танцев</a></li>
<li><a href="javascript:void(0)">Адреса залов</a></li>
<li><a href="javascript:void(0)">Преподаватели</a></li>
<li><a href="javascript:void(0)">Детские танцы</a></li>
<li><a href="javascript:void(0)">Контакты</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<section class="section action_detail">
<div class="content">
<div class="crumps">
<ul>
<li><a href="javascript:void(0)">Главная</a><span>/</span></li>
<li><a href="javascript:void(0)">Акции</a></li>
</ul>
<h3 class="zag">Бонусы и акции от наших партнёров: </h3>
<div class="action_detail_block">
<div class="action_detail_block_img">
<span>
<a href="javascript:void(0)"><img src="img/action_logo_detail.png" alt=""></a>
<img src="img/action_img_big.jpg" alt="">
</span>
</div>
<div class="action_detail_block_text">
<div class="text_block">
<h3>Скидка - 50% на пиццу в сети ДоДо Пицца</h3>
<div class="data_line">
<p>с 10.12. 19 по 1.02. 20 г</p>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Praesent tristique magna sit amet purus
gravida quis. Hac habitasse platea dictumst quisque. Dui ut ornare lectus sit amet est
placerat in. Vel orci porta non pulvinar. Orci sagittis eu volutpat odio facilisis
mauris sit. Nullam non nisi est sit amet. Senectus et netus et malesuada fames ac turpis
egestas sed. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius.
Blandit massa enim nec dui nunc mattis. Suspendisse potenti nullam ac tortor vitae purus
faucibus ornare. Platea dictumst quisque sagittis purus sit. Accumsan in nisl nisi
scelerisque eu ultrices vitae auctor eu. Id aliquet lectus proin nibh. Aliquet nibh
praesent tristique magna sit amet purus gravida. Sodales ut etiam sit amet nisl. Aliquam
ultrices sagittis orci a.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Praesent tristique magna sit amet purus
gravida quis. Hac habitasse platea dictumst quisque. Dui ut ornare lectus sit amet est
placerat in. Vel orci porta non pulvinar. Orci sagittis eu volutpat odio facilisis
mauris sit. Nullam non nisi est sit amet. Senectus et netus et malesuada fames ac turpis
egestas sed. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius.
Blandit massa enim nec dui nunc mattis. Suspendisse potenti nullam ac tortor vitae purus
faucibus ornare. Platea dictumst quisque sagittis purus sit. Accumsan in nisl nisi
scelerisque eu ultrices vitae auctor eu. Id aliquet lectus proin nibh. Aliquet nibh
praesent tristique magna sit amet purus gravida. Sodales ut etiam sit amet nisl. Aliquam
ultrices sagittis orci a.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="section_discount">
<div class="content">
<h3 class="zag">Другие акции</h3>
</div>
<div class="about_slider_line">
<div class="about_slider">
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo1.png" alt=""></a>
<img data-src="img/about_img1.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo2.png" alt=""></a>
<img data-src="img/about_img2.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo1.png" alt=""></a>
<img data-src="img/about_img1.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo2.png" alt=""></a>
<img data-src="img/about_img2.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo2.png" alt=""></a>
<img data-src="img/about_img2.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo1.png" alt=""></a>
<img data-src="img/about_img1.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo2.png" alt=""></a>
<img data-src="img/about_img2.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo1.png" alt=""></a>
<img data-src="img/about_img1.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo2.png" alt=""></a>
<img data-src="img/about_img2.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide_block">
<a href="javascript:void(0)" class="logo"><img data-src="img/about_logo2.png" alt=""></a>
<img data-src="img/about_img2.jpg" alt="">
<div class="text_block">
<div class="sale">
<b>Скидка</b><span>-50%</span>
</div>
<p>
На пиццу в сети ДоДо Пицца
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="content">
<div class="logo_block">
<div class="block">
<a href="index.html"><img data-src="img/logo_f.png" alt=""></a>
<p>© 1996-2019. Все права защищены.</p>
</div>
</div>
<div class="nav_bkock">
<nav class="nav">
<ul>
<li><a href="javascript:void(0)">Стили танцев</a></li>
<li><a href="javascript:void(0)">
Классические и <span>современные танцы</span>
</a></li>
<li><a href="javascript:void(0)">Клубные и уличные танцы</a></li>
<li><a href="javascript:void(0)">Народные (этнические) танцы</a></li>
<li><a href="javascript:void(0)">Парные танцы</a></li>
<li><a href="javascript:void(0)">Фитнес направления</a></li>
</ul>
<ul>
<li><a href="javascript:void(0)">Адреса залов</a></li>
<br>
<li><a href="javascript:void(0)">Преподаватели </a></li>
<br>
<li><a href="javascript:void(0)">Детские танцы</a></li>
<br>
<li><a href="javascript:void(0)">Контакты</a></li>
</ul>
</nav>
</div>
<div class="contact_block">
<div class="block">
<a href="tel:+7(968)1958786" class="tel">+7(968)195-87-86</a>
<div class="button_line">
<a href="javascript:void(0)" class="open_ring">Обратный звонок</a>
</div>
<div class="soc_line">
<div class="block">
<a href="javascript:void(0)" target="_blank"><img data-src="img/soc1_f.png" alt=""></a>
<a href="javascript:void(0)" target="_blank"><img data-src="img/soc2_f.png" alt=""></a>
<a href="javascript:void(0)" target="_blank"><img data-src="img/soc3_f.png" alt=""></a>
<a href="javascript:void(0)" target="_blank"><img data-src="img/soc4_f.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="fon">
<div class="popap_sale popap">
<a href="javascript:void(0)" class="close"></a>
<h3>Спасибо!</h3>
<div class="sale_line">
<h4>Скидка 20% уже Ваша!</h4>
<p>
<span>Мы свяжемся с Вами в ближайшее время</span>
и ответим на все вопросы.
</p>
</div>
</div>
<div class="popap_ring popap">
<a href="javascript:void(0)" class="close"></a>
<div class="popap_img">
</div>
<div class="poopap_text">
<h3>Поможем определиться с выбором</h3>
<h3>Оставьте заявку и получите <span>скидку 20%</span></h3>
<div class="form_line">
<form action="javascript:void(0)" method="post">
<div class="input_block">
<input id="tel" type="tel" placeholder="(968)195-87-86">
</div>
<input type="submit" id="submit" value="">
</form>
</div>
<p><span>Нажимая кнопку “Заказать звонок”, Вы даёте согласие</span>на обработку Персональных данных</p>
</div>
</div>
<div class="popap_record popap">
<a href="javascript:void(0)" class="close"></a>
<h3 class="zag">Запись на занятие</h3>
<div class="teacher_line">
<div class="icon_block">
<span class="gray">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.999 0C11.2149 0 0 11.215 0 25C0 38.785 11.2149 50 24.999 50C38.7841 50 50 38.785 50 25C50 11.215 38.7841 0 24.999 0ZM24.999 46.7212C13.0225 46.7212 3.27875 36.977 3.27875 25C3.27875 13.0229 13.0224 3.27888 24.999 3.27888C36.977 3.27888 46.721 13.023 46.721 25C46.7211 36.977 36.977 46.7212 24.999 46.7212Z"
fill="#14C947"/>
<path d="M24.5376 15.7463C25.7446 15.7463 26.7236 14.7673 26.7236 13.5601C26.7236 12.353 25.7446 11.374 24.5376 11.374C23.3296 11.374 22.3516 12.353 22.3516 13.5601C22.3516 14.7673 23.3296 15.7463 24.5376 15.7463Z"
fill="#14C947"/>
<path d="M28.0107 34.9482H26.6396V19.3204C26.6396 18.415 25.9057 17.6809 25.0005 17.6809H21.9887C21.0835 17.6809 20.3496 18.415 20.3496 19.3204C20.3496 20.2258 21.0835 20.9598 21.9887 20.9598H23.3609V34.9482H21.9887C21.0835 34.9482 20.3496 35.6822 20.3496 36.5875C20.3496 37.4928 21.0835 38.2269 21.9887 38.2269H28.0107C28.9165 38.2269 29.6504 37.4928 29.6504 36.5875C29.6504 35.6822 28.9165 34.9482 28.0107 34.9482Z"
fill="#14C947"/>
</svg>
</span>
</div>
<div class="teacher_block">
<div class="foto_block">
<span><img data-src="img/prepod.jpg" alt=""></span>
<div class="star_line">
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
</div>
</div>
<h3>Анастасия Каменских</h3>
</div>
</div>
<form action="javascript:void(0)" method="post">
<div class="input_wrap">
<div class="input_line">
<p>Возраст:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" placeholder="15">
</div>
</div>
<div class="input_line">
<p>Стиль танца:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" placeholder="" value="Хип - Хоп">
</div>
</div>
<div class="input_line">
<p>Адрес:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" placeholder="" value="Комендантовская ул., 30">
</div>
</div>
<div class="input_line">
<p>Расписание:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" class="time open_time" placeholder="Пн: 19:30 - 20:30">
</div>
</div>
<div class="input_line">
<p>Дата пробного урока:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" class="time open_time" placeholder="Пн: 19:30 - 20:30">
</div>
</div>
<div class="input_line">
<p>Ваше имя:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" placeholder="Введите имя">
</div>
</div>
<div class="input_line">
<p>Ваше фамилия:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="text" placeholder="Введите фамилию">
</div>
</div>
<div class="input_line tel_line">
<p><span>Телефон для</span>
подтверждения записи:</p>
<div class="input_box">
<p class="error_masege">Поле обязатено к заполнению</p>
<input type="tel" placeholder="+ 7 ( ) _________ ">
</div>
</div>
<div class="info_line">
<p>На этот номер вы получите SMS с кодом подтверждения и
информацию о записи</p>
</div>
</div>
<div class="action_line">
<div class="img_block">
<img data-src="img/action.png" alt="">
</div>
<div class="left_block">
<p class="help_block">
<span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.95066 4.84132C8.69076 4.84132 9.13538 5.2361 9.13538 5.90203C9.13538 7.11148 6.97648 7.44485 6.97648 8.9127C6.97648 9.30748 7.23488 9.73894 7.76563 9.73894C8.57991 9.73894 8.48141 9.13441 8.77769 8.70215C9.17207 8.12275 11.0108 7.50586 11.0108 5.90163C11.0108 4.16262 9.45679 3.43408 7.87728 3.43408C6.37275 3.43408 4.99023 4.50755 4.99023 5.71701C4.99023 6.21028 5.36069 6.46947 5.79255 6.46947C6.98844 6.46987 6.37195 4.84132 7.95066 4.84132Z"
fill="#14C947"/>
<path d="M8.82606 11.5534C8.82606 10.9979 8.36948 10.5417 7.8144 10.5417C7.25932 10.5417 6.80273 10.9987 6.80273 11.5534C6.80273 12.1089 7.25932 12.5651 7.8144 12.5651C8.36948 12.5651 8.82606 12.1089 8.82606 11.5534Z"
fill="#14C947"/>
<path d="M16 8C16 3.58887 12.4111 0 8 0C3.58887 0 0 3.58887 0 8C0 12.4111 3.58887 16 8 16C12.4111 16 16 12.4115 16 8ZM0.797528 8C0.797528 4.02871 4.02871 0.797528 8 0.797528C11.9713 0.797528 15.2025 4.02871 15.2025 8C15.2025 11.9713 11.9713 15.2025 8 15.2025C4.02871 15.2025 0.797528 11.9713 0.797528 8Z"
fill="#14C947"/>
</svg>
</span>
На данную группу есть акция
</p>
<p class="check_block check">
<a href="javascript:void(0)"></a>
Хочу воспользоваться
</p>
</div>
<div class="right_block">
<p>Цена абонемента:<span>200</span><span class="old">300</span></p>
<p>Цена абонемента:<span>2000</span><span class="old">3000</span></p>
</div>
</div>
<div class="submit_line">
<input type="submit" id="submit2" value="Записаться">
</div>
</form>
<div class="info_line">
<p>Нажимая «Записаться», я принимаю <a href="javascript:void(0)">условия пользовательского соглашения,
положения о защите персональных
данных</a> и даю свое <a href="javascript:void(0)">согласие на обработку персональных данных.</a>
</p>
</div>
</div>
<div class="time_popap popap">
<a href="javascript:void(0)" class="close2"></a>
<h3 class="zag">Запись на занятие</h3>
<div class="prepod">
<div class="foto_block">
<div class="avatar">
<span><img data-src="img/prepod.jpg" alt=""></span>
</div>
<div class="star_line">
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
</div>
</div>
<div class="text_block">
<h3>Анастасия Каменских</h3>
<p>Адрес: Малый Татарский пер., 8</p>
<p>Метро: Преображенская площадь</p>
</div>
</div>
<div class="data_line">
<div class="data_slider">
<div class="slide">
<p data-data="Пн, 2 декабря">Пн, 2 дек.</p>
</div>
<div class="slide">
<p data-data="Вт, 3 декабря">Вт, 3 дек.</p>
</div>
<div class="slide">
<p data-data="Ср, 4 декабря">Ср, 4 дек.</p>
</div>
<div class="slide">
<p data-data="Чт, 5 декабря">Чт, 5 дек.</p>
</div>
<div class="slide">
<p data-data="Пт, 6 декабря">Пт, 6 дек.</p>
</div>
<div class="slide">
<p data-data="Сб, 7 декабря">Сб, 7 дек.</p>
</div>
<div class="slide">
<p data-data="Вс, 8 декабря">Вс, 8 дек.</p>
</div>
</div>
</div>
<div class="scroll scroll_time">
<div class="time_line">
<div class="slider_time">
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
<div class="slide">
<p class="slide_block">9:00 - 10:00</p>
<p class="slide_block">10:00 - 11:00</p>
<p class="slide_block">11:00 - 12:00</p>
<p class="slide_block">12:00 - 13:00</p>
<p class="slide_block">13:00 - 14:00</p>
<p class="slide_block">14:00 - 15:00</p>
<p class="slide_block">15:00 - 16:00</p>
<p class="slide_block">16:00 - 17:00</p>
<p class="slide_block">17:00 - 18:00</p>
<p class="slide_block">18:00 - 19:00</p>
<p class="slide_block">20:00 - 21:00</p>
<p class="slide_block">21:00 - 22:00</p>
</div>
</div>
</div>
</div>
</div>
<div class="thanks_popap popap">
<a href="javascript:void(0)" class="close"></a>
<h3 class="zag">Спасибо!</h3>
<p class="pod_zag">Вы записаны к преподователю:</p>
<div class="prepod">
<div class="foto_block">
<div class="foto">
<span><img data-src="img/prepod.jpg" alt=""></span>
<div class="star_line">
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)" tabindex="0"><img data-src="img/star.png" alt=""></a>
</div>
</div>
</div>
<div class="text_block">
<h3 class="name">Анастасия Каменских</h3>
<p>Адрес: Комендантовская ул., 30</p>
<p>Метро: Преображенская площадь</p>
<div class="data_line">
<div class="data_block">
<h4>Время и дата:</h4>
<p>
<span id="popap_data">Пн, 2 декабря,</span>
<span id="popap_time">10:00 - 11:00</span>
</p>
</div>
</div>
</div>
</div>
<div class="popap_footer">
<h3>
Мы свяжемся с Вами в ближайшее время
<span>чтобы подтвердить запись.</span>
</h3>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.maskedinput.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/script.js"></script>
<script>
$(document).ready(function() {
$("head").append("<link rel='stylesheet' type='text/css' href='css/style.css' />");
$("head").append("<link rel='stylesheet' type='text/css' href='css/jquery.mCustomScrollbar.min.css' />");
})
</script>
<div class="loader">
<div class="loader-inner">
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
<div class="loader-line-wrap">
<div class="loader-line"></div>
</div>
</div>
</div>
</body>
</html>