<?php
if(!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
    die();
?>@font-face {font-family: "Cocon"; src: url("Cocon-Light.woff") format("woff"); font-weight: 300; font-style: normal;}@font-face {font-family: "Cocon"; src: url("Cocon-Regular.woff") format("woff"); font-weight: 400; font-style: normal;}@font-face {font-family: "Cocon"; src: url("Cocon-Bold.woff") format("woff"); font-weight: 700; font-style: normal;}[data-field="tlk-title"] {font-family: "Arial", "Arial", Roboto, "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Cantarell, "Helvetica Neue";font-weight: 700;} [data-field="tlk-text"] {font-weight: 400;} body {font-family: "Arial", "Arial", Roboto, "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Cantarell, "Helvetica Neue";} .tlk-userbar, .tlk-userbar__popup, .tlk-menu, .tlk-popup, .tlk-switcher {font-family: "Arial", "Arial", Roboto, "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Cantarell, "Helvetica Neue" !important;}

.header, .banner, #CalltouchWidgetFrame, .tabbar {display: none !important;}
.container, .text {max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
.text-content__text {-webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%;}
section:first-child {margin-top: 0 !important;}

.snack,  .footer {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 24px; box-sizing: border-box;}
.footer__header {display: none !important;}

body {font-family: "Jost", normal;}

.fest_wrap {display: flex; justify-content: center;}
.fest_inside {width: 100%; max-width: 1400px; padding: 48px 24px; margin: 0 auto;}

/* header */

.fest_header {position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 99;}
.fest_header .fest_inside {padding: 24px 24px 0 24px;}

.fest_header .fest_wrap {background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 40px; border: 1px solid #fff; padding: 12px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.fest_header .fest_logo {display: flex;}
.fest_header .fest_logo img:nth-child(1) {width: 100% !important; max-width: 100% !important; height: 50px !important; border-radius: 0 !important;}
.fest_header .fest_logo img:nth-child(2) {display: none;}
.fest_navigation {display: flex;}
.fest_header menu {display: flex; align-content: center; flex-wrap: wrap; gap: 24px;}
.fest_header menu a {color: #333 !important; font-family: 'Cocon'; text-shadow: 0 1px 0 #fff;}
.fest_header menu a:hover {color: #572F8E !important;}
.fest_header img {width: auto; height: 50px;}
.fest_header .fest_contact {display: flex; flex-wrap: nowrap; gap: 20px; font-family: 'Cocon';}
.fest_header .fest_contact a {color: #333 !important; text-shadow: 0 1px 0 #fff;}
.fest_header .fest_contact .header__phone-link {padding: 0 12px 0 0;}
.fest_header .fest_contact .day_btn, .fest_header .fest_contact .popup-link {background-color: #572F8E; border: 1px solid #540793; color: #fff !important; border-radius: 100px; text-shadow: none !important; font-family: 'Cocon'; align-items: center; padding: 0 20px; display: flex; min-height: 50px;}
.fest_header .fest_contact .day_btn:hover, .fest_header .fest_contact .popup-link:hover {background-color: #360261; color: #fff !important;}

.fest_scroll .fest_header .fest_contact {padding: 0;}
.fest_scroll .fest_header .fest_contact .day_btn {display: flex;}
.fest_scroll .fest_header .fest_inside .fest_wrap {box-shadow: 0 10px 40px #00000040;}
.fest_scroll .fest_header .fest_contact .header__phone-link {padding: 0 12px 0 0;}

/* end header */

/* promo */
.fest_promo {width: 100%; position: relative; box-sizing: border-box; display: flex; justify-content: center; background: linear-gradient(45deg, #ffede8, #e1e3ff, #f1eaec, #f7e2e7, #eee1fc, #e6eefe, #f4dbea, #e8eef2); background-size: 600% 100%; animation: gradient 10s linear infinite; animation-direction: alternate;}
@keyframes gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
}

.fest_promo::after {display: none; content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-image: url(promo-bg.png); background-position: 25% 50%; background-repeat: no-repeat; background-size: cover;}
.fest_promo::before {display: none; content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(45deg, #e3e0f8, #336F95);}
.fest_promo .fest_inside {height: 100vh; display: flex; align-items: center; position: relative; z-index: 10;}
.fest_promo .fest_title {font-family: 'Cocon'; color: #333 !important; font-size: 24px; text-transform: none; font-weight: 400; line-height: 100%; margin: 0 !important; padding: 0 !important;}
.fest_promo .fest_sub_title {font-family: 'Cocon'; font-size: 24px; display: block; padding: 16px 0; color: #572F8E !important;}
.first-view-title {opacity: 1; transform: translateY(0px); animation: first-view-title 1s linear infinite; animation-iteration-count: 1;}
@keyframes first-view-title {
    0% {transform: translateY(24px); opacity: 0;} 
    100% {transform: translateY(0); opacity: 1;}
}

.second-view-title {opacity: 0; transform: translateY(0px); animation: second-view-title 1s linear infinite; animation-iteration-count: 1; animation-delay: 1s; animation-fill-mode: forwards;}
@keyframes second-view-title {
    0% {transform: translateY(24px); opacity: 0;} 
    100% {transform: translateY(0); opacity: 1;}
}


.promo {padding: 100px 0 0 0; display: flex; gap: 10px; flex-wrap: nowrap; align-items: center;}
.promo .promo_section:nth-child(1) {width: 40%;}
.promo .promo_section:nth-child(2) {width: 35%;}
.promo .promo_section:nth-child(3) {width: 25%; display: flex; flex-direction: column; align-items: center;}
.promo .promo_section img {width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 24px 8px 24px 8px;}
.promo .promo_section video {border-radius: 24px 8px 24px 8px; box-shadow: 0 0 50px #c4a4de;}

.fest_calendar {display: flex; flex-direction: column; align-items: center; font-family: 'Cocon';}
.fest_calendar div {display: flex;}
.fest_calendar .fest_date {display: flex; flex-direction: row; gap: 16px;}
.fest_calendar .fest_date .fd_a {font-size: 120px; color: #572F8E; line-height: 64px;}
.fest_calendar .fest_date .fd_b {display: flex; flex-direction: column; align-items: center;}
.fest_calendar .fest_date .fd_c {font-size: 64px; line-height: 100%; text-transform: uppercase; color: #572F8E; padding: 10px 0;}
.fest_calendar .fest_date .fd_d {font-size: 20px; text-transform: uppercase; color: #333}
.fest_calendar .fest_date_description {font-size: 16px; color: #333; padding: 20px 0 0 0;}
.fest_calendar .timeg {font-family: 'Cocon'; font-size: 14px; color: #333; padding: 12px 0 8px 0;}

.map-link {display: contents; color: #555;}
.map-link svg {position: relative; top: 1px; fill: #333;}
.map-link .description {border-bottom: 1px dashed #555; color: #555;}
.map-link:hover .description {border-bottom: transparent;}

.call-to-action {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 0 0 20px 0;}
.promo .day_btn {border-radius: 100px; padding: 16px 30px !important; font-family: 'Cocon'; background-color: #ff5c00; color: #fff !important;}
.fest-free {display: flex; align-items: center; gap: 8px; font-size: 14px; color: #4D9802; font-family: 'Cocon';}
.fest-bonus {padding: 10px 0 24px 0; font-size: 14px; color: #333; font-family: 'Cocon'; text-align: center; line-height: 130%;}

.promo .popup-link {background-color: #572F8E; border: 1px solid #540793; color: #fff !important; border-radius: 100px; text-shadow: none !important; font-family: 'Cocon'; align-items: center; padding: 0 20px; display: flex; min-height: 50px;}
.promo .popup-link:hover {background-color: #360261; color: #fff !important;}


/* end promo */

/* popup */
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: opacity 0.25s ease, visibility 0.25s; z-index: 1000; padding: 15px;}
.popup-overlay.active { visibility: visible; opacity: 1; display: flex;}
.popup-content {background-color: #fff; width: 100%; max-width: 600px; max-height: 80vh; border-radius: 24px; box-shadow: 0 35px 70px rgba(0, 0, 0, 0.3); position: relative; transform: scale(0.8); transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); margin: 12px; border: 1px solid rgba(255,255,255,0.4); display: flex; flex-direction: column; overflow: hidden;}
.active .popup-content { transform: scale(1); }
.popup-header {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 8px 16px; box-shadow: 0 0 20px #bbb; position: relative;}
.popup-header a {border-bottom: 1px dashed #ff5c00;}
.popup-header a:hover, .popup-header a:active {border-bottom: 1px dashed #fff;}
.popup-close-btn { background: none; border: 2px solid #572F8E; font-size: 32px; line-height: 1; cursor: pointer; color: #572F8E; transition: color 0.2s; padding: 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-left: auto; }
.popup-close-btn:hover { color: #fff; background-color: #572F8E;}
.popup-body {background-color: #f4f4f4; padding: 0 16px 16px 16px; overflow-y: auto; max-height: calc(80vh - 80px); scrollbar-width: thin; scrollbar-color: #94a3b8 #e2e8f0; }
.popup-body::-webkit-scrollbar { width: 8px; }
.popup-body::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 10px; }
.popup-body::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 10px; }
.popup-body::-webkit-scrollbar-thumb:hover { background: #64748b; }

.popup-message {text-transform: uppercase; text-align: center; font-size: 24px; font-family: 'Cocon'; color: #333; padding: 24px 0 16px 0;}
.popup-sub-message {color: #ff5c00; text-align: center; padding: 16px 0 8px 0; font-family: 'cocon';}
/* end popup */

/* speakers */
.speakers {background: linear-gradient(45deg, #ffede8, #e1e3ff, #f1eaec, #f7e2e7, #eee1fc, #e6eefe, #f4dbea, #e8eef2); background-size: 600% 100%; animation: gradient 10s linear infinite; animation-direction: alternate;}
.speakers .wrap {padding: 64px 0; display: flex; flex-direction: column; gap: 48px;}
.speakers .content-title {color: #572f8e; font-size: 64px; font-family: 'Cocon'; text-align: center; line-height: 100%;}
.speakers .speakers-list {display: grid; grid-template-columns: repeat(4, 1fr);  gap: 32px; list-style: none; margin: 0; padding: 0;}
.speakers .speakers-list li {background-color: #fff; border-radius: 32px; padding: 24px; display: flex; flex-direction: column; gap: 16px; line-height: 110%; margin: 0; position: relative;}
.speakers .speakers-list li::after {display: none;}
.speakers .speakers-list li .user {background-color: #f2f2f2; border-radius: 100px; width: 80px; height: 80px; overflow: hidden; display: flex; flex-shrink: 0; position: absolute; top: 16px; left: 24px;}
.speakers .speakers-list li .user img {width: 80px; height: 80px; object-fit: cover;}
.speakers .speakers-list li span:nth-child(2) {flex-shrink: 0; font-size: 14px; font-family: 'Cocon'; padding: 0 0 0 110px;}
.speakers .speakers-list li span:nth-child(3) {flex-shrink: 0; color: #959A9F; font-size: 14px; font-family: 'Cocon'; padding: 0 0 0 110px;}
.speakers .speakers-list li span:nth-child(4) {flex: 1 1 auto; color: #555; font-size: 12px;}
.speakers .speakers-list li span:nth-child(5) {display: none !important; text-align: right; flex-shrink: 0; font-size: 12px; color: #FF5C00; font-family: 'Cocon';}
/* end speakers */

/* partners */
.partners {}
.partners .wrap {padding: 64px 0; display: flex; flex-direction: column; gap: 48px;}
.partners .content-title {color: #572f8e; font-size: 64px; font-family: 'Cocon'; text-align: center; line-height: 100%;}
.partners .content {display: flex; flex-direction: row; gap: 48px;}
.partners .content .section {width: 100%; display: flex; flex-direction: column; gap: 48px;}
.partners .content .section:nth-child(1) {gap: 24px;}
.partners .content .section:nth-child(2) {gap: 48px;}
.partners .content .sub-title {color: #000; font-size: 24px; font-family: 'Cocon'; line-height: 100%;}
.partners .content ul {list-style: none; margin: 0; padding: 0 0 24px 0; display: flex; flex-direction: row; gap: 24px;}
.partners .content ul li {padding: 0 !important; margin: 0 !important;}
.partners .content ul li::after {display: none !important;}
.partners .content ul:nth-child(1) {gap: 64px;}
.partners .content ul:nth-child(1) li img {height: 100px;}
.partners .content ul li img {width: auto; height: 60px; max-width: auto; border-radius: 0;}
.partners .content .section p {padding: 0; margin: 0;}
.partners .content .section p strong {color: #000;}
.partners .content .section p:nth-child(1) {font-size: 20px; line-height: 130%;}
.partners .content .section p:nth-child(2) {font-size: 16px; color: #555;}
.partners .content .section p:nth-child(3) {font-size: 24px; font-weight: bold;}

.partners .content .prime-list {gap: 64px;}
.partners .content .prime-list li img {height: 100px;}
/* end partners */

.button-ui {color: #fff !important; text-shadow: none;}


/* hotels */
.hotels {background: linear-gradient(45deg, #ffede8, #e1e3ff, #f1eaec, #f7e2e7, #eee1fc, #e6eefe, #f4dbea, #e8eef2); background-size: 600% 100%; animation: gradient 10s linear infinite; animation-direction: alternate;}
.hotels .wrap {padding: 64px 0; display: flex; flex-direction: column; gap: 24px;}
.hotels .content-title {color: #572f8e; font-size: 48px; font-family: 'Cocon'; text-align: center; line-height: 100%;}
.hotels .content {display: flex; flex-direction: row; gap: 48px;}
.hotels .content .section {width: 100%; display: flex; flex-direction: column; gap: 16px;}
.hotels .content .section .image {border-radius: 32px; overflow: hidden; position: relative; display: flex;}
.hotels .content .section .image img {width: 100% !important; height: auto; position: relative; z-index: 1;}
.hotels .content .section .image .inforr {position: absolute; bottom: 15%; right: 0; z-index: 2; font-family: 'Cocon'; font-size: 16px; background-color: #FF5C00; color: #fff; padding: 4px 8px;}
.hotels .content .section .ase {font-family: 'Cocon'; font-size: 24px;}

.content-p-title {text-align: center; color: #555; padding: 0 !important; margin: 0 !important;}
.content-sub-title {font-family: 'Cocon'; font-size: 24px; text-align: center; color: #FF5C00; margin-top: 0 !important; padding: 16px 0;}
/* end hotels */

/* reviews */
.reviews {padding: 48px 0 64px 0; background-color: #f2f2f2; }
.reviews .wrap {display: flex; flex-direction: column; gap: 24px}
.reviews .content-title {color: #572f8e; font-size: 48px; font-family: 'Cocon'; text-align: center; line-height: 100%;}
.reviews .content-description {color: #555; font-size: 18px; text-align: center; line-height: 100%; padding: 16px 0 32px 0;}
.reviews-list {display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; margin: 0 !important; padding: 0 !important; justify-content: center;}
.reviews-list li {background-color: #fff; border-radius: 32px; box-sizing: border-box; margin: 0 !important; padding: 32px 24px !important; text-align: justify; display: flex; flex-direction: column; gap: 16px; flex: 0 0 calc(33.33% - 12px); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.reviews-list li:hover {box-shadow: 0 30px 100px #2900804e; position: relative; z-index: 9; cursor: default !important;}
.reviews-list li::after {display: none;}
.reviews-list li .stars {display: block; color: #ffd221; font-size: 24px; text-align: center; letter-spacing: 8px;}
.reviews-list li .caption {color: #555; font-size: 14px; line-height: 130%;}
/* end reviews */


/* chairmanship */
.chairmanship {padding: 48px 0; }
.chairmanship .wrap {display: flex; flex-direction: column; gap: 24px}
.chairmanship .content-title {color: #572f8e; font-size: 48px; font-family: 'Cocon'; text-align: center; line-height: 100%;}
.chairmanship .chairmanship-list {display: flex; flex-direction: row; gap: 48px; margin: 0 !important; padding: 0 !important;}
.chairmanship .chairmanship-list li {box-sizing: border-box; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 16px; width: 100%;}
.chairmanship .chairmanship-list li span:nth-child(1) {color: #572f8e; font-size: 24px; font-family: 'Cocon';}
.chairmanship .chairmanship-list li span:nth-child(2) {color: #555; line-height: 130%}
.chairmanship .chairmanship-list li span {line-height: 130%}
.chairmanship .chairmanship-list li::after {display: none;}

.chairmanship .content {display: flex; flex-direction: row; gap: 48px;}
.chairmanship .content-title {color: #572f8e; font-size: 32px; font-family: 'Cocon'; text-align: center; line-height: 100%; padding: 24px 0;}
.chairmanship .content .section {display: flex; flex-direction: column; gap: 24px; padding: 0 0 24px 0;}
.chairmanship .content .section:nth-child(1) {width: 40%;}
.chairmanship .content .section:nth-child(2) {width: 60%;}
.chairmanship .content .section:nth-child(1) {gap: 32px;}
.chairmanship .content .section:nth-child(1) p:nth-child(1) {font-size: 24px; line-height: 140%; color: #555;}
.chairmanship .content .section:nth-child(1) p:nth-child(1) strong {color: #222;}
.chairmanship .content .section:nth-child(1) p:nth-child(2) {color: #572f8e; font-size: 24px; font-family: 'Cocon';}
.chairmanship .content .section:nth-child(2) p {color: #222; font-size: 24px; font-family: 'Cocon';}
.chairmanship .content .section p, .chairmanship .content .section ul, .chairmanship .content .section ul li {padding: 0; margin: 0;}
.chairmanship .content .section ul {display: flex; flex-direction: column; gap: 8px;}
.chairmanship .content .section ul li {padding: 0 0 0 24px;}

.chairmanship .sub-content-title {padding: 48px 0 0 0; border-top: 1px solid #ddd;}
/* end chairmanship */


/* gallery-block */
.gallery-block {padding: 64px 0;}
.gallery-block .gallery__title {color: #572f8e; font-size: 32px; font-family: 'Cocon'; text-align: center; line-height: 100%; text-transform: inherit; font-weight: 400;}
/* end gallery-block */


/* master-class-list */
.master-class-list {display: flex; flex-direction: row; gap: 24px; flex-wrap: wrap; justify-content: center;}
.master-class-item {display: flex; flex-direction: column; gap: 24px; box-sizing: border-box; padding: 24px;}
.master-class-item .image {background-color: #f2f2f2; border-radius: 100px; width: 100px; height: 100px; overflow: hidden; display: flex; flex-shrink: 0;}
.master-class-item .image img {width: 100px; height: 100px; object-fit: cover;}
/* end master-class-list */


/* event-details */
.event-details {display: none; padding: 64px 0;}
.event-details .content-title {color: #572f8e; font-size: 32px; font-family: 'Cocon'; text-align: center; line-height: 100%; padding: 0 0 24px 0;}
.event-details .title {font-family: 'Cocon';}
/* end event-details */


/* faq */
.faq {background-color: #f2f2f2;}
.faq .wrap {padding: 48px 0; display: flex; flex-direction: column; gap: 32px;}
.faq .content-title {color: #572f8e; font-size: 48px; font-family: 'Cocon'; text-align: center; line-height: 100%;}
.faq-content {display: flex; flex-direction: row; gap: 48px;}
.faq-content .section {width: 100%;}
/* end faq */


/* matryoshka */
.matryoshka {display: flex; flex-direction: column; gap: 16px;}
.matryoshka .item {border-radius: 32px; overflow: hidden; border: 2px solid #ddd; background-color: #fff; overflow: hidden;}
.matryoshka .item .button { width: 100%; padding: 16px 16px 16px 21px; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px;}
.matryoshka .item .button:hover div {color: #572f8e;}
.matryoshka .item .button::after, .matryoshka .item .button::before {flex-shrink: 0;}
.matryoshka .item .button::before {content: ''; width: 36px; height: 36px; background-image: url(https://mamadeti.ru//local/templates/mamadeti/static/about-page/about_history_icon.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; opacity: 0.4;}
.matryoshka .item .button::after {content: ''; font-size: 24px; width: 36px; height: 36px; border-radius: 100px; background-color: #eee; background-image: url(https://mamadeti.ru//local/templates/mamadeti/static/volga-page-26/arrow-menu.svg); background-position: 50% 50%; background-size: 50%; background-repeat: no-repeat; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.matryoshka .item .button.active::after {transform: rotate(90deg);}
.matryoshka .item .button div {width: 100%; text-align: left; color: #333; font-family: 'Cocon'; color: #333; font-size: 16px; flex: 1 1 auto;}
.matryoshka .item .content {display: none; padding: 24px; background-color: #fff4b5; margin: 0 24px 16px 50px; border-radius: 16px; line-height: 140%;}
.matryoshka .item .content strong {color: #333;}
/* end matryoshka */

/* magic-tabs */
.magic-tabs {display: flex; flex-direction: row; padding: 24px 0 0 0; gap: 8px; position: relative; bottom: -2px;}
.magic-tabs .tab_btn {width: 100%; font-family: 'Cocon'; font-size: 16px; color: #572F8E; padding: 8px 16px; background-color: #f8f8f8; border: 2px solid #572F8E; border-radius: 32px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; display: flex; flex-direction: column; gap: 4px;}
.magic-tabs .tab_btn:hover {background-color: #dcc1f3;}
.magic-tabs .tab_btn span:nth-child(1) {font-size: 42px; line-height: 120%;}

.magic-tabs .active {background-color: #572F8E !important; color: #fff !important; cursor: default !important;}
.magic-tab {display: none;}
.magic-tab.active {display: block;}
/* end magic-tabs */


/* program */
.program  {padding: 48px 0;}
.program-blocks {display: flex; flex-direction: row; gap: 48px; padding: 0 0 32px 0;}
.program-blocks .pb-a {width: 55%; flex-shrink: 0;}
.program-blocks .pb-b p {margin: 0 !important; padding: 0 !important;}
.program-blocks .content-title {color: #572f8e; font-size: 32px; font-family: 'Cocon'; line-height: 100%; padding: 0 0 24px 0;}
.program-blocks strong {color: #333;}

.stick-new {background-color: #e3d400; display: inline-block; padding: 6px 12px; color: #c92403; font-size: 12px;}
/* end program */

.prog-tabs {width: 80%; margin: 0 auto;}

/* time-line */
.time-line {display: flex; flex-direction: column; gap: 16px; box-sizing: border-box; padding: 16px 0;}
.time-line .item {display: flex; flex-direction: column; gap: 16px; border-radius: 24px; padding: 16px; background-color: #f2f2f2}
.time-line .item .time {color: #333; font-size: 32px; font-family: 'Cocon'; line-height: 100%;}
.time-line .item .time sup {font-size: 20px; position: relative; top: 2px; margin: 0 2px;}
.time-line .item .section {display: flex; flex-direction: column; gap: 16px;}
.time-line .item .section:nth-child(1) {flex-shrink: 0; display: flex; flex-direction: row; align-items: baseline; gap: 24px;}
.time-line .item .section ul li::after {display: none;}
.time-line .item .section ul {display: flex; flex-direction: row; gap: 16px; margin: 0 !important; padding: 0 !important; font-size: 14px;}
.time-line .item .section ul li {width: 100%; display: flex; flex-direction: column; box-sizing: border-box; gap: 8px; margin: 0 !important; padding: 18px 12px !important; background-color: #fff; border-radius: 16px;}
.time-line .item .section .title {color: #333; font-size: 24px; font-family: 'Cocon'; line-height: 100%; flex-shrink: 0;}
.time-line .item .section ul li .sub-title {flex: 1 1 auto; line-height: 120%; font-weight: 700;}
.time-line .item .section ul li .price {flex-shrink: 0; font-weight: bold;}
.time-line .item .section ul li .description {flex-shrink: 0; color:  #555}
.time-line .item .section ul li .buttons-bar {display: flex; flex-direction: row; gap: 8px;}
.time-line .item .section ul li .popup-btn-start {flex-shrink: 0; line-height: 100%; background-color: #ff5c00; padding: 6px 12px; border-radius: 100px; color: #fff; width: fit-content;}
.time-line .item .section ul li .payment-btn {flex-shrink: 0; line-height: 100%; background-color: #572F8E; padding: 6px 12px; border-radius: 100px; color: #fff; width: fit-content;}

.stick-new {background-color: #f0ec2a; display: inline-block; padding: 4px 8px; color: #ff2b00; font-size: 12px; line-height: 100%; border-radius: 4px; margin: 0 0 0 4px;  vertical-align: bottom; font-style: normal; font-weight: 400 !important;}
.fi_icon img {height: 30px !important;}
/* end time-line */

/* about */
.about {padding: 64px 0;}
.about .wrap {padding: 48px 0; display: flex; flex-direction: column; gap: 32px; padding: 0 0 24px 0;}
.about .content-title {color: #572f8e; font-size: 48px; font-family: 'Cocon'; line-height: 100%; padding: 0 0 32px 0;}
.about-list {display: flex; flex-direction: row; gap: 24px;}
.about-list .section-a {width: 33.33%;}
.about-list .section-a p {font-size: 24px; padding: 0 0 32px 0; line-height: 140%;}
.about-list .section-a p:last-child {font-size: 18px;}
.about-list .section-b {width: 66.66%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px;}
.about-list .section-a .item {width: 100%; box-sizing: border-box;}
.about-list .section-b .item {width: calc(50% - 16px); box-sizing: border-box;}
.about-list .section-b .item:first-child {width: 100%; height: 300px;}
.about-list .item {background-color: #f2f2f2; padding: 24px; border-radius: 32px; overflow: hidden;}

.about-list-b {display: flex; flex-direction: row; gap: 24px; flex-wrap: wrap;}
.about-list-b .item {background-color: #f2f2f2; padding: 24px; border-radius: 32px; overflow: hidden; width: calc(33.33% - 16px); box-sizing: border-box;}
.about .wrap .about-list-image {padding: 0 !important; display: flex;}
.about .wrap .about-list-image img {width: 100%; height: auto; object-fit: cover;}

/* end about */


@media (max-width: 980px) {

.speakers .speakers-list {grid-template-columns: repeat(1, 1fr);}
.partners .content {flex-direction: column;}
.hotels .content {flex-direction: column;}


    .fest_header menu {display: none;}

    form[data-id="form-65"] .md-constructor-form__field {width: 100% !important;}
    form[data-id="form-65"] .md-constructor-form__field--button {flex-direction: column;}
    .fest_inside {padding: 24px 12px;}
    /* header */
    .fest_header .fest_inside {padding: 12px 12px 0 12px;}
    .fest_header .fest_logo img:nth-child(1) {display: none;}
    .fest_header .fest_logo img:nth-child(2) {display: inline-block; width: 100% !important; max-width: 100% !important; height: 40px !important; border-radius: 0 !important; }
    .fest_header .fest_contact {gap: 16px;}
    .fest_header .fest_contact .header__phone-link {width: 40px; height: 40px; overflow: hidden; font-size: 0; background-image: url(phone.svg);
    box-sizing: border-box; background-size: 46%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 100px; background-color: #572F8E; fill: #fff}
    .fest_header .fest_contact .popup-link {display: flex; font-size: 11px; padding: 0 16px;}
    /* end header */
    .reviews-container {grid-template-columns: 1fr;}
    .promo {flex-direction: column; padding: 80px 0 0 0; gap: 20px;}
    .fest_promo .fest_inside {height: auto;}
    .promo .promo_section:nth-child(1) {width: 100%;}
    .promo .promo_section:nth-child(2) {width: 100%; order: 2;}
    .promo .promo_section:nth-child(3) {width: 100%; order: 1;}
    .promo p {text-align: center;}
    .fest_promo .fest_sub_title {font-size: 18px; padding: 20px 0 8px 0; text-align: center;}
    .fest_promo .fest_title {font-size: 36px; padding: 8px 0; text-align: center}
    .fest_calendar .fest_date .fd_a {font-size: 75px; line-height: 62px;}
    .about_wrap {flex-direction: column; width: 100%; gap: 0;}
    .about_wrap .section {width: 100%;}
    .about_wrap img {display: none;}
    .fest_wrap {padding: 0;}
    .fest_wrap_title {font-size: 24px; padding: 16px 0 0 0; line-height: 100%;}
    .message_wrap p {max-width: 100%; padding: 24px 0 0 0;}
    .feature_list {gap: 30px; padding: 24px 0 0 0;}
    .feature_list .feature_item {width: 100%; flex: auto; padding: 30px 12px 30px 12px;}
    .feature_list .fi_title {padding: 24px 0 16px 0;}
    .fest_links {padding: 0 12px;}
    .fest_links .fest_wrap_title {font-size: 24px;}
    .fest_links p {text-align: center;}
    .calendar-options {flex-direction: column;}
    .calendar-btn {box-sizing: border-box; width: 100%;}
    .fest_gallery .fest_inside {padding: 0 12px;}
    .video_list {flex-direction: column; gap: 24px; padding: 24px 0 0 0; width: 100%;}
    .fest_gallery .gallery__title {text-indent: 0; text-align: left;}
    .fest_tabs {flex-wrap: wrap; padding: 32px 0 16px 0}
    .fest_tabs .tab_btn {font-size: 12px; padding: 4px 10px;}
    .program_list {width: 100%; padding: 10px 0 0 0; gap: 30px;}
    .program_list .program_item {flex: 0 0 calc(100%); width: 100%;}
    #info {padding: 0 0 20px 0;}
    #info .info_list {grid-template-columns: repeat(1, 1fr);}
    #info_promo .feature_list .feature_item {flex: 0 0 calc(100%); width: 100%;}    
    .review-card {padding: 16px;}
    .reviewer-name {font-size: 14px;}
    .review-date {font-size: 12px;}
    .reviewer_icon {width: 50px; height: 50px;;}
    .reviewer_icon img {height: 50px !important;}
    .fest_footer .social_links_list {flex-direction: column; gap: 24px;}


    .partners_list {flex-wrap: wrap;}

}