.just-button a, .teacher-detail-body .right .form button {
    background: #ffd800;
    text-transform: uppercase;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: pointer;
    letter-spacing: 0.6px
    }
#images-gallery .grid-item a, .gallery-detail .list, .img, .informer .txt, .main .first-screen .butons-on-first .left-part-butons, .main-screen, .map-wrapper .inside, .map-wrapper .map-stations > ul, .teacher-detail-body .right > div {
    position: relative
    }
.teacher-detail-inform {
    width: 100%
    }
#teacher-detail-inform-page {
    margin: 15px auto 0
    }
.teacher-detail-inform .teacher-detail-header {
    padding-bottom: 30px;
    border-bottom: 1px solid #F5F1F8
    }
.caption-widget .teacher-detail-inform .teacher-detail-header {
    padding: 10px;
    border: none;
    background: #faf8fb;
    border-radius: 10px;
    max-width: 417px
    }
.caption-widget .teacher-detail-inform {
    max-width: 437px
    }
.teacher-detail-inform .teacher-detail-header > div {
    display: inline-block;
    vertical-align: middle;
    max-width: 332px
    }
.teacher-detail-inform .teacher-name {
    margin-left: 10px
    }
.teacher-detail-inform .teacher-detail-header > div img {
    width: 70px;
    border-radius: 50%;
    height: 70px;
    object-fit: cover
    }
.teacher-detail-inform .teacher-detail-header > div .h3, .teacher-detail-inform .teacher-detail-header > div h3 {
    font-size: 36px;
    color: #31293a;
    margin-bottom: 4px
    }
.teacher-detail-inform .teacher-detail-header > div p {
    color: #31293a;
    font-size: 18px
    }
.teacher-detail-body .left {
    margin-right: 20px;
    width: 450px;
    display: inline-block;
    vertical-align: top;
    color: #777
    }
.teacher-detail-body .left .visitka, .teacher-detail-body .right .row-item {
    margin-bottom: 20px
    }
.teacher-detail-body .left .visitka iframe {
    width: 100%;
    height: 250px
    }
@media (min-width: 1102px) {
  .teacher-detail-body .left {
    min-height: 925px
    }
}
.teacher-detail-body .right .form-label {
    font-size: 24px;
    color: #31293a;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .right .form-label span {
    font-weight: 900;
    color: #8356b2
    }
.teacher-detail-body .right .form button {
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-family: FiraSans-Heavy;
    font-size: 18px;
    font-weight: 900;
    height: 66px;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    width: 100%
    }
.teacher-detail-body .right .form button span {
    color: #93761d;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 2px;
    text-transform: none;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .right input[type=tel], .teacher-detail-body .right input[type=text] {
    width: 100%;
    display: block;
    padding-left: 15px;
    background: #f5f5f5;
    box-sizing: border-box;
    border: 2px solid #f5f5f5;
    font-size: 16px;
    color: #31293a;
    height: 68px
    }
.teacher-detail-body .right input[type=tel]:focus, .teacher-detail-body .right input[type=text]:focus {
    border: 2px solid #50d68e
    }
.teacher-detail-body .error input {
    border: 2px solid #ff0101 !important;
    color: #ff0101 !important
    }
.teacher-detail-body .left .label {
    font-size: 24px;
    margin-bottom: 10px;
    color: #31293a
    }
.teacher-detail-body h4 {
    font-size: 20px;
    color: #31293a;
    margin-bottom: 20px
    }
.teacher-detail-body .h4 {
    font-size: 20px;
    color: #31293a;
    margin-bottom: 20px;
    display: block
    }
.teacher-detail-body p {
    font-size: 14px;
    color: #777;
    margin-bottom: 16px;
    line-height: 1.4
    }
.teacher-detail-body li {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
    line-height: 1.5;
    text-indent: 0;
    padding-left: 8px
    }
.teacher-detail-body .right {
    width: 418px;
    height: fit-content;
    display: inline-block;
    vertical-align: top;
    position: relative
    }
.teacher-detail-slider .slick-next, .teacher-detail-slider .slick-prev {
    width: 15px;
    margin-top: -12px;
    height: 24px;
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none
    }
.teacher-detail-slider .slick-prev {
    background: url(../images/prev-white.png) center 0 no-repeat;
    left: 20px
    }
.teacher-detail-slider .slick-next {
    background: url(../images/next-white.png) center 0 no-repeat;
    cursor: pointer;
    right: 20px
    }
.teacher-detail-body .right > div .t1 {
    top: 0;
    left: 0
    }
.teacher-detail-body .right > div .t2 {
    left: 0;
    top: 186px
    }
.teacher-detail-body .right > div .t3 {
    left: 0;
    top: 330px
    }
.teacher-detail-body .right > div .t4 {
    left: 0;
    top: 480px
    }
.teacher-detail-body .right > div .t5 {
    top: 0;
    left: 208px
    }
.teacher-detail-body .right > div .t6 {
    top: 310px;
    left: 208px
    }
.teacher-detail-body .right > div .t7 {
    top: 619px;
    left: 208px
    }
.teacher-detail-body .right > div .t8 {
    top: 0;
    left: 419px
    }
.teacher-detail-body .right > div .t9 {
    top: 144px;
    left: 419px
    }
.teacher-detail-body .right > div .t10 {
    top: 456px;
    left: 419px
    }
.teacher-detail-slider ul.slick-dots li button {
    background: #cacaca;
    border: none;
    border-radius: 8px;
    display: block;
    height: 8px;
    padding: 0;
    width: 8px
    }
.teacher-detail-slider ul.slick-dots li.slick-active button {
    background: #8356b2
    }
.teacher-detail-slider ul.slick-dots li {
    display: inline-block;
    float: none;
    height: 8px;
    margin: 0 3px;
    width: auto
    }
@media screen and (max-width: 780px) {
  .teacher-detail-inform .teacher-detail-header {
    padding-bottom: 20px
    }
}
@media screen and (max-width: 1060px) {
  #teacher-detail-inform-page {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 105px;
    width: calc(100% - 30px)
    }
  .teacher-detail-body .left {
    margin-right: 4px;
    width: 300px
    }
  .teacher-detail-body .right {
    width: 336px
    }
  .teacher-detail-body .right li {
    width: 164px
    }
  .teacher-detail-body .right > div .t2 {
    top: 152px
    }
  .teacher-detail-body .right > div .t3 {
    top: 268px
    }
  .teacher-detail-body .right > div .t4 {
    top: 390px
    }
  .teacher-detail-body .right > div .t5 {
    left: 170px
    }
  .teacher-detail-body .right > div .t6 {
    left: 170px;
    top: 253px
    }
  .teacher-detail-body .right > div .t7 {
    left: 170px;
    top: 504px
    }
  .teacher-detail-body .right > div .t8 {
    left: 0;
    top: 624px
    }
  .teacher-detail-body .right > div .t9 {
    left: 0;
    top: 742px
    }
  .teacher-detail-body .right > div .t10 {
    left: 170px;
    top: 620px
    }
}
@media screen and (max-width: 716px) {
  .about-dance1, .activities #activities .activities-extra, .article .article-description h2, .payment-page .list-of-payments .buttons, .teacher-detail-slider .slick-dots {
    text-align: center
    }
  .teacher-detail-body .left {
    width: auto !important
    }
}
@media screen and (max-width: 720px) {
  .teacher-hide-mobile {
    display: none
    }
  .teacher-detail-body .right {
    height: auto
    }
  .teacher-detail-inform {
    width: 359px
    }
  .teacher-detail-slider .slick-next .teacher-detail-slider {
    margin-bottom: 36px;
    display: block
    }
  .teacher-detail-inform .teacher-detail-header > div .h3, .teacher-detail-inform .teacher-detail-header > div h3 {
    font-size: 26px
    }
  .teacher-detail-inform .teacher-detail-header > div p {
    font-size: 16px;
    line-height: 1.3
    }
  #teacher-detail-inform-page .teacher-detail-header > div {
    padding: 10px
    }
  .teacher-detail-inform .left {
    padding-left: 10px
    }
}
@media screen and (max-width: 400px) {
  .producing .producing-desc .producing-desc-left h3, .seo-top .seo-top-inner > div h2, .teacher-detail-inform .teacher-detail-header > div h3 {
    font-size: 20px
    }
  .teacher-detail-inform .teacher-detail-header > div {
    margin-right: 0
    }
}
@media screen and (max-width: 1100px) {
  .teacher-detail-body .right > div.pc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
    }
  .teacher-detail-body .right > div.pc#pc-page {
    position: inherit
    }
  body .teacher-detail-body .right {
    padding-right: 0;
    margin: 0 auto;
    position: static
    }
  body .teacher-detail-body {
    padding-bottom: 360px
    }
  #teacher-detail-inform-page .teacher-detail-body {
    padding-bottom: 0
    }
  .teacher-detail-slider .slick-next, .teacher-detail-slider .slick-prev {
    background-position: center bottom
    }
  .free-cap .item p br, .teacher-detail-body .right .form-label br {
    display: none
    }
  .teacher-detail-body .caption-footer {
    margin-top: 20px !important;
    justify-content: flex-start
    }
  .teacher-detail-body .caption-footer .flex {
    justify-content: flex-start
    }
}
@media screen and (max-width: 640px) {
  .teacher-detail-inform .teacher-detail-header > div img {
    width: 50px;
    height: 50px
    }
  .teacher-detail-inform .teacher-detail-header > div h1 {
    font-size: 16px
    }
  .teacher-detail-inform .teacher-detail-header > div p {
    line-height: 17px !important;
    font-size: 12px !important
    }
  .teacher-detail-inform .teacher-detail-header > div {
    max-width: 200px;
    vertical-align: top
    }
  .c_questions .c_title, .new-page .title h2, .teacher-detail-body .left .label, .teacher-detail-body .right .form-label {
    font-size: 20px
    }
  .teacher-detail-grid > div {
    margin-bottom: 10px
    }
  .teacher-detail-body li {
    margin-bottom: 15px;
    padding-left: 0
    }
  .teacher-detail-slider .slick-next .got-questions button {
    width: 100%;
    margin: 0
    }
}
.teacher-detail-slider .slick-track li {
    height: 491px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
    }
.teacher-detail-slider .slick-track li img {
    height: 491px;
    max-width: none
    }
@media screen and (max-width: 600px) {
  .teacher-detail-inform {
    width: 100%
    }
}
.teacher-detail-inform .teacher-detail-header > div .h3, .teacher-detail-inform .teacher-detail-header > div h1, .teacher-detail-inform .teacher-detail-header > div h3 {
    color: #31293a;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 4px
    }
.teacher-detail-inform .teacher-detail-header > div p {
    line-height: 18px;
    font-size: 13px;
    margin: 0;
    color: #999
    }
.teacher-detail-body .h4, .teacher-detail-body h4 {
    font-size: 24px;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .left .vk_link_footer {
    width: 22px;
    height: 13px
    }
@media screen and (max-width: 805px) {
  .teacher-detail-body .left .visitka iframe {
    height: 200px
    }
}
@media screen and (min-width: 600px) and (max-width: 720px) {
  .teacher-detail-inform {
    margin: 0 auto
    }
}
.beautiful-template .teacher-detail-inform {
    display: flex;
    justify-content: space-between;
    align-items: center
    }
.beautiful-template .teacher-detail-inform .share-buttons, .beautiful-template .teacher-detail-inform .teacher-detail-header {
    margin: 0;
    padding: 0
    }
@media (max-width: 769px) {
  .beautiful-template .teacher-detail-inform {
    flex-wrap: wrap
    }
}
@media (max-width: 631px) {
  .beautiful-template .teacher-detail-inform {
    gap: 20px
    }
}
.teacher-detail-inform .teacher-name {
    margin-left: 10px
    }
.event-description__teacher-name {
    color: #31293a;
    font-size: 20px;
    line-height: 28px;
    font-family: FiraSans-Medium
    }


.teacher-detail-inform .teacher-detail-header {
    padding-bottom: 30px;
    border-bottom: 1px solid #F5F1F8
    }
.caption-widget .teacher-detail-inform .teacher-detail-header {
    padding: 10px;
    border: none;
    background: #faf8fb;
    border-radius: 10px;
    max-width: 417px
    }
.teacher-detail-inform .teacher-detail-header > div {
    display: inline-block;
    vertical-align: middle;
    max-width: 332px
    }
.teacher-detail-inform .teacher-detail-header > div img {
    width: 70px;
    border-radius: 50%;
    height: 70px;
    object-fit: cover
    }
.teacher-detail-inform .teacher-detail-header > div .h3, .teacher-detail-inform .teacher-detail-header > div h3 {
    font-size: 36px;
    color: #31293a;
    margin-bottom: 4px
    }
.teacher-detail-inform .teacher-detail-header > div p {
    color: #31293a;
    font-size: 18px
    }
@media screen and (max-width: 780px) {
  .teacher-detail-inform .teacher-detail-header {
    padding-bottom: 20px
    }
}
@media screen and (max-width: 720px) {
  .teacher-detail-inform .teacher-detail-header > div .h3, .teacher-detail-inform .teacher-detail-header > div h3 {
    font-size: 26px
    }
  .teacher-detail-inform .teacher-detail-header > div p {
    font-size: 16px;
    line-height: 1.3
    }
  #teacher-detail-inform-page .teacher-detail-header > div {
    padding: 10px
    }
}
@media screen and (max-width: 400px) {
  .producing .producing-desc .producing-desc-left h3, .seo-top .seo-top-inner > div h2, .teacher-detail-inform .teacher-detail-header > div h3 {
    font-size: 20px
    }
  .teacher-detail-inform .teacher-detail-header > div {
    margin-right: 0
    }
}
@media screen and (max-width: 640px) {
  .teacher-detail-inform .teacher-detail-header > div img {
    width: 50px;
    height: 50px
    }
  .teacher-detail-inform .teacher-detail-header > div h1 {
    font-size: 16px
    }
  .teacher-detail-inform .teacher-detail-header > div p {
    line-height: 17px !important;
    font-size: 12px !important
    }
  .teacher-detail-inform .teacher-detail-header > div {
    max-width: 200px;
    vertical-align: top
    }
}
.teacher-detail-inform .teacher-detail-header > div .h3, .teacher-detail-inform .teacher-detail-header > div h1, .teacher-detail-inform .teacher-detail-header > div h3 {
    color: #31293a;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 4px
    }
.teacher-detail-inform .teacher-detail-header > div p {
    line-height: 18px;
    font-size: 13px;
    margin: 0;
    color: #999
    }
.beautiful-template .teacher-detail-inform .share-buttons, .beautiful-template .teacher-detail-inform .teacher-detail-header {
    margin: 0;
    padding: 0
    }
.just-button a, .teacher-detail-body .right .form button {
    background: #ffd800;
    text-transform: uppercase;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: pointer;
    letter-spacing: 0.6px
    }
#images-gallery .grid-item a, .gallery-detail .list, .img, .informer .txt, .main .first-screen .butons-on-first .left-part-butons, .main-screen, .map-wrapper .inside, .map-wrapper .map-stations > ul, .teacher-detail-body .right > div {
    position: relative
    }
.teacher-detail-body .left {
    margin-right: 20px;
    width: 450px;
    display: inline-block;
    vertical-align: top;
    color: #777
    }
.teacher-detail-body .left .visitka, .teacher-detail-body .right .row-item {
    margin-bottom: 20px
    }
.teacher-detail-body .left .visitka iframe {
    width: 100%;
    height: 250px
    }
@media (min-width: 1102px) {
  .teacher-detail-body .left {
    min-height: 925px
    }
}
.teacher-detail-body .right .form-label {
    font-size: 24px;
    color: #31293a;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .right .form-label span {
    font-weight: 900;
    color: #8356b2
    }
.teacher-detail-body .right .form button {
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-family: FiraSans-Heavy;
    font-size: 18px;
    font-weight: 900;
    height: 66px;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    width: 100%
    }
.teacher-detail-body .right .form button span {
    color: #93761d;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 2px;
    text-transform: none;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .right input[type=tel], .teacher-detail-body .right input[type=text] {
    width: 100%;
    display: block;
    padding-left: 15px;
    background: #f5f5f5;
    box-sizing: border-box;
    border: 2px solid #f5f5f5;
    font-size: 16px;
    color: #31293a;
    height: 68px
    }
.teacher-detail-body .right input[type=tel]:focus, .teacher-detail-body .right input[type=text]:focus {
    border: 2px solid #50d68e
    }
.teacher-detail-body .error input {
    border: 2px solid #ff0101 !important;
    color: #ff0101 !important
    }
.teacher-detail-body .left .label {
    font-size: 24px;
    margin-bottom: 10px;
    color: #31293a
    }
.teacher-detail-body h4 {
    font-size: 20px;
    color: #31293a;
    margin-bottom: 20px
    }
.teacher-detail-body .h4 {
    font-size: 20px;
    color: #31293a;
    margin-bottom: 20px;
    display: block
    }
.teacher-detail-body p {
    font-size: 14px;
    color: #777;
    margin-bottom: 16px;
    line-height: 1.4
    }
.teacher-detail-body li {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
    line-height: 1.5;
    text-indent: 0;
    padding-left: 8px
    }
.teacher-detail-body .right {
    width: 418px;
    height: fit-content;
    display: inline-block;
    vertical-align: top;
    position: relative
    }
.teacher-detail-body .right > div .t1 {
    top: 0;
    left: 0
    }
.teacher-detail-body .right > div .t2 {
    left: 0;
    top: 186px
    }
.teacher-detail-body .right > div .t3 {
    left: 0;
    top: 330px
    }
.teacher-detail-body .right > div .t4 {
    left: 0;
    top: 480px
    }
.teacher-detail-body .right > div .t5 {
    top: 0;
    left: 208px
    }
.teacher-detail-body .right > div .t6 {
    top: 310px;
    left: 208px
    }
.teacher-detail-body .right > div .t7 {
    top: 619px;
    left: 208px
    }
.teacher-detail-body .right > div .t8 {
    top: 0;
    left: 419px
    }
.teacher-detail-body .right > div .t9 {
    top: 144px;
    left: 419px
    }
.teacher-detail-body .right > div .t10 {
    top: 456px;
    left: 419px
    }
@media screen and (max-width: 1060px) {
  .teacher-detail-body .left {
    margin-right: 4px;
    width: 300px
    }
  .teacher-detail-body .right {
    width: 336px
    }
  .teacher-detail-body .right li {
    width: 164px
    }
  .teacher-detail-body .right > div .t2 {
    top: 152px
    }
  .teacher-detail-body .right > div .t3 {
    top: 268px
    }
  .teacher-detail-body .right > div .t4 {
    top: 390px
    }
  .teacher-detail-body .right > div .t5 {
    left: 170px
    }
  .teacher-detail-body .right > div .t6 {
    left: 170px;
    top: 253px
    }
  .teacher-detail-body .right > div .t7 {
    left: 170px;
    top: 504px
    }
  .teacher-detail-body .right > div .t8 {
    left: 0;
    top: 624px
    }
  .teacher-detail-body .right > div .t9 {
    left: 0;
    top: 742px
    }
  .teacher-detail-body .right > div .t10 {
    left: 170px;
    top: 620px
    }
}
@media screen and (max-width: 716px) {
  .teacher-detail-body .left {
    width: auto !important
    }
}
@media screen and (max-width: 720px) {
  .teacher-detail-body .right {
    height: auto
    }
}
@media screen and (max-width: 1100px) {
  .teacher-detail-body .right > div.pc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
    }
  .teacher-detail-body .right > div.pc#pc-page {
    position: inherit
    }
  body .teacher-detail-body .right {
    padding-right: 0;
    margin: 0 auto;
    position: static
    }
  body .teacher-detail-body {
    padding-bottom: 360px
    }
  #teacher-detail-inform-page .teacher-detail-body {
    padding-bottom: 0
    }
  .free-cap .item p br, .teacher-detail-body .right .form-label br {
    display: none
    }
  .teacher-detail-body .caption-footer {
    margin-top: 20px !important;
    justify-content: flex-start
    }
  .teacher-detail-body .caption-footer .flex {
    justify-content: flex-start
    }
}
@media screen and (max-width: 640px) {
  .c_questions .c_title, .new-page .title h2, .teacher-detail-body .left .label, .teacher-detail-body .right .form-label {
    font-size: 20px
    }
  .teacher-detail-body li {
    margin-bottom: 15px;
    padding-left: 0
    }
}
.teacher-detail-body .h4, .teacher-detail-body h4 {
    font-size: 24px;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .left .vk_link_footer {
    width: 22px;
    height: 13px
    }
@media screen and (max-width: 805px) {
  .teacher-detail-body .left .visitka iframe {
    height: 200px
    }
}
.teacher-detail-slider .slick-next, .teacher-detail-slider .slick-prev {
    width: 15px;
    margin-top: -12px;
    height: 24px;
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none
    }
.teacher-detail-slider .slick-prev {
    background: url(../images/prev-white.png) center 0 no-repeat;
    left: 20px
    }
.teacher-detail-slider .slick-next {
    background: url(../images/next-white.png) center 0 no-repeat;
    cursor: pointer;
    right: 20px
    }
.teacher-detail-slider ul.slick-dots li button {
    background: #cacaca;
    border: none;
    border-radius: 8px;
    display: block;
    height: 8px;
    padding: 0;
    width: 8px
    }
.teacher-detail-slider ul.slick-dots li.slick-active button {
    background: #8356b2
    }
.teacher-detail-slider ul.slick-dots li {
    display: inline-block;
    float: none;
    height: 8px;
    margin: 0 3px;
    width: auto
    }
@media screen and (max-width: 716px) {
  .about-dance1, .activities #activities .activities-extra, .article .article-description h2, .payment-page .list-of-payments .buttons, .teacher-detail-slider .slick-dots {
    text-align: center
    }
}
@media screen and (max-width: 720px) {
  .teacher-detail-slider .slick-next .teacher-detail-slider {
    margin-bottom: 36px;
    display: block
    }
}
@media screen and (max-width: 1100px) {
  .teacher-detail-slider .slick-next, .teacher-detail-slider .slick-prev {
    background-position: center bottom
    }
}
@media screen and (max-width: 640px) {
  .teacher-detail-slider .slick-next .got-questions button {
    width: 100%;
    margin: 0
    }
}
.teacher-detail-slider .slick-track li {
    height: 491px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
    }
.teacher-detail-slider .slick-track li img {
    height: 491px;
    max-width: none
    }
#footer .footer-bottom .payment .soc, #header, #main-menu .coll .prev-menu, #main-menu .coll .show-sm, #main-menu .coll > .h4, #menu-pop .col-l .prev-menu, .activities #activities ul li .slide, .casting-inner, .casting-page .casting-body .row:hover .coll-3 .flex-inner-extra, .list-of-articless li .mobile-text, .list-vertical-dance ul li .img-main, .list-vertical-theator ul li .img-main, .mobile-menu, .order-free .soc-icons, .pagination ul .dots, .pc-page-mobi, .photo-video-slider .inside #photo-video-slider ul li.slick-center > div:after, .producing-detail .inside .desctop-title, .teachers .list-of-teachers li.hidden, .women #director {
    display: none
    }
@media screen and (max-width: 720px) {
  .pc-page-mobi {
    display: block
    }
  .pc-page-pc {
    display: none
    }
}
@media screen and (max-width: 1100px) {
  .teacher-detail-body .right > div.pc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
    }
  .teacher-detail-body .right > div.pc#pc-page {
    position: inherit
    }
}
@media screen and (max-width: 950px) {
  .violet-floor .irbis_phone, .words-about-us .part-2 ul.pc {
    display: none
    }
}
@media screen and (max-width: 959px) {
  .select-city .column li.pc {
    display: none
    }
}
@media screen and (max-width: 720px) {
  .pc-page-pc {
    display: none
    }
}
#footer .footer-bottom .payment .soc, #header, #main-menu .coll .prev-menu, #main-menu .coll .show-sm, #main-menu .coll > .h4, #menu-pop .col-l .prev-menu, .activities #activities ul li .slide, .casting-inner, .casting-page .casting-body .row:hover .coll-3 .flex-inner-extra, .list-of-articless li .mobile-text, .list-vertical-dance ul li .img-main, .list-vertical-theator ul li .img-main, .mobile-menu, .order-free .soc-icons, .pagination ul .dots, .pc-page-mobi, .photo-video-slider .inside #photo-video-slider ul li.slick-center > div:after, .producing-detail .inside .desctop-title, .teachers .list-of-teachers li.hidden, .women #director {
    display: none
    }
@media screen and (max-width: 720px) {
  .pc-page-mobi {
    display: block
    }
}
.teacher-detail-body .right .form-label {
    font-size: 24px;
    color: #31293a;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: FiraSans-Regular
    }
.teacher-detail-body .right .form-label span {
    font-weight: 900;
    color: #8356b2
    }
@media screen and (max-width: 1100px) {
  .free-cap .item p br, .teacher-detail-body .right .form-label br {
    display: none
    }
}
@media screen and (max-width: 640px) {
  .c_questions .c_title, .new-page .title h2, .teacher-detail-body .left .label, .teacher-detail-body .right .form-label {
    font-size: 20px
    }
}
.diplom-slider {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px
    }
.diplom-slider div {
    width: calc(25% - 10px);
    margin-right: 10px;
    margin-bottom: 10px
    }
.diplom-slider div:nth-child(4n+1) {
    margin-right: 0
    }
#oplata-video, .activities #activities ul li:nth-child(4), .activities #activities ul li:nth-child(5), .activities #activities ul li:nth-child(6), .link-back {
    margin-bottom: 40px
    }
.link-back a {
    text-decoration: underline;
    color: #8453b4
    }
#main-menu .coll .h3 a:hover, #main-menu .coll li a:hover, #main-menu .coll-1 .violet li a:hover, #main-menu .coll-3 .violet li a:hover, #main-menu .coll-4 .dance-skool:hover, #main-menu .coll-4 .violet li a:hover, #main-menu .coll-4 li a:hover, .about-dance-page .inside .description-of-dance .breadcrumbs li a:hover, .about-theator-page .inside .description-of-dance .breadcrumbs li a:hover, .breadcrumbs li a:hover span, .casting-page .casting-body .row:hover > div, .comments #comments ul li div:hover p, .dance-extra-widget .white .right > div ul li a:hover, .faq-page .inside li .h4:hover, .faq-page .inside li h4:hover, .grope-dance .inside .breadcrumbs li a:hover, .history ul.list-of-history li > div:hover p, .link-back a:hover, .list-of-images li > div:hover .desc h6, .list-of-sertificates li > div:hover .desc h4, .main .first-screen .butons-on-first .right-part-butons:hover > div p, .pagination ul li a:hover, .payment-page .list-of-payments .payments-dropdown ul li:hover h4, .payment-page .list-of-payments .payments-dropdown ul li:hover p, .payment-page .list-of-payments .row .agree-field a:hover, .performance-page .inside .list-of-performance .row .desc p a:hover, .producing-list .list-of-items li > div:hover .h4, .producing-list .list-of-items li > div:hover h4 {
    color: #ff6a4d
    }
@media (max-width: 700px) {
  .link-back {
    padding-left: 10px
    }
}