/* Контент */
/* общее */
.landing {margin: 40px auto 0;}
.landing__details {margin-top: 20px;}
.landing__content_account p,
.landing__content p {padding: 0 20px;}
.landing__content ul:not(.feature):not(.contentScroller):not(.support-nav),
.landing__content ol:not(.support-questions) {padding: 0 40px;}
.landing__content ul:not(.feature):not(.contentScroller):not(.support-nav),
.landing__content ol:not(.support-questions),
.landing__content:not .columns__item ul {margin: 0 20px 0 40px;}
.landing__content blockquote {margin: 0 40px;}
/* заголовки */
.landing__header {padding: 0;}
.landing__header h1 {font-size: 40px;}
.landing__header h2 {font-weight: 900;}
.landing__header h1,
.landing__header h4,
.landing__header h5 {padding: 0 20px;}
.landing__content h1, .landing__content h2,
.landing__content h3, .landing__content h4,
.landing__content h5 {padding: 0 20px;}
.landing__content h2, .landing__content h3 {margin-top: 60px; margin-bottom: 30px;}
.landing__content h4 {font-size: 20px; font-weight: 300; text-align: center;}
.landing__content h4::before,
.landing__content h4::after {content: ""; width: 80px; height: 2px; background: #CCCCCC; display: block;}
.landing__content h4::before {margin: 60px auto 40px;}
.landing__content h4::after {margin: 40px auto 60px;}
.landing__details h2, .landing__details h4 {padding: 0 20px;}
.landing__details h2 {margin-top: 40px;}
.landing__details h2 + img {margin-top: 40px;}
.header__course-title {font-size: 18px; margin-bottom: 40px;}
.header__course-chapter {font-size: 18px; margin-bottom: 6px;}
/* изображения */
.landing__content img {max-width: 100%; display: block; margin: 60px auto 0; height: auto;}
.landing__content img + h2,
.landing__content img + h3,
.landing__content img + h4,
.landing__content img + ul:not(.feature),
.landing__content img + ol {margin-top: 60px;}
/* иконки */
.landing__content > :not(.media_minimized):not(.videoContainer):not(.audioContainer):not(.support-options) svg {height: 30px;}
.landing__content > :not(.media_minimized):not(.videoContainer):not(.audioContainer):not(.support-options) svg path {fill: #333333;}
/* видео */
.landing__content .videoContainer {margin: 60px 0 0;}
.videoContainer {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* аудио */
.audioContainer {max-width: 780px; margin: 0 auto;}
/* тулбар с навигацией по лендингу */
.landing-toolbar {display: none; width: 100%; background-color: rgba(255, 255, 255, .95); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15); z-index: 9; position: fixed; top: 0; left: 0; right: 0;}
.landing-toolbar-content {display: flex; align-items: center; max-width: 980px; padding: 10px 20px; font-size: 14px; margin: 0 auto;}
.landing-toolbar-title {flex-grow: 2; padding-right: 20px;}
.landing-toolbar-button {
color: #BA0E43; border: #BA0E43 1px solid; padding: 5px 10px; border-radius: 5px; text-decoration: none;
transition: background .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
}
.landing-toolbar-button:hover {color: #FFFFFF; background: #BA0E43;}
/* цены */
.landing__content-price {margin: 70px auto -25px; text-align: center; font-family: Roboto, sans-serif; text-transform: none;}
/* колонки */
.columns {display: flex; flex-wrap: wrap; max-width: 900px; margin: 0 auto; padding: 0 20px; gap: 0 20px;}
.columns__item {width: calc(50% - (20px / 2));}
.columns__item:first-child:nth-last-child(1) {width: 100%;}
.columns__item p {padding: 0;}
@media (min-width: 700px) {
/* -or- li:only-child { */
.columns__item:first-child:nth-last-child(1) {width: 100%;}
.columns__item:first-child:nth-last-child(2),
.columns__item:first-child:nth-last-child(2) ~ .columns__item,
.columns__item:first-child:nth-last-child(4),
.columns__item:first-child:nth-last-child(4) ~ .columns__item {width: calc(50% - (20px / 2));}
.columns__item:first-child:nth-last-child(3),
.columns__item:first-child:nth-last-child(3) ~ .columns__item,
.columns__item:first-child:nth-last-child(5),
.columns__item:first-child:nth-last-child(5) ~ .columns__item,
.columns__item:first-child:nth-last-child(6),
.columns__item:first-child:nth-last-child(6) ~ .columns__item {width: calc(33.3333% - (40px / 3));}
}
.columnsTwo {display: inline-block; vertical-align: top; width: 50%; max-width: 400px; margin: 0 auto;}
/* скроллер */
ul.contentScroller {
width: 100%; max-width: 100%;
margin: 0; padding: 20px 0; background: #FAFAFD;
list-style-type: none; border: none; overflow-x: scroll; -ms-overflow-style: none; scroll-snap-type: x mandatory; display: flex; flex-wrap: nowrap; justify-content: space-between;
}
ul.contentScroller::-webkit-scrollbar {display: none; -webkit-appearance: none;}
ul.contentScroller:before,
ul.contentScroller:after {content: ''; flex: 0 0 20px;}
ul.contentScroller li:first-child {margin-left: 0;}
ul.contentScroller li:last-child {margin-right: 0;}
ul.contentScroller li {scroll-snap-align: center; min-width: 240px; max-width: 300px; min-height: 150px; margin-left: 20px;}
ul.contentScroller li img {max-width: 100%; height: auto; max-height: none; vertical-align: bottom; margin: 0;}
/* табы */
.tabs {margin: 0; padding: 0;}
.tabs input {display: none;}
.tabs input ~ .tab-content {display: none;}
.tabs input:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.tabs input:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.tabs input:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.tabs input:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {display: block;}
.tabs input:nth-of-type(1):checked ~ .tab-nav label:nth-of-type(1),
.tabs input:nth-of-type(1):checked ~ .tab-nav label:nth-of-type(1) > .tab-nav-counter,
.tabs input:nth-of-type(2):checked ~ .tab-nav label:nth-of-type(2),
.tabs input:nth-of-type(2):checked ~ .tab-nav label:nth-of-type(2) > .tab-nav-counter,
.tabs input:nth-of-type(3):checked ~ .tab-nav label:nth-of-type(3),
.tabs input:nth-of-type(3):checked ~ .tab-nav label:nth-of-type(3) > .tab-nav-counter,
.tabs input:nth-of-type(4):checked ~ .tab-nav label:nth-of-type(4),
.tabs input:nth-of-type(4):checked ~ .tab-nav label:nth-of-type(4) > .tab-nav-counter {color: #BA0E43; border-color: #BA0E43;}
.tab-nav {margin: 0 20px; max-width: 1360px; overflow-x: scroll; -ms-overflow-style: none; scroll-snap-type: x mandatory; display: flex; flex-wrap: nowrap; justify-content: flex-start;}
.tab-nav::-webkit-scrollbar {display: none; -webkit-appearance: none;}
.tab-nav_center {justify-content: center;}
.tab-nav__item {
cursor: pointer; max-width: 340px; padding: 10px 8px; border-bottom: #EFEFEF 2px solid; white-space: nowrap;
font-family: 'Oswald', sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: 1.25px; text-transform: uppercase;
}
.tab-nav-counter {display: inline-block; height: 20px; width: 20px; font-size: 10px; vertical-align: middle; line-height: 18px; margin-left: 4px; margin-top: -4px; text-align: center; padding-left: 2px; border-radius: 50%; border: #333333 1px solid;}
.tab-nav__item:hover,
.tab-nav__item:hover > .tab-nav-counter {color: #333333; border-color: #333333;}
/* Вопросы и ответы */
.landing__content details {padding: 10px 20px; border-top: #DEDEDE 1px solid; margin: 0 auto; max-width: 780px;}
.landing__content details summary {cursor: pointer; outline: 0; font-size: 20px; font-weight: 400; padding: 10px 0;}
.landing__content details summary::-webkit-details-marker {display: none;}
.landing__content details summary::-moz-list-bullet {list-style-type: none;}
.landing__content details:first-of-type {border-top: none;}
.landing__content details p {}
/* план контента */
.media_minimized {max-width: 840px; margin: 20px auto 0;}
.media_minimized .videoContainer {margin: 0;}
.media_minimized__title {margin: 20px auto; max-width: 600px; padding: 0 20px;}
.content-plan {background: #FAFAFD; margin: 20px auto; padding: 20px 20px; max-width: 840px;}
.content-plan_preview {margin-top: 0; max-height: 300px; overflow: scroll;}
.content-plan__chapter {font-size: 20px; text-transform: uppercase; margin-top: 30px;}
.content-plan__items {list-style: none; counter-reset: plan;}
.content-plan__item {position: relative; font-size: 16px; padding-left: 10px; margin: 20px 0 0;}
.content-plan__item::before {
content: counter(plan, decimal-leading-zero); counter-increment: plan; position: absolute; left: -40px; top: 0;
font-family: 'Oswald', sans-serif; font-size: 30px; color: #DADADA; margin-top: -6px;
}
.content-plan__item-header {font-size: 18px; text-align: left; margin: 0 0 2px; padding: 0;}
.content-plan__item h4 {padding: 0;}
.content-plan__item-header-active {text-decoration: underline; cursor: pointer;}
.content-plan__item-header-active:hover {text-decoration: none;}
.content-plan__item_finished::before {content: url("data:image/svg+xml;utf8,");}
.content-plan__item_finished {color: #999999;}
.content-plan__item_finished .content-plan__item-header a {color: #999999;}
.content-plan__item_selected::before {content: url("data:image/svg+xml;utf8,");}
.content-plan__item_selected .content-plan__item-header a {color: #BA0E43;}
.content-plan__item-header-active:before {margin: -10px 10px -10px -24px; display: inline-block; vertical-align: middle;}
.content-plan__item-header-active:before {content: url('data:image/svg+xml;utf8,');}
/* прогресс по контенту */
.content-progress {margin: 20px 0 60px; padding: 0 20px;}
.content-progress__bar {-webkit-appearance: none; width: 100%; height: 30px; max-width: 780px; margin: 0 auto; padding: 0; display: block; border-radius: 6px; fill: #EFEFEF;}
.content-progress__bar::-webkit-progress-bar {border-radius: 6px; background-color: rgba(92, 159, 20, 0.1);}
.content-progress__bar::-webkit-progress-value {border-radius: 6px 0 0 6px; background-color: #5C9F14;}
.content-progress__bar_completed::-webkit-progress-value {border-radius: 6px;}
.content-progress__line {margin: 10px auto 0; display: block; text-align: center;}
/* навигация по курсу */
.content-nav {margin: 0 0 40px; padding: 20px; background: #FAFAFD; display: flex; flex-direction: column;}
.content-nav__item_plan {order: 2;}
/* треклист */
.tracklist {background: #FAFAFD; padding: 40px 20px; margin-top: 40px;}
.tracklist__cover {margin: 0 auto; padding: 0; max-width: 240px; max-height: 240px; display: block;}
.tracklist__content {
display: block; padding: 0; margin: 40px 0 0;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.tracklist__content li {margin: 0 20px 20px 30px;}
.tracklist__content li:last-child {margin-bottom: 0;}
.tracklist__content li.preview {list-style-type: none; cursor: pointer;}
.tracklist__content li.preview:hover {color: #BA0E43; cursor: pointer;}
.tracklist__content li.preview:before,
.tracklist__content li.preview:hover:before {margin: -10px 10px -10px -32px; display: inline-block; vertical-align: middle;}
.tracklist__content li.preview:before {content: url('data:image/svg+xml;utf8,');}
.tracklist__content li.preview:hover:before {content: url('data:image/svg+xml;utf8,');}
.tracklist__content li.playing {color: #BA0E43; font-weight: 400;}
.tracklist__content li.playing:before,
.tracklist__content li.playing:hover:before {margin: -4px 6px -10px -38px; display: inline-block; vertical-align: middle; content: url('data:image/svg+xml;utf8,');}
/* саппорт */
.landing__disclaimer,
.disclaimer_support {font-size: 16px; margin-top: 60px;}
.support-nav {margin: 0 auto 0; padding: 0; list-style-type: none; max-width: 780px; display: flex; flex-flow: row wrap; justify-content: center;}
.support-nav li {text-align: center; margin: 0; padding: 20px; flex-basis: 200px;}
.support-nav svg {display: block; vertical-align: top; margin: 0 auto 10px; text-align: center;}
.support-back {display: block; vertical-align: top; max-width: 780px; margin: 60px auto 20px; text-align: center;}
.support-back:before {display: inline-block; vertical-align: middle; margin: 2px 6px 0 0; content: url('data:image/svg+xml;utf8,');}
.support-questions {list-style-type: none; max-width: 780px; margin: 0 auto; padding: 0;}
.support-questions li {border-bottom: #EFEFEF 1px solid; padding: 20px;}
.support-contact {margin-top: 60px; font-size: 16px;}
/* лайв */
.content-live {padding: 0 20px; max-width: 780px;}
.content-live header {padding: 0; margin: 40px 0 0;}
.content-live header h3+h5 {font-size: 18px; margin-top: 20px;}
.content-live__archive {margin: 40px 0 60px;}
.content-live__archive-item {margin: 20px 0 0; cursor: pointer; text-decoration: underline; font-size: 20px;}
.content-live__archive-item:hover {text-decoration: none;}
.sharing details summary {font-size: 20px; outline: none; cursor: pointer;}
.sharing details {font-size: 16px; margin: 0; padding: 0;}
.sharing__group {background: #FAFAFD; padding: 20px; margin: 10px 0;}
.sharing__group-header {margin: 0 auto; text-align: center;}
.sharing__group p {font-size: 16px;}
.sharing__status {color: #555555; display: block; margin: 10px 0;}
.sharing__form {flex-flow: row wrap;}
.sharing__form input {width: 100%;}
.sharing__form-button {width: auto; font-size: 14px; padding: 10px 20px; margin: 10px 0 0;}
/* попап */
.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 900; overflow-y: scroll; background: rgba(255, 255, 255, 0.9); transition: opacity 200ms; webkit-overflow-scrolling: auto;}
.overlay_hidden {visibility: hidden; opacity: 0;}
.overlay__cancel {position: fixed; width: 100%; height: 100%; cursor: default;}
.overlay:target {visibility: visible; opacity: 1;}
.overlay__data {background: #FFFFFF; position: relative; margin: 0; padding: 0; display: block;}
.overlay__data h2 {margin: 0 auto; padding: 40px 20px 0;}
.overlay__data .landing {margin-top: 0;}
.close {position: absolute; top: 15px; right: 15px; background: #FFFFFF; border-radius: 50%; padding: 5px; z-index: 999;}
.close svg {display: block; width: 30px; height: 30px;}
/* ценовые категории */
.options {list-style-type: none; margin: 0 auto; padding: 0 0 40px; text-align: center;}
.options__category {display: inline-block; max-width: 300px; vertical-align: top; text-align: left; margin: 0 20px; padding: 40px 0; border-bottom: #CCCCCC 1px solid;}
.options li:last-child {border-bottom: none;}
.options li h3 {font-family: 'Oswald', serif; text-transform: uppercase; font-size: 22px; font-weight: 400; line-height: 1.25; padding: 0 0 8px; margin: 0; text-align: left;}
.options__recommended-label {color: #BA0E43; border: #BA0E43 1px solid; border-radius: 5px; padding: 5px 10px; margin: 0 0 10px; display: inline-block;}
.options__price {font-size: 22px;}
.options__installments {font-size: 18px; display: block; margin: 10px 0 0;}
.option__installments_price {color: #BA0E43;}
.options__sold {color: #999999;}
.options__sold-label {color: #FFFFFF; background: #BA0E43; padding: 5px 10px; border-radius: 5px;}
.options__quantity {color: #BA0E43; font-size: 16px; text-transform: uppercase; display: block;}
/* заявка на доступ к контенту */
.request-form {margin: 0 auto; padding: 0 20px; max-width: 780px;}
.request-form input,
.request-form textarea {display: block; width: 100%; margin: 20px 0 0;}
.request-form textarea {font-size: 18px; outline: none; border: #CCCCCC 1px solid; border-radius: 6px; padding: 10px 5px;}
.request-form button {font-size: 18px; margin-top: 40px;}
/* блок саппорта */
.content-support {margin: 0 auto; max-width: 800px; text-align: center;}
.support-options li {margin-top: 20px; list-style-type: none; display: inline-block;}
.support-option {max-width: 350px; padding: 20px; border-radius: 5px;}
.support-option_whatsapp {background-color: #59CE72; color: #FFFFFF; display: block;}
.support-option_telegram {background-color: #0088CC; color: #FFFFFF; display: block;}
.support-option_whatsapp svg,
.support-option_telegram svg {height: 24px; margin: -2px 5px 0 0; display: inline-block; vertical-align: middle;}
.support-option_whatsapp svg path,
.support-option_telegram svg path {fill: #FFFFFF;}
/* партнеры */
.landing__content_partners {margin-top: 0;}
.partners-list {margin: 20px auto 40px; padding: 0; display: flex; flex-wrap: wrap;}
.partners-list li {list-style-type: none; margin: 0 0 10px;}
.partners-list__primary {max-width: 200px; flex: 1 0 33%; margin: 0 10px;}
.partners-list li img {margin: 0 auto;}
@media (min-width: 500px) {
/* навигация по курсу */
.content-nav {margin: 0 auto 40px; padding: 20px; max-width: 780px; flex-direction: row;}
.content-nav__item {order: 2;}
.content-nav__item_plan {order: 1; flex-grow: 2; text-align: center;}
/* ценовые категории */
.options__category {max-width: 400px; padding: 67px 40px 40px;}
.options__category_recommended {padding-top: 20px;}
/* саппорт */
.support-contact {text-align: center;}
}
@media (min-width: 720px) {
/* общее */
.landing {margin-top: 45px; padding-top: 40px;}
.landing__header {margin-top: 0;}
.landing__details {margin-top: 80px;}
.landing__details p {padding: 0 20px;}
.landing__content_account p,
.landing__content p,
.landing__content blockquote,
.landing__content ul:not(.feature):not(.contentScroller):not(.support-nav),
.landing__content ol:not(.support-questions) {max-width: 780px; margin-left: auto; margin-right: auto; padding: 0 20px;}
.landing__content ul:not(.feature):not(.contentScroller):not(.support-nav),
.landing__content ol:not(.support-questions) {margin: 0 auto;}
.landing__content ul:not(.feature):not(.contentScroller) li,
.landing__content ol li {margin-left: 40px;}
/* заголовки */
.landing__header h1,
.landing__header h4,
.landing__header h5 {max-width: 780px; margin-left: auto; margin-right: auto; padding: 0 20px;}
.landing__header h1 {font-size: 55px;}
.landing__header h2 {font-size: 45px;}
.landing__header h1 + h4 {font-size: 25px;}
.landing__content h1, .landing__content h2,
.landing__content h3, .landing__content h4 {max-width: 780px; margin-left: auto; margin-right: auto; padding: 0 20px;}
.landing__content h2, .landing__content h3 {margin-top: 80px; margin-bottom: 52px;}
.landing__content h2 {font-size: 45px;}
.landing__content h3 {font-size: 30px;}
.landing__content h4 {max-width: 600px;}
.landing__content h4::before,
.landing__content h4::after {width: 240px;}
.landing__details h2 {font-size: 45px;}
.header__course-title {font-size: 22px;}
/* иконки */
.landing__content > :not(.media_minimized):not(.videoContainer):not(.audioContainer):not(.support-options) svg {height: 36px;}
/* тулбар с навигацией по лендингу */
.landing-toolbar-title {font-size: 16px;}
.landing-toolbar-button {color: #FFFFFF; background: #BA0E43;}
.landing-toolbar-button:hover {background: #A20032;}
/* цены */
.landing__content-price {margin: 110px auto -45px;}
/* ценовые категории */
.options__category {max-width: 300px;}
/* скроллер */
ul.contentScroller {width: 100%; max-width: 100%; padding: 40px 0;}
ul.contentScroller:before,
ul.contentScroller:after {flex: 0 0 40px;}
ul.contentScroller li {margin-left: 40px;}
/* табы */
.tab-nav {justify-content: center;}
.tab-nav__item {font-size: 22px; line-height: 30px;}
/* план контента */
.content-plan {margin: 40px auto; padding: 20px 60px;}
.content-plan_preview {margin-top: 0; max-height: 320px;}
.content-plan__item {padding-left: 20px; margin: 20px 0 0;}
.media_minimized__title {text-align: center;}
/* прогресс по контенту */
.content-progress {margin: 40px 0 80px;}
/* треклист */
.tracklist {display: flex; justify-content: center; padding: 40px;}
.tracklist__cover {margin: 0; max-width: 360px; max-height: 360px;}
.tracklist__content {flex-grow: 2; max-width: 480px; padding: 0; margin: 0 40px;}
.tracklist__content li {margin: 0 40px 20px;}
/* лайв */
.sharing__form-button {font-size: 16px; padding: 20px; margin: 10px auto 0;}
/* партнеры */
.partners-list li {flex: 1 0 20%;}
.partners-list li.partners-list__primary {flex: 1 0 15%; margin: 0 20px;}
}
@media (min-width: 1080px) {
/* попап */
.overlay__data {margin: auto;}
/* ценовые категории */
.options__category {max-width: 400px; margin: 60px 0 40px; border-left: #CCCCCC 1px solid; border-bottom: none;}
.options li:first-child {border-left: none;}
}