Your IP : 3.142.114.145
<!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);
}
}
.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;
}
}
.fon {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: -1;
opacity: 0;
}
.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%;
}
.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%;
}
}
.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;
}
.timetable {
width: 100%;
}
.timetable .filter_wrap {
float: left;
width: 100%;
min-height: 389px;
background: #F1F1F1;
}
.timetable .filter_wrap .zag {
float: left;
width: 100%;
font: 36px/43px 'MuseoSansCyrl-500';
margin-top: 25px;
text-align: center;
margin-bottom: 32px;
}
.timetable .filter_wrap .zag small {
display: block;
width: 100%;
font: 18px/22px 'MuseoSansCyrl-300';
}
.timetable .filter_wrap .button_line {
float: left;
width: 100%;
text-align: center;
margin-bottom: 35px;
}
.timetable .filter_wrap .button_line a {
display: inline-block;
width: 255px;
background: #9A9999;
border-radius: 5px 5px 0px 0px;
font: 24px/35px 'MuseoSansCyrl-300';
text-align: center;
box-sizing: border-box;
}
@media (max-width: 539px) {
.timetable .filter_wrap .button_line a {
float: left;
width: 50%;
}
}
@media (max-width: 360px) {
.timetable .filter_wrap .button_line a {
font-size: 20px;
}
}
.timetable .filter_wrap .button_line .action {
background: #F9C801;
border-bottom: 1px solid #9A9999;
height: 35px;
}
.timetable .filter_wrap form {
float: left;
width: 100%;
}
.timetable .filter_wrap .select_line {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 29px;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .select_line {
display: block;
}
}
.timetable .filter_wrap .select_line .select_block {
float: left;
width: 25%;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .select_line .select_block {
width: 50% !important;
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.timetable .filter_wrap .select_line .select_block {
width: 100% !important;
text-align: center;
}
}
.timetable .filter_wrap .select_line .select_block:nth-child(1) {
width: 16.27%;
}
.timetable .filter_wrap .select_line .select_block:nth-child(1) .select {
max-width: 250px;
text-align: left;
}
.timetable .filter_wrap .select_line .select_block:nth-child(1) .select .option {
padding-left: 0px;
text-align: center;
padding-top: 21px;
padding-bottom: 20px;
}
.timetable .filter_wrap .select_line .select_block:nth-child(1) .select .option .scroll {
height: 610px;
}
.timetable .filter_wrap .select_line .select_block:nth-child(1) .select .option .scroll li {
line-height: 30px;
}
.timetable .filter_wrap .select_line .select {
position: relative;
display: inline-block;
max-width: 384px;
width: 100%;
height: 40px;
background: #F1F1F1;
border: 1px solid #9A9999;
box-sizing: border-box;
border-radius: 5px;
}
.timetable .filter_wrap .select_line .select .option {
position: absolute;
left: 0px;
top: 39px;
padding: 40px 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 0px;
padding-left: 39px;
box-sizing: border-box;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
border-radius: 0px 0px 5px 5px;
background: #F1F1F1;
border: 1px solid #9A9999;
text-align: left;
width: 100%;
opacity: 0;
z-index: -1;
}
.timetable .filter_wrap .select_line .select .option .scroll {
width: 100%;
height: 480px;
overflow: hidden;
}
.timetable .filter_wrap .select_line .select .option .scroll .mCSB_scrollTools {
width: 10px;
right: 17px;
}
.timetable .filter_wrap .select_line .select .option .scroll .mCSB_scrollTools:after {
content: '';
position: absolute;
top: 0px;
height: 100%;
width: 4px;
background: #DFDFDF;
border-radius: 3px;
left: 50%;
margin-left: -1px;
}
.timetable .filter_wrap .select_line .select .option .scroll .mCSB_dragger_bar {
width: 10px !important;
height: 25px !important;
background: #C4C4C4 !important;
border-radius: 3px !important;
}
.timetable .filter_wrap .select_line .select .option .scroll ul {
width: 100%;
}
.timetable .filter_wrap .select_line .select .option .scroll ul li {
font: 18px/40px 'MuseoSansCyrl-300';
width: 100%;
}
.timetable .filter_wrap .select_line .select .option .scroll ul li h3 {
color: #14C947;
text-align: left;
width: 100%;
line-height: 29px;
}
.timetable .filter_wrap .select_line .select .option .scroll ul li h3 span {
display: block;
width: 100%;
color: inherit;
}
.timetable .filter_wrap .select_line .select .option .scroll ul li a span {
display: inline-block;
height: 32px;
}
.timetable .filter_wrap .select_line .select .option .scroll ul .cheng {
color: #9A9999;
}
.timetable .filter_wrap .select_line .select .option .scroll ul .cheng span {
border-bottom: 1px solid #9A9999;
}
.timetable .filter_wrap .select_line .select:after {
content: '';
width: 12px;
height: 7.41px;
background: url("img/arrow_select.png") center;
position: absolute;
right: 22px;
top: 17.3px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.timetable .filter_wrap .select_line .select input {
width: 100%;
box-sizing: border-box;
padding-left: 30px;
font: 18px/22px 'MuseoSansCyrl-300';
height: 40px;
background: none;
}
.timetable .filter_wrap .select_line .open:after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.timetable .filter_wrap .checkbox_wrap {
float: left;
width: 100%;
text-align: center;
margin-bottom: 36px;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line {
display: inline-flex;
width: 100%;
max-width: 1387px;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .checkbox_wrap .checkbox_line {
display: block;
text-align: center;
}
}
@media(max-width: 768px){
.timetable .filter_wrap .checkbox_wrap{
display: none;
}
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .checkbox {
display: inline-block;
position: relative;
}
@media (max-width: 590px) {
.timetable .filter_wrap .checkbox_wrap .checkbox_line .checkbox {
width: 100%;
max-width: 255px;
text-align: left;
}
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .checkbox input {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
z-index: -1;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .checkbox a {
display: inline-block;
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 15px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #C4C4C4;
position: relative;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .checkbox_wrap .checkbox_line .checkbox a {
margin-left: 20px;
}
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .checkbox p {
display: inline-block;
font: 18px/22px 'MuseoSansCyrl-300';
color: #9A9999;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .check a:after {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 50%;
margin-left: -3px;
top: 50%;
margin-top: -3px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #00902D;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .check p {
color: #000000;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter {
width: 21.98%;
text-align: right;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter {
width: 100%;
text-align: center;
margin-top: 10px;
}
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter a {
display: inline-block;
width: 100%;
max-width: 244px;
padding-left: 14px;
box-sizing: border-box;
font: 18px/40px 'MuseoSansCyrl-300';
position: relative;
background: #DFDFDF;
border-radius: 5px;
text-align: left;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter a::after {
content: '';
width: 12px;
height: 7.41px;
background: url("img/arrow_select.png") center;
position: absolute;
right: 16px;
top: 17.3px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.timetable .filter_wrap .checkbox_wrap .checkbox_line .open_dop_filter .open:after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.timetable .filter_wrap .dop_filter {
float: left;
width: 100%;
text-align: center;
margin-bottom: 7px;
display: none;
}
.timetable .filter_wrap .dop_filter_line {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1247px;
}
@media (max-width: 992px) {
.timetable .filter_wrap .dop_filter_line {
display: block;
}
}
@media (max-width: 992px) {
.timetable .filter_wrap .dop_filter_line .select_block {
float: left;
width: 50% !important;
text-align: center;
}
.timetable .filter_wrap .dop_filter_line .select_block:nth-last-child(1) {
width: 100% !important;
margin-top: 15px;
}
}
@media (max-width: 768px) {
.timetable .filter_wrap .dop_filter_line .select_block {
width: 100% !important;
}
}
.timetable .filter_wrap .dop_filter_line .select_block .select {
position: relative;
display: inline-block;
max-width: 384px;
width: 100%;
height: 40px;
background: #F1F1F1;
border: 1px solid #9A9999;
box-sizing: border-box;
border-radius: 5px;
}
@media (max-width: 1600px) {
.timetable .filter_wrap .dop_filter_line .select_block .select:after {
right: 5px;
}
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option {
position: absolute;
left: 0px;
top: 39px;
padding: 40px 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 0px;
padding-left: 39px;
box-sizing: border-box;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
border-radius: 0px 0px 5px 5px;
background: #F1F1F1;
border: 1px solid #9A9999;
text-align: left;
width: 100%;
opacity: 0;
z-index: -1;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll {
width: 100%;
height: 480px;
overflow: hidden;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll .mCSB_scrollTools {
width: 10px;
right: 17px;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll .mCSB_scrollTools:after {
content: '';
position: absolute;
top: 0px;
height: 100%;
width: 4px;
background: #DFDFDF;
border-radius: 3px;
left: 50%;
margin-left: -1px;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll .mCSB_dragger_bar {
width: 10px !important;
height: 25px !important;
background: #C4C4C4 !important;
border-radius: 3px !important;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul {
width: 100%;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul li {
font: 18px/40px 'MuseoSansCyrl-300';
width: 100%;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul li h3 {
color: #14C947;
text-align: left;
width: 100%;
line-height: 29px;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul li h3 span {
display: block;
width: 100%;
color: inherit;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul li a span {
display: inline-block;
height: 32px;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul .cheng {
color: #9A9999;
}
.timetable .filter_wrap .dop_filter_line .select_block .select .option .scroll ul .cheng span {
border-bottom: 1px solid #9A9999;
}
.timetable .filter_wrap .dop_filter_line .select_block .select:after {
content: '';
width: 12px;
height: 7.41px;
background: url("img/arrow_select.png") center;
position: absolute;
right: 22px;
top: 17.3px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
@media (max-width: 1600px) {
.timetable .filter_wrap .dop_filter_line .select_block .select:after {
right: 3px;
}
}
.timetable .filter_wrap .dop_filter_line .select_block .select input {
width: 100%;
box-sizing: border-box;
padding-left: 30px;
font: 18px/22px 'MuseoSansCyrl-300';
height: 40px;
background: none;
}
.timetable .filter_wrap .dop_filter_line .select_block .open:after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.timetable .filter_wrap .dop_filter_line .day {
width: 15.23%;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .dop_filter_line .day {
width: 20%;
}
}
@media (max-width: 768px) {
.timetable .filter_wrap .dop_filter_line .day {
width: 100%;
}
}
.timetable .filter_wrap .dop_filter_line .day .select {
max-width: 190px;
}
.timetable .filter_wrap .dop_filter_line .day .select .option {
padding: 5px 29px;
}
.timetable .filter_wrap .dop_filter_line .day .select .scroll {
height: auto !important;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .dop_filter_line .time {
width: 24%;
}
}
@media (max-width: 992px) {
.timetable .filter_wrap .dop_filter_line .time {
width: 50%;
float: left;
margin-bottom: 15px;
}
}
@media (max-width: 768px) {
.timetable .filter_wrap .dop_filter_line .time {
width: 100%;
margin-top: 15px;
}
}
.timetable .filter_wrap .dop_filter_line .time p {
display: inline-block;
font: 18px/40px 'MuseoSansCyrl-300';
margin-right: 7px;
}
@media (max-width: 369px) {
.timetable .filter_wrap .dop_filter_line .time p {
margin-right: 0px;
width: 100%;
}
}
.timetable .filter_wrap .dop_filter_line .time .mCSB_container {
margin-right: 20px;
}
.timetable .filter_wrap .dop_filter_line .time .select_block {
display: inline-block;
width: 100px;
}
@media (max-width: 992px) {
.timetable .filter_wrap .dop_filter_line .time .select_block {
float: none;
max-width: 90px;
}
}
.timetable .filter_wrap .dop_filter_line .time .select_block input {
padding-left: 21px !important;
}
.timetable .filter_wrap .dop_filter_line .time .select_block .option {
padding: 5px 0px !important;
padding-left: 22px !important;
}
.timetable .filter_wrap .dop_filter_line .time .select_block .scroll {
height: 263px !important;
}
.timetable .filter_wrap .dop_filter_line .time .select_block .scroll .mCSB_scrollTools {
right: 7px !important;
}
.timetable .filter_wrap .dop_filter_line .time .select_block:nth-last-child(1) {
margin-left: 19px;
}
@media (max-width: 992px) {
.timetable .filter_wrap .dop_filter_line .time .select_block:nth-last-child(1) {
margin-top: 0px;
margin-left: 9px;
}
}
.timetable .filter_wrap .dop_filter_line .motive {
width: 18.04%;
}
@media (max-width: 768px) {
.timetable .filter_wrap .dop_filter_line .motive {
width: 100%;
margin-bottom: 15px;
}
}
.timetable .filter_wrap .dop_filter_line .motive .select {
max-width: 225px;
}
.timetable .filter_wrap .dop_filter_line .motive input {
padding-left: 23px !important;
}
.timetable .filter_wrap .dop_filter_line .motive .option {
padding: 31px 23px !important;
}
.timetable .filter_wrap .dop_filter_line .motive .option .scroll {
height: auto !important;
}
.timetable .filter_wrap .dop_filter_line .burden {
width: 13.23%;
}
@media (max-width: 1200px) {
.timetable .filter_wrap .dop_filter_line .burden {
width: 18%;
}
}
.timetable .filter_wrap .dop_filter_line .burden .select {
max-width: 165px;
}
.timetable .filter_wrap .dop_filter_line .burden input {
padding-left: 23px !important;
}
.timetable .filter_wrap .dop_filter_line .burden .option {
padding-left: 24px !important;
padding-top: 5px !important;
padding-bottom: 15px !important;
}
.timetable .filter_wrap .dop_filter_line .burden .option .scroll {
height: auto !important;
}
.timetable .filter_wrap .dop_filter_line .level {
width: 14.03%;
}
.timetable .filter_wrap .dop_filter_line .level .select {
max-width: 175px;
}
.timetable .filter_wrap .dop_filter_line .level input {
padding-left: 23px !important;
}
.timetable .filter_wrap .dop_filter_line .level .option {
padding-left: 23px !important;
padding-top: 9px !important;
padding-bottom: 16px !important;
}
.timetable .filter_wrap .dop_filter_line .level .option .scroll {
height: auto !important;
}
.timetable .filter_wrap .rezult_line {
float: left;
width: 100%;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
@media(max-width: 768px){
.timetable .filter_wrap .rezult_line{
margin-top: 0px;
}
}
.timetable .filter_wrap .rezult_line p {
display: inline-block;
font: 24px/40px 'MuseoSansCyrl-300';
margin-right: 5.14%;
}
@media (max-width: 464px) {
.timetable .filter_wrap .rezult_line p {
width: 100%;
margin-right: 0px;
}
}
.timetable .filter_wrap .rezult_line p span {
display: inline-block;
color: #14C947;
}
.timetable .filter_wrap .rezult_line input[type='reset'] {
display: inline-block;
width: 200px;
height: 40px;
font: 20px/40px 'MuseoSansCyrl-300';
background: #DFDFDF;
border-radius: 5px;
cursor: pointer;
}
.timetable .rezult_wrapper {
float: left;
width: 100%;
padding-top: 2px;
}
.timetable .rezult_wrapper .table_line {
float: left;
width: 100%;
}
.timetable .rezult_wrapper .table_line:nth-last-child(1) .rezut_block {
border: 0px;
padding-bottom: 71px;
}
.timetable .rezult_wrapper .table_line .rezut_block {
width: 100%;
max-width: 1329px;
margin: 0 auto;
padding-bottom: 35px;
border-bottom: 1px dashed #9A9999;
}
.timetable .rezult_wrapper .table_line .rezut_block .zag_block {
width: 100%;
margin-top: 42px;
margin-bottom: 19px;
}
.timetable .rezult_wrapper .table_line .rezut_block .zag_block h3 {
display: inline-block;
font: 29px/35px 'MuseoSansCyrl-300';
color: #0D66B8;
margin-right: 2.63%;
}
.timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block {
display: inline-flex;
width: 35.57%;
justify-content: space-between;
align-items: center;
height: 35px;
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block {
width: 100%;
}
}
.timetable .rezult_wrapper .table_line .rezut_block .zag_block .icon_block span {
display: inline-block;
}
.timetable .rezult_wrapper .table_line .rezut_block .way {
width: 100%;
margin-bottom: 23px;
}
.timetable .rezult_wrapper .table_line .rezut_block .way h3 {
display: inline-block;
padding: 0px 9px;
background: #F1F1F1;
border-radius: 5px;
font: 14px/28px 'MuseoSansCyrl-300';
}
.timetable .rezult_wrapper .table_line .rezut_block .way p {
display: inline-block;
font: 14px/28px 'MuseoSansCyrl-300';
}
.timetable .rezult_wrapper .table_line .rezut_block .way p b {
display: inline-block;
height: 23px;
border-bottom: 1px solid #000000;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .area {
padding-right: 12px;
border-right: 1px solid #000000;
display: inline-block;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro {
display: inline-block;
padding-left: 13px;
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block .way .metro {
width: 100%;
padding-left: 0px;
margin-top: 10px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro p {
padding-left: 20px;
position: relative;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro p:after {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
left: 7px;
top: 11px;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro p span {
display: inline-block;
padding-left: 20.58px;
color: #9A9999;
background: url("img/line.png") left center no-repeat;
margin-left: 8.58px;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro p i {
display: inline-block;
margin-left: 8px;
margin-right: 7px;
color: #9A9999;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro .color1:after {
background: #F9014B;
}
.timetable .rezult_wrapper .table_line .rezut_block .way .metro .color2:after {
background: #0D66B8;
}
.timetable .rezult_wrapper .table_line .rezut_block table {
width: 100%;
vertical-align: middle;
text-align: center;
}
.timetable .rezult_wrapper .table_line .rezut_block table tr {
height: 80px;
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block table tr {
height: 40px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table tr:nth-child(1) {
height: auto !important;
}
.timetable .rezult_wrapper .table_line .rezut_block table tr:nth-child(even) {
background: #F1F1F1;
}
.timetable .rezult_wrapper .table_line .rezut_block table th {
padding: 0px 3.5px;
padding-bottom: 14px;
}
@media (max-width: 992px) {
.timetable .rezult_wrapper .table_line .rezut_block table th {
padding: 0px 0.5px;
padding-bottom: 5px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table th:nth-child(1) {
padding-left: 0px;
}
.timetable .rezult_wrapper .table_line .rezut_block table th:nth-last-child(1) {
padding-right: 0px;
}
.timetable .rezult_wrapper .table_line .rezut_block table th h3 {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
background: #9A9999;
border-radius: 5px;
min-height: 40px;
font: 14px/17px 'MuseoSansCyrl-500';
}
@media (max-width: 992px) {
.timetable .rezult_wrapper .table_line .rezut_block table th h3 {
font-size: 11px;
line-height: 14px;
}
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block table th h3 {
font-size: 10px;
line-height: 13px;
}
}
@media (max-width: 428px) {
.timetable .rezult_wrapper .table_line .rezut_block table th h3 {
font-size: 8px;
line-height: 12px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table th h3 span {
display: inline-block;
text-align: center;
}
.timetable .rezult_wrapper .table_line .rezut_block table th h3 a {
display: inline-block;
margin-left: 10px;
}
.timetable .rezult_wrapper .table_line .rezut_block table td {
vertical-align: middle;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .burden {
display: inline-block;
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block table td .burden {
width: 20px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table td .burden img {
max-width: 100%;
}
.timetable .rezult_wrapper .table_line .rezut_block table td p {
font: 14px/17px 'MuseoSansCyrl-500';
}
@media (max-width: 992px) {
.timetable .rezult_wrapper .table_line .rezut_block table td p {
font-size: 10px;
line-height: 13px;
margin: 3px 0px;
}
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block table td p {
font-size: 8px;
line-height: 10px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table td .level {
display: inline-flex;
align-items: baseline;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .level span {
display: inline-block;
width: 3px;
background: #9A9999;
border-radius: 3px;
margin-right: 3px;
height: 12px;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .level span:nth-child(2) {
height: 16px;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .level span:nth-last-child(1) {
margin-right: 0px;
height: 21px;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .level .action {
background: #14C947;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .price p {
display: block;
width: 100%;
text-align: center;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .price p span {
color: #F9014B;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .price p .old {
display: inline-block;
color: #000000;
position: relative;
}
.timetable .rezult_wrapper .table_line .rezut_block table td .price p .old:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0px;
top: 50%;
margin-top: -1px;
background: #000000;
-moz-transform: rotate(25.77deg);
-webkit-transform: rotate(25.77deg);
-o-transform: rotate(25.77deg);
-ms-transform: rotate(25.77deg);
transform: rotate(25.77deg);
}
.timetable .rezult_wrapper .table_line .rezut_block table td .button {
display: inline-block;
width: 100%;
max-width: 160px;
height: 40px;
font: 18px/40px 'MuseoSansCyrl-300';
text-align: center;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: #F9C801;
}
@media (max-width: 992px) {
.timetable .rezult_wrapper .table_line .rezut_block table td .button {
font-size: 11px;
line-height: 30px;
height: 30px;
}
}
@media (max-width: 768px) {
.timetable .rezult_wrapper .table_line .rezut_block table td .button {
font-size: 8px;
line-height: 20px;
height: 20px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table td .icon {
display: inline-block;
}
.timetable .rezult_wrapper .table_line .rezut_block table .size1 {
width: 163px;
}
.timetable .rezult_wrapper .table_line .rezut_block table .size2 {
width: 122px;
}
.timetable .rezult_wrapper .table_line .rezut_block table .size3 {
width: 200px;
}
@media (max-width: 992px) {
.timetable .rezult_wrapper .table_line .rezut_block table .size3 img {
width: 13px;
}
}
.timetable .rezult_wrapper .table_line .rezut_block table .size4 {
width: 150px;
}
</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 timetable" style="margin-top: 80px">
<div class="content">
<div class="crumps">
<ul>
<li><a href="javascript:void(0)">Главная</a><span>/</span></li>
<li><a href="javascript:void(0)">Расписание уроков</a><span>/</span></li>
</ul>
</div>
</div>
<div class="filter_wrap">
<div class="content">
<h3 class="zag">
Расписание уроков
<small>(Фильтры работают в любом порядке)</small>
</h3>
<div class="button_line">
<a href="timetable.html" class="action">По адресам</a><a href="teachers.html">По
педагогам</a>
</div>
<form action="javascript:void(0)" method="post">
<div class="select_line">
<div class="select_block">
<div class="select">
<input type="text" placeholder="Возраст">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>1</span></a></li>
<li><a href="javascript:void(0)"><span>2</span></a></li>
<li><a href="javascript:void(0)"><span>3</span></a></li>
<li><a href="javascript:void(0)"><span>4</span></a></li>
<li><a href="javascript:void(0)"><span>5</span></a></li>
<li><a href="javascript:void(0)"><span>6</span></a></li>
<li><a href="javascript:void(0)"><span>7</span></a></li>
<li><a href="javascript:void(0)"><span>8</span></a></li>
<li><a href="javascript:void(0)"><span>9</span></a></li>
<li><a href="javascript:void(0)"><span>10</span></a></li>
<li><a href="javascript:void(0)"><span>11</span></a></li>
<li><a href="javascript:void(0)"><span>12</span></a></li>
<li><a href="javascript:void(0)"><span>13</span></a></li>
<li><a href="javascript:void(0)"><span>14</span></a></li>
<li><a href="javascript:void(0)"><span>15</span></a></li>
<li><a href="javascript:void(0)"><span>16-21</span></a></li>
<li><a href="javascript:void(0)"><span>21-29</span></a></li>
<li><a href="javascript:void(0)"><span>30-44</span></a></li>
<li><a href="javascript:void(0)"><span>45+</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="select_block">
<div class="select">
<input type="text" placeholder="По стилю танца">
<div class="option">
<div class="scroll">
<ul>
<li><h3>Классические и <span>современные</span></h3></li>
<li><a href="javascript:void(0)"><span>Балет</span></a></li>
<li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
<li><a href="javascript:void(0)"><span>Хореография</span></a></li>
<li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
<li>
<h3>
Клубные и <span>уличные танцы</span>
</h3>
</li>
<li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
<li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
<li><h3>Классические и <span>современные</span></h3></li>
<li><a href="javascript:void(0)"><span>Балет</span></a></li>
<li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
<li><a href="javascript:void(0)"><span>Хореография</span></a></li>
<li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
<li>
<h3>
Клубные и <span>уличные танцы</span>
</h3>
</li>
<li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
<li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
<li><a href="javascript:void(0)"><span>Хип-Хоп</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="select_block">
<div class="select">
<input type="text" placeholder="По району">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Адмиралтейский</span></a></li>
<li><a href="javascript:void(0)"><span>Василеостровский</span></a></li>
<li><a href="javascript:void(0)"><span>Всеволожский</span></a></li>
<li><a href="javascript:void(0)"><span>Выборгский</span></a></li>
<li><a href="javascript:void(0)"><span>Калининский</span></a></li>
<li><a href="javascript:void(0)"><span>Кировский</span></a></li>
<li><a href="javascript:void(0)"><span>Колпинский</span></a></li>
<li><a href="javascript:void(0)"><span>Красногвардейский</span></a></li>
<li><a href="javascript:void(0)"><span>Красносельский</span></a></li>
<li><a href="javascript:void(0)"><span>Московский</span></a></li>
<li><a href="javascript:void(0)"><span>Невский</span></a></li>
<li><a href="javascript:void(0)"><span>Петроградский</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="select_block">
<div class="select">
<input type="text" placeholder="По метро">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Суконная слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Кремлёвская</span></a></li>
<li><a href="javascript:void(0)"><span>Площадь Габдулы Тукая</span></a></li>
<li><a href="javascript:void(0)"><span>Козья слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Суконная слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Кремлёвская</span></a></li>
<li><a href="javascript:void(0)"><span>Площадь Габдулы Тукая</span></a></li>
<li><a href="javascript:void(0)"><span>Козья слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Суконная слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Кремлёвская</span></a></li>
<li><a href="javascript:void(0)"><span>Площадь Габдулы Тукая</span></a></li>
<li><a href="javascript:void(0)"><span>Козья слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Суконная слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Кремлёвская</span></a></li>
<li><a href="javascript:void(0)"><span>Площадь Габдулы Тукая</span></a></li>
<li><a href="javascript:void(0)"><span>Козья слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Суконная слобода</span></a></li>
<li><a href="javascript:void(0)"><span>Кремлёвская</span></a></li>
<li><a href="javascript:void(0)"><span>Площадь Габдулы Тукая</span></a></li>
<li><a href="javascript:void(0)"><span>Козья слобода</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="checkbox_wrap">
<div class="checkbox_line">
<label class="checkbox check">
<a href="javascript:void(0)"></a>
<input type="checkbox">
<p>Ближайшие</p>
</label>
<label class="checkbox">
<input type="checkbox">
<a href="javascript:void(0)"></a>
<p>Лучшая цена</p>
</label>
<label class="checkbox">
<input type="checkbox">
<a href="javascript:void(0)"></a>
<p>Индивидуальные уроки</p>
</label>
<label class="checkbox">
<input type="checkbox">
<a href="javascript:void(0)"></a>
<p>Сдаётся в аренду</p>
</label>
<div class="open_dop_filter">
<a href="javascript:void(0)">Расширенный фильтр</a>
</div>
</div>
</div>
<div class="dop_filter">
<div class="dop_filter_line">
<div class="select_block day">
<div class="select">
<input type="text" value="День недели">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Понедельник</span></a></li>
<li><a href="javascript:void(0)"><span>Вторник</span></a></li>
<li><a href="javascript:void(0)"><span>Среда</span></a></li>
<li><a href="javascript:void(0)"><span>Четверг</span></a></li>
<li><a href="javascript:void(0)"><span>Пятница</span></a></li>
<li><a href="javascript:void(0)"><span>Суббота</span></a></li>
<li><a href="javascript:void(0)"><span>Воскресенье</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="time">
<p>Начало занятия:</p>
<div class="select_block">
<div class="select">
<input type="text" value="с">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>9:00</span></a></li>
<li><a href="javascript:void(0)"><span>10:00</span></a></li>
<li><a href="javascript:void(0)"><span>11:00</span></a></li>
<li><a href="javascript:void(0)"><span>12:00</span></a></li>
<li><a href="javascript:void(0)"><span>13:00</span></a></li>
<li><a href="javascript:void(0)"><span>14:00</span></a></li>
<li><a href="javascript:void(0)"><span>15:00</span></a></li>
<li><a href="javascript:void(0)"><span>20:00</span></a></li>
<li><a href="javascript:void(0)"><span>21:00</span></a></li>
<li><a href="javascript:void(0)"><span>22:00</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="select_block">
<div class="select">
<input type="text" value="по">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>9:00</span></a></li>
<li><a href="javascript:void(0)"><span>10:00</span></a></li>
<li><a href="javascript:void(0)"><span>11:00</span></a></li>
<li><a href="javascript:void(0)"><span>12:00</span></a></li>
<li><a href="javascript:void(0)"><span>13:00</span></a></li>
<li><a href="javascript:void(0)"><span>14:00</span></a></li>
<li><a href="javascript:void(0)"><span>15:00</span></a></li>
<li><a href="javascript:void(0)"><span>20:00</span></a></li>
<li><a href="javascript:void(0)"><span>21:00</span></a></li>
<li><a href="javascript:void(0)"><span>22:00</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="motive select_block">
<div class="select">
<input type="text" value="Мотив">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Красота и здоровье</span></a>
</li>
<li><a href="javascript:void(0)"><span>Спорт</span></a></li>
<li><a href="javascript:void(0)"><span>Физическая форма</span></a></li>
<li><a href="javascript:void(0)"><span>Красота и здоровье</span></a>
</li>
<li><a href="javascript:void(0)"><span>Спорт</span></a></li>
<li><a href="javascript:void(0)"><span>Физическая форма</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="burden select_block">
<div class="select">
<input type="text" value="Нагрузка">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Слабая</span></a></li>
<li><a href="javascript:void(0)"><span>Умеренная</span></a></li>
<li><a href="javascript:void(0)"><span>Интенсивная</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="level select_block">
<div class="select">
<input type="text" value="Уровень">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Начальный</span></a></li>
<li><a href="javascript:void(0)"><span>Начальный +</span></a></li>
<li><a href="javascript:void(0)"><span>Продвинутый</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rezult_line">
<p>Найдено залов: <span>42</span></p>
<input type="reset" value="Очистить" id="reset">
</div>
</form>
</div>
</div>
<div class="rezult_wrapper">
<div class="content">
<div class="table_line">
<div class="rezut_block">
<div class="zag_block">
<h3>1-ая Бухвостова ул., 12/11 к.10</h3>
<div class="icon_block">
<span><img data-src="img/zag_icon1.svg" alt=""></span>
<span><img data-src="img/zag_icon2.svg" alt=""></span>
<span><img data-src="img/zag_icon3.svg" alt=""></span>
<span><img data-src="img/zag_icon4.svg" alt=""></span>
<span><img data-src="img/zag_icon5.svg" alt=""></span>
<span><img data-src="img/zag_icon6.svg" alt=""></span>
<span><img data-src="img/zag_icon7.svg" alt=""></span>
<span><img data-src="img/zag_icon8.svg" alt=""></span>
<span><img data-src="img/zag_icon9.svg" alt=""></span>
<span><img data-src="img/zag_icon10.svg" alt=""></span>
</div>
</div>
<div class="way">
<div class="area">
<h3>Район:</h3>
<p><b>Преображенское</b></p>
</div>
<div class="metro">
<h3>Метро:</h3>
<p class="color1"><b>Преображенская Площадь</b>
<span>580 м</span>
<i>/</i>
<p class="color2"><b>Преображенская Площадь</b>
<span>580 м</span>
</p>
</div>
</div>
<div class="table_scroll">
<table width="100%" border="0">
<tbody>
<tr>
<th scope="col" class="size1"><h3><span>Группа</span></h3></th>
<th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
<th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
<th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
<th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
<th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
<th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
<th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
href="javascript:void(0)"><img data-src="img/table_icon.png" alt=""></a></h3></th>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="table_line">
<div class="rezut_block">
<div class="zag_block">
<h3>Малый Татарский пер., 8</h3>
<div class="icon_block">
<span><img data-src="img/zag_icon1.svg" alt=""></span>
<span><img data-src="img/zag_icon2.svg" alt=""></span>
<span><img data-src="img/zag_icon3.svg" alt=""></span>
<span><img data-src="img/zag_icon4.svg" alt=""></span>
<span><img data-src="img/zag_icon5.svg" alt=""></span>
<span><img data-src="img/zag_icon6.svg" alt=""></span>
<span><img data-src="img/zag_icon7.svg" alt=""></span>
<span><img data-src="img/zag_icon8.svg" alt=""></span>
<span><img data-src="img/zag_icon9.svg" alt=""></span>
<span><img data-src="img/zag_icon10.svg" alt=""></span>
</div>
</div>
<div class="way">
<div class="area">
<h3>Район:</h3>
<p><b>Замоскворечье</b></p>
</div>
<div class="metro">
<h3>Метро:</h3>
<p class="color1"><b>Третьяковская</b>
<span>580 м</span>
<i>/</i>
<p class="color2"><b>Новокузнецкая</b>
<span>1.3km</span>
<i>/</i>
</p>
<p><b>Павелецкая</b>,<b>Добрынинская</b>,<b>Серпуховская</b></p>
</div>
</div>
<div class="table_scroll">
<table width="100%" border="0">
<tbody>
<tr>
<th scope="col" class="size1"><h3><span>Группа</span></h3></th>
<th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
<th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
<th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
<th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
<th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
<th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
<th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
href="javascript:void(0)"><img data-src="img/table_icon.png" alt=""></a></h3></th>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="table_line">
<div class="rezut_block">
<div class="zag_block">
<h3>1-ая Бухвостова ул., 12/11 к.10</h3>
<div class="icon_block">
<span><img data-src="img/zag_icon1.svg" alt=""></span>
<span><img data-src="img/zag_icon2.svg" alt=""></span>
<span><img data-src="img/zag_icon3.svg" alt=""></span>
<span><img data-src="img/zag_icon4.svg" alt=""></span>
<span><img data-src="img/zag_icon5.svg" alt=""></span>
<span><img data-src="img/zag_icon6.svg" alt=""></span>
<span><img data-src="img/zag_icon7.svg" alt=""></span>
<span><img data-src="img/zag_icon8.svg" alt=""></span>
<span><img data-src="img/zag_icon9.svg" alt=""></span>
<span><img data-src="img/zag_icon10.svg" alt=""></span>
</div>
</div>
<div class="way">
<div class="area">
<h3>Район:</h3>
<p><b>Преображенское</b></p>
</div>
<div class="metro">
<h3>Метро:</h3>
<p class="color1"><b>Преображенская Площадь</b>
<span>580 м</span>
<i>/</i>
<p class="color2"><b>Преображенская Площадь</b>
<span>580 м</span>
</p>
</div>
</div>
<div class="table_scroll">
<table width="100%" border="0">
<tbody>
<tr>
<th scope="col" class="size1"><h3><span>Группа</span></h3></th>
<th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
<th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
<th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
<th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
<th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
<th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
<th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
href="javascript:void(0)"><img data-src="img/table_icon.png" alt=""></a></h3></th>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button open_graph">Записаться</a></td>
<td><a href="javascript:void(0)" class="burden"><img data-src="img/icon_info.svg" alt=""></a>
</td>
</tr>
</tbody>
</table>
</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_select popap">
<a href="javascript:void()" class="close"></a>
<form class="select_form" method="post" action="javascript:void(0)">
<div class="select_line">
<label>
<p>Ваш возраст<span>*</span></p>
<biv class="age">
<input type="text" value="23">
</biv>
</label>
<label>
<p>Танец<span>*</span></p>
<div class="select_block">
<div class="select">
<input type="text" placeholder="По стилю танца">
<div class="option">
<div class="scroll">
<ul>
<li><h3>Классические и <span>современные</span></h3></li>
<li><a href="javascript:void(0)"><span>Балет</span></a></li>
<li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
<li><a href="javascript:void(0)"><span>Хореография</span></a></li>
<li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
<li>
<h3>
Клубные и <span>уличные танцы</span>
</h3>
</li>
<li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
<li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
<li><h3>Классические и <span>современные</span></h3></li>
<li><a href="javascript:void(0)"><span>Балет</span></a></li>
<li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
<li><a href="javascript:void(0)"><span>Хореография</span></a></li>
<li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
<li>
<h3>
Клубные и <span>уличные танцы</span>
</h3>
</li>
<li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
<li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
<li><a href="javascript:void(0)"><span>Хип-Хоп</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</label>
<label>
<p>Адрес<span>*</span></p>
<div class="select_block">
<div class="select">
<input type="text" placeholder="Невский пр., 30">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Невский пр., 30</span></a></li>
<li><a href="javascript:void(0)"><span>Невский пр., 31</span></a></li>
<li><a href="javascript:void(0)"><span>Невский пр., 32</span></a></li>
<li><a href="javascript:void(0)"><span>Невский пр., 33</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</label>
<label>
<p>Дни / время<span>*</span></p>
<div class="select_block">
<div class="select">
<input type="text" placeholder="Пн: 19:30 - 20:30 / Ср: 19:30 - 20:30">
<div class="option">
<div class="scroll">
<ul>
<li>
<a href="javascript:void(0)"><span>Пн: 19:30 - 20:30 / Ср: 19:30 - 20:30</span></a>
</li>
<li>
<a href="javascript:void(0)"><span>Пн: 18:30 - 19:30 / Ср: 18:30 - 19:30</span></a>
</li>
<li>
<a href="javascript:void(0)"><span>Пн: 17:30 - 18:30 / Ср: 17:30 - 18:30</span></a>
</li>
<li>
<a href="javascript:void(0)"><span>Пн: 16:30 - 17:30 / Ср: 16:30 - 17:30</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</label>
</div>
<div class="rezult_block">
<div class="rezult_info">
<h3>Вы выбрали: </h3>
<p><span id="style">Хип - Хоп</span> / <span id="adres">Невский пр. 30</span> / <span id="level">Продвинутый уровень</span>
/ <span id="data">Пн: 19:30 - 20:30 / Ср: 19:30 - 20:30</span></p>
</div>
<div class="rezult_box">
<div class="block_wrap">
<div class="block">
<p>Пробный урок:</p>
<p><span>200</span> <span class="old">300</span></p>
</div>
</div>
<div class="block_wrap">
<div class="block">
<p>Абонемент на 8 уроков:</p>
<p><span>200</span> <span class="old">300</span></p>
</div>
</div>
<div class="icon">
<img src="img/icon_popap.svg" alt="">
</div>
</div>
</div>
<div class="submit_line">
<input type="submit" value="Записаться">
</div>
</form>
<div class="name_form_line">
<form method="post" action="javascript:void(0)">
<label><p>Фамилия</p><div class="input_block"><input type="text"></div></label>
<label><p>Имя</p><div class="input_block"><input type="text"></div></label>
<div class="submit_line">
<input type="submit" value="Отправить">
</div>
</form>
</div>
</div>
<div class="popap_graph popap">
<a href="javascript:void(0)" class="close"></a>
<div class="popap_graph_header">
<div class="avatar">
<span><img data-src="img/prepod.jpg" alt=""></span>
<div class="star_line">
<a href="javascript:void(0)"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)"><img data-src="img/star.png" alt=""></a>
<a href="javascript:void(0)"><img data-src="img/star.png" alt=""></a>
</div>
</div>
<div class="select_line">
<div class="select_block">
<div class="select">
<input type="text" placeholder="По стилю танца">
<div class="option">
<div class="scroll">
<ul>
<li><h3>Классические и <span>современные</span></h3></li>
<li><a href="javascript:void(0)"><span>Балет</span></a></li>
<li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
<li><a href="javascript:void(0)"><span>Хореография</span></a></li>
<li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
<li>
<h3>
Клубные и <span>уличные танцы</span>
</h3>
</li>
<li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
<li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
<li><h3>Классические и <span>современные</span></h3></li>
<li><a href="javascript:void(0)"><span>Балет</span></a></li>
<li><a href="javascript:void(0)"><span>Боди балет</span></a></li>
<li><a href="javascript:void(0)"><span>Хореография</span></a></li>
<li><a href="javascript:void(0)"><span>Эстрадный танец</span></a></li>
<li>
<h3>
Клубные и <span>уличные танцы</span>
</h3>
</li>
<li><a href="javascript:void(0)"><span>Брейк данс</span></a></li>
<li><a href="javascript:void(0)"><span>Данс микс</span></a></li>
<li><a href="javascript:void(0)"><span>Хип-Хоп</span></a></li>
<li><a href="javascript:void(0)"><span>Гоу-гоу</span></a></li>
<li><a href="javascript:void(0)"><span>Джаз фанк</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="select_block">
<div class="select">
<input type="text" placeholder="По району">
<div class="option">
<div class="scroll">
<ul>
<li><a href="javascript:void(0)"><span>Адмиралтейский</span></a></li>
<li><a href="javascript:void(0)"><span>Василеостровский</span></a></li>
<li><a href="javascript:void(0)"><span>Всеволожский</span></a></li>
<li><a href="javascript:void(0)"><span>Выборгский</span></a></li>
<li><a href="javascript:void(0)"><span>Калининский</span></a></li>
<li><a href="javascript:void(0)"><span>Кировский</span></a></li>
<li><a href="javascript:void(0)"><span>Колпинский</span></a></li>
<li><a href="javascript:void(0)"><span>Красногвардейский</span></a></li>
<li><a href="javascript:void(0)"><span>Красносельский</span></a></li>
<li><a href="javascript:void(0)"><span>Московский</span></a></li>
<li><a href="javascript:void(0)"><span>Невский</span></a></li>
<li><a href="javascript:void(0)"><span>Петроградский</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table_scroll2">
<div class="table_line">
<div class="rezut_block">
<table width="100%" border="0">
<tbody>
<tr>
<th scope="col" class="size1"><h3><span>Группа</span></h3></th>
<th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
<th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
<th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
<th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
<th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
<th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
<th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span></h3></th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="table_line">
<div class="rezut_block">
<div class="zag_block">
<h3>Комендантовская ул., 30 </h3>
</div>
<table width="100%" border="0">
<tbody>
<tr class="hiden">
<th scope="col" class="size1"><h3><span>Группа</span></h3></th>
<th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
<th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
<th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
<th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
<th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
<th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
<th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
href="javascript:void(0)"><img data-src="img/table_icon.png" alt=""></a></h3></th>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button">Записаться</a></td>
<td>
<p class="info">Расписание
<span>действуетельно</span>
до 31.12.19</p>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button">Записаться</a></td>
<td>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button">Записаться</a></td>
<td>
<p class="info">Расписание
<span>действуетельно</span>
до 31.12.19</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="table_line">
<div class="rezut_block">
<div class="zag_block">
<h3>Невский пр., 30 </h3>
</div>
<table width="100%" border="0">
<tbody>
<tr class="hiden">
<th scope="col" class="size1"><h3><span>Группа</span></h3></th>
<th scope="col" class="size2"><h3><span>Возраст</span></h3></th>
<th scope="col" class="size2"><h3><span>Уровень <br>группы</span></h3></th>
<th scope="col" class="size2"><h3><span>Пробный<br> урок</span></h3></th>
<th scope="col" class="size4"><h3><span>Абонемент <br>на месяц</span></h3></th>
<th scope="col" class="size3"><h3><span>Дни / время</span></h3></th>
<th scope="col" class="size3"><h3><span>Записаться</span></h3></th>
<th scope="col" class="size3"><h3><span>Дополнительная<br> информация</span><a
href="javascript:void(0)"><img data-src="img/table_icon.png" alt=""></a></h3></th>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button">Записаться</a></td>
<td>
<p class="info">Расписание
<span>действуетельно</span>
до 31.12.19</p>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button">Записаться</a></td>
<td>
</td>
</tr>
<tr>
<td><p>Хип - Хоп<br>без кед</p></td>
<td><p>7 - 15</p></td>
<td>
<div class="level">
<span class="action"></span>
<span></span>
<span></span>
</div>
</td>
<td>
<div class="price">
<p><span>200</span><b class="old">300</b></p>
</div>
</td>
<td>
<div class="price">
<p>8 уроков</p>
<p><span>2000</span><b class="old">3000</b></p>
</div>
</td>
<td><p>Пн: 19:30 - 20:30</p>
<p>Пн: 19:30 - 20:30</p></td>
<td><a href="javascript:void(0)" class="button">Записаться</a></td>
<td>
<p class="info">Расписание
<span>действуетельно</span>
до 31.12.19</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<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>