/*ОБЩИЕ СТИЛИ*/
:root {
--text-color: #352D28;
--background: #F8F4EB;
--accent-yellow: #FFD70C;
--accent-red: #F86262;
--placeholder-text: #999999;
}

body {
    font-family: 'Montserrat';
    background: var(--background);
    color:var(--text-color);
    font-size:15px;
    position:relative;
}

/*ШАПКА САЙТА*/
header {
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-top:15px;
    padding-bottom:15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left:2px solid #000;
    border-bottom: 2px solid #000;
    border-right:2px solid #000;
    background:#fff;
    margin-bottom:35px;
}
.left_header {
    display:flex;
    padding-left:15px;
    width:30%;
    justify-content:space-between;
    align-items: center;
}
.left_header svg {
    height:35px;
}
.left_header select {
    border-radius: 25px;
    padding:10px 15px;
    
}
.right_header a {
    color:var(--text-color);
}
.right_header {
    display:flex;
    justify-content: flex-end;
    width:70%;
    padding-right: 15px;
    align-items: center;
}
.right_header ul li {
    padding-left:10px;
    padding-right:10px;
}
.login {
    border-radius:15px;
    padding:5px 20px;
    border:1px solid var(--text-color);
}

/*ФУТЕР*/
footer {
    margin-top:35px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-left:2px solid #000;
    border-top: 2px solid #000;
    border-right:2px solid #000;
    background:#fff;
    font-size:11px;
}
.footer_top {
    display:flex;
    justify-content: space-between;
    margin:50px 50px 0px 50px;
    border-bottom: 1px solid var(--text-color);
}
.footer_top svg {
    margin-bottom:20px;
}
.left_footer {
    text-align:left;
}
.left_footer p {
    margin-bottom:30px;
}
.right_footer {
    display:flex;
}
.right_footer span {
    margin-left:40px;
    font-weight:bold;
}
.right_footer ul {
    margin-top:20px;
    list-style:none;
}
.right_footer li {
    margin-bottom:10px;
}
.right_footer a {
    color:var(--text-color);
}
.footer_contacts {
    font-style:italic;
}
.stroke {
    text-decoration:underline;
}
.footer_bottom {
    padding-top:25px;
    padding-bottom:25px;
    text-align:center;
}
.footer_bottom a {
    color:var(--text-color);
    text-decoration:underline;
}

/*БАННЕР*/
.banner {
    display:flex;
    justify-content:space-between;
    margin-bottom:100px;
}
.banner.container {
    padding-left:0;
    padding-right:0;
}
.banner_left {
    width:45%;
}
.banner_left img {
    width:95%;
    height:auto;
}
.banner_right {
    width:55%;
    padding-top:80px;
    position:relative;
}
.banner h1 {
    font-weight:800;
    text-transform: uppercase;
    margin-bottom:0;
    position:relative;
}
.banner h1::after {
    content:url('/assets/template/img/stroke_title.svg');
    position:absolute;
    right:15%;
    bottom:-15px;
}
.banner p {
    width:60%;
    margin-top:30px;
    margin-bottom:30px;
}
.main_buttons {
    width:80%;
    display:flex;
    justify-content:space-between;
}
.main_buttons div {
    width:50%;
    padding-left: 5%;
    position:relative;
}
.main_buttons button {
    width:100%;
    text-transform: uppercase;
    font-weight:700;
    font-size:14px;
    border-radius:25px;
    font-family: 'Inter Tight';
    padding-top:7px;
    padding-bottom:7px;
}
.button_student {
    background: var(--accent-yellow);
}
.button_teacher {
    background: var(--accent-red);
}
.vzhik1 {
    position:absolute;
    bottom:-20px;
    left:-10px;
}
.vzhik2 {
    position:absolute;
    top:-20px;
    right:-20px;
}
.star1 {
    position:absolute;
    top: 20px;
    right: 100px;
}
.star2 {
    position:absolute;
    bottom: 10px;
    right:0;
}
.star3 {
    position:absolute;
    margin-top: 50px;
    left: 100px;
}

/*ПРЕИМУЩЕСТВА*/
h2 {
    font-weight:800;
    text-transform: uppercase;
    text-align:center;
    margin-bottom:0;
    position:relative;
    margin-bottom:80px;
}
.help h2:after {
    content:url('/assets/template/img/stroke_title3.svg');
    position:absolute;
    right:0;
    bottom:-23px;
}
.heroslider_flex {
    display:flex;
    align-items:top;
}
.heroslider_flex svg {
    width:105px;
    height:105px;
    margin-right:20px;
}
.heroslider_flex h4 {
    font-weight: 700;
    font-size:16px;
}
.heroslider_text {
    width:50%;
}
.prev {
    background:url('/assets/template/img/arrow_left.svg') no-repeat;
    width:64px;
    height:64px;
    position:absolute;
    bottom:-100px;
    left:44%;
}
.next {
    background:url('/assets/template/img/arrow_right.svg') no-repeat;
    width:64px;
    height:64px;
    position:absolute;
    bottom:-100px;
    right:44%;
}
.big_border {
    background:url('/assets/template/img/big-border.svg') no-repeat;
    background-size:cover;
    height: 130px;
    margin-top:100px;
    position:relative;
    z-index:10;
}

/*ИНФОРМАЦИОННЫЙ БЛОК*/
.info_block {
    background:#fff;
    padding-top:150px;
    margin-top:-100px;
    position:relative;
    z-index:0;
    padding-bottom:75px;
}
.info_svg {
    padding-left:80px;
}
.info_svg img {
    width:100%;
    height:auto;
}
.info_block .container {
    display:flex;
    justify-content:center;
}
.info_block h2 {
    padding-left:30px;
    padding-right:30px;
}
.info_block h2:after {
    content:url('/assets/template/img/stroke_title3.svg');
    position:absolute;
    right:0;
    bottom:-23px;
}

/*ОТЗЫВЫ*/
.review_block {
    background:#fff;
}
.review_block h2 {
    padding-top:75px;
    margin-bottom:30px !important;
    width:50%;
    border-top:1px solid var(--text-color);
    margin-left:25%;
}
.rev_slider_item {
    background:var(--background);
    padding:25px;
    border:2px solid var(--text-color);
    border-radius:15px;
    margin-left:50px;
    margin-right:50px;
}
.rev_slider_title {
    display:flex;
}
.rev_slider_title img {
    margin-right:20px;
    border-radius:15px;
    width:100px;
    height:100px;
    object-fit:cover;
}
.rev_title_info {
    position:relative;
    width:100%;
}
.rev_title_info h5 {
    font-weight:bold;
    margin-bottom:20px;
}
.rev_title_info h5:after {
    content:url('/assets/template/img/star4.svg');
    right:0;
    position:absolute;
}
.raiting_sum {
    background:url('/assets/template/img/raiting.svg') no-repeat;
    padding-left:25px;
    font-weight:bold;
    font-size:18px;
    margin-right:25px;
}
.object_rev {
    border-radius:20px;
    border:1px solid var(--text-color);
    padding:3px 10px;
    text-decoration:none;
    color:var(--text-color);
    margin-right:25px;
}
.marks {
    padding:3px 10px;
    text-decoration:underline;
    color:var(--text-color);
}
.rev_text {
    display:flex;
    justify-content:space-between;
    width:100%;
    margin-top:30px;
}
.raiting_from {
   font-weight:bold;
   font-size:18px; 
   margin-bottom:20px;
}
.raiting {
    display:flex;
}
.raiting img {
    margin-left:5px;
    width:24px;
    height:auto;
    margin-top:-20px;
}
.revoslider .slick-center {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.revoslider .slick-track {
    padding-top:50px;
    padding-bottom:50px;
}
.revoslider .prev {
    background:url('/assets/template/img/arrow_prev.svg') no-repeat;
    width:64px;
    height:64px;
    position:absolute;
    bottom:-100px;
    left:44%;
}
.revoslider .next {
    background:url('/assets/template/img/arrow_next.svg') no-repeat;
    width:64px;
    height:64px;
    position:absolute;
    bottom:-100px;
    right:44%;
}
.big_border2 {
    background:url('/assets/template/img/big-border2.svg') no-repeat;
    background-size:cover;
    height: 130px;
    margin-top:100px;
    position:relative;
    z-index:10;
}

/*СОТРУДНИЧЕСТВО*/
.collaboration {
    position:relative;
}
.collaboration h2 {
    width:60%;
    margin-left:20%;
    margin-bottom:100px;
}
.collaboration h2:after {
    content:url('/assets/template/img/stroke_title3.svg');
    position:absolute;
    right:0;
    bottom:-23px;
}
.left_collaboration {
    position:absolute;
    left:60px;
    top:5%;
}
.right_collaboration {
    position:absolute;
    right:65px;
    bottom:15%;
}
.collaboration_block {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.collaboration_item {
    width:45%;
    display:flex;
    background:#fff;
    margin:20px;
    padding:20px;
    border-radius:15px;
}
.collaboration_item svg {
    height:60px;
    width:auto;
    margin-right:25px;
}
.collaboration_text h5 {
    font-weight:bold;
    margin-bottom:15px;
}
.collaboration_text p {
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    padding-top:0;
}
.collaboration_text a {
    color:var(--text-color);
    text-decoration:underline;
}
.collaboration button {
    text-transform: uppercase;
    font-weight:700;
    font-size:14px;
    border-radius:25px;
    font-family: 'Inter Tight';
    padding-top:7px;
    padding-bottom:7px;
    padding:10px 25px;
}
.center_action {
    position:relative;
    margin-left: 35%;
    margin-top:40px;
    margin-bottom:60px;
    width:20%;
}

/*БЛОГ*/
.blog {
    position:relative;
    padding-bottom:200px;
}
.blog h2 {
    padding-top:50px;
    margin-bottom:30px !important;
    width:50%;
    border-top:5px dashed var(--text-color);
    margin-left:25%;
}
.blog h2 a {
    color:var(--text-color);
    text-decoration:none;
}
.star_blog1 {
    position:absolute;
    left:80px;
    top:20%;
}
.star_blog2 {
    position:absolute;
    right:0;
    top:55%;
}
.blog_item {
    width:100%;
    border-radius:15px;
    border:2px solid var(--text-color);
    display:flex;
    background:#fff;
    padding-right:30px;
    margin-bottom:30px;
}
.blog_img {
    width:35%;
    overflow:hidden;
}
.blog_img img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:15px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.blog_text {
    width:65%;
    padding:30px 0px 30px 30px;
}
.blog_text p {
    max-height: 75px;
    overflow:hidden;
    text-overflow: ellipsis;
}
.blog_title {
    display:flex;
    margin-bottom:20px;
}
.blog_title img {
    width: 64px;
    height:64px;
    object-fit:cover;
    border-radius:100%;
    margin-right:15px;
}
.blog_title div {
    width:85%;
    display:flex;
    flex-direction:column;
}
.autor {
    font-weight:700;
    padding-top:10px;
    padding-bottom:10px;
}
.date {
    color:var(--placeholder-text);
}

/*****************************СТРАНИЦА РЕГИСТРАЦИЙ*****************************/
.breadcrumb {
    position:relative;
    margin-left:50px;
    background:transparent;
    font-weight:400;
}
.pagetitle {
    position:relative;
}
.star_title1 {
    position:absolute;
    zoom:90%;
    left: 25px;
    top:0;
}
.star_title2 {
    position:absolute;
    zoom:90%;
    right: 25px;
    top:-30px;
}
.title_block {
    text-align:center;
    margin-bottom:40px;
}
.title_block h1 {
    font-weight:800;
}
.breadcrumb svg {
    width: 6px;
    margin-left:10px;
    margin-right:10px;
    margin-top:-2px;
}
.breadcrumb-item.active, .breadcrumb a  {
    color: var(--text-color);
} 
.form-step.active {
  display: block;
}
.form-step {
  display: none;
}
.card {
  border-radius:30px;
  border:2px solid var(--text-color);
}
.inner input, .inner select, .inner textarea {
    background: var(--background);
    border:none;
    border-radius:30px;
    color:var(--placeholder-text);
    padding-left:10px;
    padding-right:10px;
}
.inner select {
    height:38px;
    width:100%;
}
.prev-button {
    background: url('/assets/template/img/arrow_left_white.svg') no-repeat !important;
    background-size:100%;
    height: 30px;
    width:30px;
    border:none;
    background:none;
}
.next-button {
    background: url('/assets/template/img/arrow_right_white.svg') no-repeat !important;
    height: 30px;
    width:30px;
    border:none;
    background:none;
}
.gender_field {
    display:flex;
}
.gender_row {
    display:flex;
    margin-right:35px;
}
.gender_row input {
    margin-right:10px;
}
input[type='checkbox'] {
 accent-color: var(--accent-yellow);
  font-weight: bold; 
  padding-left:0;
  padding-right:0;
}
.inner textarea {
border-radius:20px;
height: 100px;
}
.card .btn-primary {
    background:var(--accent-yellow);
    border-radius:20px;
    border:none;
    font-weight:700;
    color:var(--text-color);
    padding-left:20px;
    padding-right:20px;
    margin-left:15px;
}
.red_link, .red_link:hover {
    color:var(--accent-red);
}

/*****************************СТРАНИЦА БЛОГА И СТАТЬИ*****************************/
.blog_page .star_title1 {
    display:none;
}
.star_blog3 {
    position:absolute;
    top:55%;
    left:25px;
}
.star_blog4 {
    position:absolute;
    bottom:17%;
    left:35px;
}
.star_blog5 {
    position:absolute;
    top:40%;
    right:25px;
}
.star_blog6 {
    position:absolute;
    bottom:10%;
    right:30px;
}
.title_flex {
    display:flex;
    justify-content:space-between;
}
.title_flex h1 {
    width:50%;
    text-align:left;
}
.title_flex .title_blog_page {
    width:45%;
    background:#fff;
    padding:15px;
    border:2px solid #000;
    border-radius:15px;
}
.title_flex .title_blog_page .raiting_sum {
    margin-right:15px;
}
.title_flex .title_blog_page .rev_title_info h5 {
    text-align:left;
}
.title_flex .title_blog_page .rev_title_info h5:after {
    display:none;
}
.title_flex .title_blog_page span {
    text-align:right;
}
.title_flex .title_blog_page .object_rev {
    margin-right:15px;
}
.title_flex .title_blog_page .date {
    padding-top:5px;
}
.title_flex .rev_slider_title img {
    border-radius:100%;
    width:75px;
    height:75px;
}
.content {
    padding-left:5%;
    padding-right:5%;
    padding-bottom:50px;
}
.content h2 {
    font-weight:700;
    margin-bottom:20px;
    text-transform:none;
    text-align:left;
}
.content h3, .content h4, .content h5 {
    font-weight:700;
}
.content a {
    color:var(--accent-red);
}
.content .span {
    border-left: 5px solid var(--accent-yellow);
    padding-left:15px;
}
.star_article1 {
    position:absolute;
    left:0;
    top:30%;
}
.star_article2 {
    position:absolute;
    left: 25px;
    bottom:30%;
}
.star_article3 {
    position:absolute;
    right:0;
    top:32%;
}
.star_article4 {
    position:absolute;
    right:25px;
    bottom:15%;
}
.top_button {
    position:absolute;
    bottom: 350px;
    right:7%;
    width: 43px;
    height:43px;
}

/*****************************СТРАНИЦА О ПРОЕКТЕ*****************************/
.project {
    display:flex;
    justify-content:space-between;
    position:relative;
    align-items: center;
}
.project_text {
    width:45%;
}
.project_text h1 {
    text-transform: uppercase;
    font-weight:bold;
    margin-bottom: 25px;
}
.project_text svg {
    margin-left: 000px;
    margin-top: 50px;
}
.project_img {
    width:48%;
}
.project_img img {
    width:100%;
    height:auto;
    border-radius:30px;
    border:2px solid #000;
}
.project_img svg {
    position:absolute;
    bottom:-35px;
    right:15px;
}
.big_border3 {
    background:url('/assets/template/img/big-border3.svg') no-repeat;
    background-size:cover;
    height: 130px;
    margin-top:-50px;
    position:relative;
    z-index:10;
}
.spoiler input, .spoiler div  { 
    display: none; 
}
.spoiler label::after {
    content: url('/assets/template/img/arrow_bottom.svg'); 
    margin-right: 5px; 
}
.spoiler :checked + label::after { 
    content: url('/assets/template/img/arrow_top.svg'); 
}
.spoiler :checked ~ div {
    display: block;
    padding: 10px; 
}
.spoiler_block {
    padding-left:15%;
    padding-right:15%;
    margin-bottom:100px;
}
.spoiler label {
    border-bottom:1px solid #ccc;
    padding-top:25px;
    width:100%;
    display:flex;
}
.spoiler label p {
    width:95%;
    font-size:24px;
    font-weight:700;
}
.buttons {
    position:relative;
    text-align:center;
}
.buttons .container {
    display:flex;
    justify-content:space-between;
}
.buttons .main_buttons {
    width:50%;
}
.buttons .main_buttons .vzhik1 {
    bottom:60px;
}

/*****************************СТРАНИЦА СТАТЬ РЕПЕТИТОРОМ*****************************/
.be-banner {
    position:relative;
}
.be-banner .container {
    padding-left:15%;
    padding-right:15%;
}
.winter {
    text-align:center;
    background: url('/assets/template/img/winter.svg') no-repeat;
    background-size:100%;
    padding-top:95px;
    padding-bottom:75px;
}
.winter h1 {
    margin-left:5%;
    width:90%;
    font-weight:bold;
    text-transform: uppercase;
}
.winter p {
    margin-top:30px;
    margin-bottom:30px;
}
.winter button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    border-radius: 25px;
    font-family: 'Inter Tight';
    padding-top: 7px;
    padding-bottom: 7px;
    padding: 10px 25px;
}
.winter .vzhik2 {
    position: absolute;
    top: -20px;
    right: -100px;
}
.be-banner .star-teacher1 {
    position:absolute;
    right: 50px;
}
.be-banner .star-teacher2 {
    position:absolute;
    left:80px;
    bottom: 15%;
}
.be-banner .star-teacher3 {
    position:absolute;
    right: 30px;
    bottom:0;
}
.advantages {
    margin-top:100px;
    position:relative;
}
.advantages h2:after {
    content: url(/assets/template/img/stroke_title3.svg);
    position: absolute;
    left: 150px;
    bottom: -23px
}
.be_page .info_block {
    padding-bottom:0;
}
.faq {
    padding-top:120px;
}
.collaboration.faq h2 {
    margin-bottom:35px;
}
.collaboration.faq h2:after {
    display:none;
}
.faq_star1 {
    position:absolute;
    left:0;
    bottom:150px;
}
.faq_star2 {
    position:absolute;
    right:30px;
    bottom:300px;
}

/*****************************КАТАЛОГ ПРЕПОДАВАТЕЛЕЙ*****************************/
.katalog {
    position:relative;
}
.katalog .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom:130px;
}
.katalogoslider {
    width: 65%;
}
.katalog .blog_text {
    width:100%;
}
.katalog .rev_title_info h5:after {
    display:none;
}
.katalog .rev_slider_title {
    margin-bottom:15px;
}
.price_teach {
    color:var(--placeholder-text);
}
.katalog h6 {
    font-weight:700;
}
.katalog .blog_text p {
    height:55px;
}
.katalogoslider .prev {
    left:35%;
}
.katalog_star1 {
    position:absolute;
    left:0;
    top:55%;
}
.katalog_star2 {
    position:absolute;
    left:35px;
    bottom: 10%;
}
.filter {
    width: 30%;
}
.flex-form {
    display:flex;
    width:100%;
    justify-content:space-between;
}
.flex-form input[type=checkbox] {
    width:12px;
    height:12px;
    margin-right:15px;
}
.fop_flex {
    justify-content:flex-start;
    align-items:center;
}
.katalog input[type=submit] {
    height:35px;
    width:47%;
}
.btn-skip {
    border:2px solid var(--text-color) !important;
    color:var(--text-color) !important;
    background:#fff !important;
}
.filter.card {
    border:none;
}
.big_border2.new_border {
    margin-top:-100px;
}
.katalog_page .info_block h2:after {
    right:200px;
}
.adv_katalog_flex {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:space-between !important;
    margin-bottom:100px;
}
.adv_item {
    width:47%;
    height: 130px;
    background:var(--background);
    border-radius:15px;
    border:none;
    margin-bottom:30px;
    padding:20px;
    display:flex;
}
.adv_img {
    margin-right:25px;
}
.adv_img svg {
    width:60px;
}
.adv_item h4 {
    font-weight:700;
    padding-top:15px;
}

/*****************************ПРЕПОДАВАТЕЛЬ - УЧЕНИКИ*****************************/
.student_list {
    margin-bottom:200px;
}
.student_list-flex {
    display:flex;
    justify-content:space-between;
}
.sitebar {
    width: 30%;
    background: #fff;
    border-radius: 20px;
    padding:25px;
}
.sitebar ul {
    padding-left:0;
    list-style:none;
}
.sitebar ul li {
    font-size: 18px;
    font-weight: 700;
    margin-bottom:20px;
}
.sitebar ul li a {
    color:var(--text-color);
}
.studentoslider  {
    width: 65%;
}
.studentoslider .rev_slider_title img {
    width:75px;
    height:75px;
}
.studentoslider .rev_slider_title {
    padding:20px;
    background:#fff;
    border-radius: 20px;
    margin-bottom:30px;
    display:flex;
}
.studentoslider .rev_title_info h5:after {
    display:none;
}
.studentoslider .price_teach {
    font-size:14px;
    padding-top:3px;
}
.studentoslider .prev {
    left: 35%;
}
.rev_slider_text {
    display:flex;
}
.select_fields {
    display:flex;
    border-radius:100px;
    background:#fff;
    
}
.error {
    color: #721c24;
    background-color: #f8d7da;
    position: relative;
    padding: .75rem 1.25rem;
    margin-top: 1rem;
    border: 1px solid #f5c6cb;
    border-radius: .25rem;
}

.about_teacher {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:70px;
}
.avatar img {
    width:100px;
    height:100px;
    border-radius:30px;
    margin-right:25px;
}
.about_teacher .title {
    text-align:left;
    width:100%;
}
.about_teacher .title h1 {
    color:#352D28;
    font-family:'Montserrat';
    font-weight:bold;
}
.write_down a {
    background: #FFD70C;
    padding: 20px 40px;
    border:2px solid #352D28;
    color:#352D28;
    font-family:'Montserrat';
    font-weight:bold;
    text-decoration:none;
    font-size:15px;
    border-radius:35px;
}
.content_teacher {
    margin-bottom:50px;
}
.content_teacher h2 {
    text-align:left;
    margin-bottom:25px;
}
.profile_row {
    display:flex;
    justify-content:space-between;
}
.profile_row span {
    font-weight:bold;
}
.content_teacher label {font-weight:bold;}
.content_teacher .spoiler > input + label:after{float: right;font-weight: bold;}
.content_teacher .spoiler > input:checked + label:after{float: right;font-weight: bold;}
.content_teacher .spoiler > input:checked + label {border-bottom: none;}
.content_teacher .spoiler > input{display:none;}
.content_teacher .spoiler > input + label , .spoiler > .spoiler_body{padding:5px 15px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.content_teacher .spoiler > input + label + .spoiler_body{display:none;}
.content_teacher .spoiler > input:checked + label + .spoiler_body{display: block;}
.content_teacher .spoiler > .spoiler_body{border-top: none;}
.content_teacher .spoiler > input{display:none;}
.content_teacher .spoiler > input + label , .spoiler > .spoiler_body{padding:5px 15px 15px 15px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.content_teacher .spoiler > input + label + .spoiler_body{display:none;}
.content_teacher .spoiler > input:checked + label + .spoiler_body{display: block; border-bottom:2px solid #ccc;}
.content_teacher .spoiler > .spoiler_body{border-top: none;}
.content_teacher .spoiler > .spoiler_body div {display:block;}
.content_teacher .spoiler > .spoiler_body .profile_row {display:flex; margin-bottom:20px; margin-left:70px;}

.time_row {
    width:80%;
    margin-left:10%;
    display:flex;
    margin-bottom:20px;
    margin-top:20px;
}
.time_row .reset {
    height: 45px;
    border-radius: 20px;
    border: none;
    background: transparent;
    border:2px solid #000;
    font-weight: bold;
    width: 100%;
    margin-left:5px;
    margin-right:5px;
}
.time_row .save {
    height: 45px;
    border-radius: 20px;
    border: none;
    background: #FFD70C;
    font-weight: bold;
    width: 100%;
    margin-left:5px;
    margin-right:5px;
}
.time_row form {
    width:100%;
}
.save_grafik {
     height: 45px;
    border-radius: 20px;
    border: none;
    background: #FFD70C;
    font-weight: bold;
    width: 100%;
    margin-left:5px;
    margin-right:5px;
}
.ui-dialog.ui-widget {
    z-index:1051 !important;
}

.ui-widget-content {
   border: none;
    border-radius:20px;
    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
}
.fc-highlight {
    background-color:red !important;
}
@media(min-width:768px) {
    .booking_row {
        width:40%;
        margin-left:30%;
    }
    .calendar_student {
        width:70%;
        margin-left:15%;
        margin-bottom:30px;
    }
}
@media(max-width:768px) {
    .booking_row {
        width:100%;
         margin-left:0;
    }
    .calendar_student {
       width:100%;
         margin-left:0;
         margin-bottom:30px;
    }
}

#modal .modal-content {
    border-radius:25px;
    border:2px solid #000;
    padding:20px;
    text-align:center;
    font-family:'Montserrat';
}
#modal h3 {
    font-family:'Montserrat';
}
#modal select {
    width:80%;
    margin-left:10%;
    height:45px;
    border-radius:25px;
    background:#F8F4EB;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:30px;
}
#modal textarea {
    width:80%;
    margin-left:10%;
    border-radius:25px;
    background:#F8F4EB;
    padding:10px;
}
.publish_blog {
    padding:3px 15px;
    border-radius:20px;
    background:#FFD70C;
    color:#fff;
}
.blog__itemDate span.publish_blog:not(:first-child)::before {display:none;}






/* materialSection */
.materialSection {
}
.materialSectionCaption {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    gap: 16px;
}
.materialSectionCaption li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 100px;
    border: 1px solid #352D28;
    transition: .25s all ease-in-out;
    cursor: pointer;
    min-height: 40px;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding: 5px;
}
.materialSectionCaption li:hover {
    text-decoration: none;
    opacity: .8;
}
.materialSectionCaption li.active {
    background-color: #F86262;
    border-color: #F86262;
    font-weight: 700;
    cursor: default;
    opacity: 1;
}
.materialSection__wrapper {
}
.materialSection__tab {
    display: none;
}
.materialSection__tab.active {
    display: block;
}
.materialSection__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 36px 20px
}
.materialSection__itemAdd {
    width: 100%;
    height: 100%;
    background-color: #FFD70C;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23352D28' d='M82.333 56.325h-26v26h-8.667v-26h-26v-8.667h26v-26h8.667v26h26v8.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    border-radius: 16px;
    transition: .25s all ease-in-out;
}
.materialSection__itemAdd:hover {
    text-decoration: none;
    opacity: .85;
}
.materialSection__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: .25s all ease-in-out;
}
.materialSection__item:hover {
    text-decoration: none;
    opacity: .9;
}
.materialSection__itemImg {
    display: flex;
    border-radius: 16px;
    background: #FFF;
    width: 100%;
    height: auto;
    aspect-ratio: 1.229730;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='105' height='104' fill='none' viewBox='0 0 105 104'%3e%3cpath fill='%23999' d='M74.167 34.667a8.667 8.667 0 1 0 0-17.333 8.667 8.667 0 0 0 0 17.333Z'/%3e%3cpath fill='%23999' stroke='%23999' stroke-width='2' d='m23.146 48.296-6.526 5.438c-1.534 1.279-2.301 1.92-2.713 2.79-.407.876-.407 1.873-.407 3.87v8.94c0 8.173 0 12.255 2.54 14.794 2.539 2.54 6.62 2.54 14.793 2.54h39c8.173 0 12.255 0 14.794-2.54 2.54-2.54 2.54-6.621 2.54-14.794v-.745c0-1.768 0-2.656-.33-3.45-.329-.792-.953-1.425-2.21-2.677l-4.823-4.824c-3.588-3.587-5.382-5.381-7.466-6.01a8.666 8.666 0 0 0-5.01 0c-2.08.629-3.878 2.422-7.466 6.01-2.535 2.535-3.804 3.805-5.152 4.04a4.334 4.334 0 0 1-3.029-.581c-1.161-.72-1.868-2.37-3.285-5.669l-.511-1.195c-3.462-8.078-5.191-12.116-8.45-13.468a8.665 8.665 0 0 0-2.643-.638c-3.519-.273-6.89 2.54-13.646 8.169Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.materialSection__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.materialSection__itemTitle {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .materialSection__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .materialSectionCaption {
        gap: 10px;
    }
    .materialSectionCaption li {
        font-size: 14px;
    }
    .materialSection__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
/* materialSection */

/* materialInner */
.materialInner__container {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 30px;
}
.materialInner__aside {
    padding: 16px;
    border-radius: 24px;
    background-color: #fff;
}
/*.materialInner__asideTitle {
    border-radius: 18px;
    background: #F8F4EB;
    min-height: 160px;
    padding: 20px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}*/
.materialInner__asideTitle {
    width: 100% !important;
    border:none !important;
    border-radius: 25px;
    background: #F8F4EB;
    min-height: 60px !important;
    padding-left: 20px;
    padding-right:20px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.materialInner__asideSection {
}
.materialInner__asideSectionTitle {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #F8F4EB;
}
.materialInner__asideSectionList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.materialInner__asideSectionItem {
}
.materialInner__asideSectionItemTitle {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    padding-left: 8px;
    border-left: 1px solid #FFD70C;
    display: flex;
    align-items: center;
    gap: 10px;
}
/*.materialInner__asideSectionItemTitle::after {
    content: '';
    width: 12px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23352D28' d='M14.364 5.292a1 1 0 0 0-1.415 0L8 10.242l-4.95-4.95a1 1 0 0 0-1.414 1.414l5.657 5.657a1 1 0 0 0 1.414 0l5.658-5.657a1 1 0 0 0 0-1.414Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    transition: .25s all ease-in-out;
}*/
.materialInner__asideSectionItem.active .materialInner__asideSectionItemTitle::after {
    transform: rotate(180deg);
}
.materialInner__asideSectionItemContent {
    display: none;
    padding-left: 20px;
}
.materialInner__asideSectionItemLesson {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    padding-left: 8px;
    border-left: 1px solid #FFD70C;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.materialInner__asideSectionAdd {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #F86262;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .25s all ease-in-out;
}
.materialInner__asideSectionAdd:hover {
    text-decoration: none;
    color: #F86262;
    opacity: .8;
}
.materialInner__asideSectionAdd::after {
    content: '';
    width: 12px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23F86262' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.materialInner__asideFooter {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.materialInner__asideAdd {
    border-radius: 100px;
    background: transparent;
    border: 1px solid #352D28;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.materialInner__asideAdd::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23352D28' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.materialInner__asideAdd:hover {
    text-decoration: none;
    background-color: transparent;
    color: #352D28;
    opacity: .8;
}
.materialInner__asideSave {
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.materialInner__asideSave:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
.materialInner__content {
}
.materialInner__lessonsList {
}
.materialInner__lesson {
    border-radius: 24px;
    padding: 24px;
    background-color: #fff;
}
.materialInner__lessonTitle {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    border-bottom: 1px solid #F8F4EB;
    padding-bottom: 12px;
}
.materialInner__lessonBtn {
    margin-top: 24px;
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 10px;
    transition: .25s all ease-in-out;
}
.materialInner__lessonBtn::before {
    content: '';
    width: 14px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23352D28' d='M25.835 14.829h-11v11h-3.667v-11h-11v-3.667h11v-11h3.667v11h11v3.667Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.materialInner__lessonBtn:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
    .materialInner__container {
        grid-template-columns: 320px 1fr;
    }
    .materialInner__lessonTitle {
        font-size: 22px;
    }
    .materialInner__asideTitle {
        font-size: 18px;
        min-height: 140px;
    }
}
@media(max-width:992px) {
    .materialInner__container {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .materialInner__lesson{
        padding: 20px;
    }
}
/* materialInner */

/* form popup */
/* form popup */

/* Magnific popup */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.my-mfp-slide-bottom {
    opacity: 0;
    opacity--webkit-transition: opacity 0.3s ease-out;
    opacity--moz-transition: opacity 0.3s ease-out;
    opacity--o-transition: opacity 0.3s ease-out;
    opacity-transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}
/* Magnific popup */

/* popupWide */
.popupWide {
    position: relative;
    background: #FFF;
    padding: 32px;
    width: auto;
    max-width: 1200px;
    margin: 20px auto;
    border-radius: 10px;
}
.popupWide .mfp-close {
    display: none;
}
.popupWide__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.popupWide__title {
    color: #352D28;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.popupWide__close {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3e%3cpath fill='%23999' d='M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0Zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.popupWide__close:hover {
    opacity: .8;
}
@media(max-width:1600px) {
}
@media(max-width:1200px) {
}
@media(max-width:992px) {
}
@media(max-width:768px) {
}
@media(max-width:575px) {
    .popupWide {
        padding: 24px 20px;
    }
    .popupWide__title {
        font-size: 20px;
    }
}
/* popupWide */

/* templates */
.templates__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}
.templates__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: .25s all ease-in-out;
}
.templates__item:hover {
    text-decoration: none;
    opacity: .9;
}

.templates__item:nth-child(3n+5) {
    grid-column: 1/5;
}
.templates__item:nth-child(3n+6) {
    grid-column: 5/9;
}
.templates__item:nth-child(3n+7) {
    grid-column: 9/13;
}
.templates__itemImg {
    display: flex;
    border-radius: 16px;
    background: #F8F4EB;
    width: 100%;
    height: 200px;
    /* aspect-ratio: 1.229730; */
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='105' height='104' fill='none' viewBox='0 0 105 104'%3e%3cpath fill='%23999' d='M74.167 34.667a8.667 8.667 0 1 0 0-17.333 8.667 8.667 0 0 0 0 17.333Z'/%3e%3cpath fill='%23999' stroke='%23999' stroke-width='2' d='m23.146 48.296-6.526 5.438c-1.534 1.279-2.301 1.92-2.713 2.79-.407.876-.407 1.873-.407 3.87v8.94c0 8.173 0 12.255 2.54 14.794 2.539 2.54 6.62 2.54 14.793 2.54h39c8.173 0 12.255 0 14.794-2.54 2.54-2.54 2.54-6.621 2.54-14.794v-.745c0-1.768 0-2.656-.33-3.45-.329-.792-.953-1.425-2.21-2.677l-4.823-4.824c-3.588-3.587-5.382-5.381-7.466-6.01a8.666 8.666 0 0 0-5.01 0c-2.08.629-3.878 2.422-7.466 6.01-2.535 2.535-3.804 3.805-5.152 4.04a4.334 4.334 0 0 1-3.029-.581c-1.161-.72-1.868-2.37-3.285-5.669l-.511-1.195c-3.462-8.078-5.191-12.116-8.45-13.468a8.665 8.665 0 0 0-2.643-.638c-3.519-.273-6.89 2.54-13.646 8.169Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px;
}
.templates__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.templates__itemTitle {
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
@media(min-width:993px) {
    .templates__item:nth-child(1) {
        grid-column: 1/4!important;
    }
    .templates__item:nth-child(2) {
        grid-column: 4/7!important;
    }
    .templates__item:nth-child(3) {
        grid-column: 7/10!important;
    }
    .templates__item:nth-child(4) {
        grid-column: 10/13!important;
    }
}
@media(max-width:992px) {
    .templates__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .templates__item {
        grid-column: auto!important;
    }
}
@media(max-width:575px) {
    .templates__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .templates__itemTitle {
        font-size: 14px;
    }
    .templates__itemImg {
        height: auto;
        aspect-ratio: 1;
    }
}
/* templates */

/* exercise */
.exercise__list {
    display: flex;
    flex-direction: column;
    gap: 16px
}
.exercise__item {
    border-radius: 16px;
    background-color: #F8F4EB;
}
.exercise__itemTitle {
    cursor: pointer;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.exercise__itemTitle::after {
    content: '';
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3e%3cpath fill='%23000' d='M5.76 11.983 16 22.578l10.24-10.595a1.512 1.512 0 0 0-2.179-2.098L16 18.232 7.928 9.885a1.512 1.512 0 0 0-2.178 2.098h.01Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
    transition: .25s all ease-in-out;
}
.exercise__item.active>.exercise__itemTitle::after {
    transform: rotate(180deg);
}
.exercise__itemContent {
    display: none;
    padding-left: 60px;
}
.exercise__labelWrapper {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.exercise__label {
    margin: 0;
	display: block;
    padding: 20px;
    cursor: pointer;
}
.exercise__label>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.exercise__label>span {
	display: flex;
    align-items: center;
    justify-content: space-between;
    color: #352D28;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.exercise__label>span::after {
	content: '';
	width: 28px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 1px solid #352D28;
	background-color: transparent;
	flex: none;
	background-repeat: no-repeat;
	background-position: center;
    background-size: 14px;
	transition: .25s all ease-in-out;
}
.exercise__label>input:checked+span::after {
	border-color: #FFD70C;
	background-color: #FFD70C;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' fill='none' viewBox='0 0 18 16'%3e%3cpath fill='%23352D28' d='M18 2.315 5.657 15.2 0 9.295 1.45 7.78l4.207 4.38L16.55.802 18 2.315Z'/%3e%3c/svg%3e");
}
.exercise__footer {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
}
.exercise__btn {
}
.exercise__create {
    min-width: 250px;
    border-radius: 100px;
    background: transparent;
    border: 1px solid #352D28;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.exercise__create:hover {
    text-decoration: none;
    background-color: transparent;
    color: #352D28;
    opacity: .8;
}
.exercise__add {
    min-width: 250px;
    border-radius: 100px;
    background: #FFD70C;
    color: #352D28;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 10px;
    min-height: 45px;
    transition: .25s all ease-in-out;
}
.exercise__add:hover {
    text-decoration: none;
    background-color: #ebc405;
    color: #352D28;
}
@media(max-width:992px) {
    .exercise__itemContent {
        padding-left: 30px;
    }
}
@media(max-width:575px) {
    .exercise__itemContent {
        padding-left: 15px;
    }
    .exercise__itemTitle {
        font-size: 16px;
    }
    .exercise__label>span {
        font-size: 16px;
    }
    .exercise__label {
        padding: 10px 15px;
    }
    .exercise__itemTitle {
        padding: 15px;
    }
    .exercise__label>span::after {
        width: 22px;
        background-size: 10px;
    }
}
/* exercise */
@media(max-width:768px) {
.logo {
    width:100%;
    height:auto;
}
}
@media(min-width:768px) {
.logo {
    width:50%;
    height:auto;
}    
}

/*КУРСЫ*/
.big_button {
    margin-top: 150px;
    text-align:center;
}
.btn-online a {
    background-color: #FFD70C;
    color: #352D28;
    font-weight: 700;
    border-color: #FFD70C;
    padding: 10px 60px;
    border-radius:25px;
}
.btn-online a:hover {
    text-decoration:none;
}

/*ДОСКИ*/
.popup_board {
    width:520px !important;
    text-align:center !important;
}
.boar-input {
    width:100%;
    height: 55px;
    border-radius: 35px;
    padding-left:20px;
}
.input-field {
    height:45px;
    margin-bottom: 15px;
    border-radius: 25px;
    width:100%;
    border:2px solid #F8F4EB;
    background: #F8F4EB;
    padding-left:15px;
}
.inputFields {
    margin-top: 35px;
}
.longrid_form input[type=text] {
    border-radius:25px;
    height:60px;
    padding-left:25px;
    padding-right:25px;
    background:#fff;
    border:1px solid #F8F4EB;
    width:100%;
    margin-bottom:40px;
}
.longrid_form #button {
    text-align:center;
    border:2px solid #000;
    background:#FFD70C;
    color:#000;
    font-weight:bold;
    font-size:18px;
    border-radius:35px;
    height:60px;
    padding-left:60px;
    padding-right:60px;
    margin-top:40px;
}
.item_lesson a {
    color:#000;
    text-decoration:underline;
    margin-bottom:15px;
}