#module-109\#0{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#0 a{color: #000000;}#module-109\#1{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#1 a{color: #000000;}#module-109\#2{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#2 a{color: #000000;}#module-109\#3{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#3 a{color: #000000;}#module-109\#4{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#4 a{color: #000000;}#module-109\#5{margin-top:100px;}
#page\#0{position: relative; height: 886px; z-index: 0;}#page\#0 img{display: block; width: 1920px; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; pointer-events: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}#page\#1{color: white !important}#page\#2{width: 920px; margin-left: calc(50% - 460px); /* 960px / 2 = 480px */ padding-top: 30px; padding-bottom: 30px; color: #FFF; font-family: Jost; font-size: 26px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.26px;}#page\#2 a{text-decoration: none; color: var(--gold, #F2C80D); font-family: Jost; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.26px;}#page\#2 .bold-yellow{color: var(--gold, #F2C80D); font-family: Jost; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.26px;}#page\#3{width: 960px; margin: 0 auto; // padding-top:20px; color: #FFF; text-align: center; font-family: Jost; font-size: 26px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.26px;}#page\#3 a{text-decoration:none; color: var(--gold, #F2C80D); font-family: Jost; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.26px;}#page\#4{margin-top:70px!important;}#page\#4 .svg-button{background: none; border: none; cursor: pointer; position: relative; padding: 0; left: calc(50% - 147px); transform: translateX(-50%); /* Корректируем сдвиг обратно на половину ширины элемента */}#page\#4 .svg-button:hover{}#page\#4 .button-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1A1A1A; text-align: center; font-family: Jost; font-size: 29px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.29px;}#page\#4 .button-container{position: relative; background-image: url('/media/legacy/xssr/courses/button-line.png'); background-repeat: no-repeat; background-position: center center;}/* Основные стили для .button-text */ #page\#4 .button-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1A1A1A; text-align: center; font-family: Jost; font-size: 29px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.29px; transition: color 0.5s; /* Добавляем плавный переход для цвета */}/* Изменяем цвет текста при наведении на .svg-button */ #page\#4 .svg-button:hover .button-text{color: #FFF;}#page\#5{margin-top:70px!important; width: 960px; margin-left: calc(50% - 480px); /* 960px / 2 = 480px */ margin-bottom:70px;}#page\#6 .title-container{position: relative; display: flex; justify-content: center; align-items: center; height: 90px; /* Высота SVG */ background-image: url('/media/legacy/xssr/courses/button-line.png'); background-size: contain; background-repeat: no-repeat; background-position: center center;}#page\#6 .title-container text{font-family: Jost; font-size: 29px; font-style: normal; font-weight: 500; letter-spacing: -0.29px; z-index: 1; /* Чтобы текст был поверх линии */}#page\#7{width: 960px; margin-left: calc(50% - 480px); /* 960px / 2 = 480px */ padding-top: 30px; padding-bottom: 30px; color: #FFF; font-family: Jost; font-size: 26px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.26px;}#page\#7 a{text-decoration: none; color: var(--gold, #F2C80D); font-family: Jost; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.26px;}#page\#7 .bold-yellow{color: var(--gold, #C0A739); font-family: Jost; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.26px;}#page\#8 .title-container{position: relative; display: flex; justify-content: center; align-items: center; height: 90px; /* Высота SVG */ background-image: url('/media/legacy/xssr/courses/button-line.png'); background-size: contain; background-repeat: no-repeat; background-position: center center;}#page\#8 .title-container text{font-family: Jost; font-size: 29px; font-style: normal; font-weight: 500; letter-spacing: -0.29px; z-index: 1; /* Чтобы текст был поверх линии */}#page\#9 .el-item:first-child{border-top: none;}#page\#9 p::before{content: ""; display: inline-block; width: 10px; height: 10px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><circle cx="5" cy="5" r="5" fill="white"></circle></svg>'); background-repeat: no-repeat; background-size: contain; margin-right: 10px; /* Отступ между SVG и текстом */ vertical-align: middle; /* Чтобы выровнять SVG относительно текста */}#page\#9 .el-item{border-top: 5px solid; /* Устанавливаем толщину границы на основе высоты вашего изображения */ border-image: url('/media/legacy/xssr/courses/button-line.png') 100% stretch; /* Замените на путь к вашему изображению */ border-image-slice: 20; /* Использует 100% изображения для границы */ border-image-repeat: stretch; /* Растягивает изображение на всю длину границы */}#page\#9 .uk-panel{padding-bottom:40px;}#page\#9 li{color: #FFF; font-family: Jost; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.2px; margin-left:20px;}#page\#9 p{margin-bottom:-10px!important;}#page\#9{padding-top:60px; padding-bottom:50px; width: 1200px; margin-left: calc((50% - 480px) - 45px);}#page\#9 .uk-accordion-content{margin-top:10px; margin-left:205px; color: #FFF; font-family: Jost; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.22px;}#page\#9 .el-title{color: #FFF; /* Text */ font-family: Jost; font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.32px;}#page\#9 ul{list-style-type: none; /* Убираем стандартные маркеры */ padding-left: 0; /* Убираем отступ слева */ margin-bottom: -10px;}#page\#9 ul li{position: relative; /* Делаем элемент списка относительно позиционированным */ padding-left: 20px; /* Добавляем отступ слева, чтобы текст не перекрывал маркер */}#page\#9 ul li::before{content: ""; /* Пустое содержимое для псевдоэлемента */ position: absolute; /* Абсолютное позиционирование относительно элемента списка */ left: 0; /* Позиционирование слева */ top: 50%; /* Позиционирование сверху на 50% для вертикального центрирования */ transform: translateY(-50%); /* Смещение по вертикали для точного центрирования */ width: 7px; /* Ширина квадрата */ height: 7px; /* Высота квадрата */ background-color: #C0A739; /* Цвет фона квадрата */}#page\#9 .bold-yellow{color: var(--gold, #C0A739); /* Text */ font-family: Jost; font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.32px;}/* Для закрытого аккордеона */ #page\#9 .uk-accordion-title::before{content: url('/media/legacy/xssr/courses/accordeon-close.svg'); background: none; float: none; width: 20px; /* Ширина изображения */ height: 20px; /* Высота изображения */ display: inline-block; /* Установка как блочный элемент, чтобы не влияло на текст */ margin-right: 15px;}/* Для открытого аккордеона */ #page\#9 .uk-open>.uk-accordion-title::before{content: url('/media/legacy/xssr/courses/accordeon-open.svg');}#page\#10{color: var(--gold, #C0A739); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}#page\#11{color: var(--gold, #C0A739); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 700;}#page\#12{margin-top: 0px!important; color: var(--gold, #C0A739); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400;}#page\#13{color: #FFF; text-align: center; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}#page\#14{margin-left:50px; margin-right:-50px!important;}#page\#15{color: var(--gold, #C0A739); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}#page\#16{color: var(--gold, #C0A739); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 700;}#page\#17{margin-top: 0px!important; color: var(--gold, #C0A739); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400;}#page\#18{color: #FFF; text-align: center; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}#page\#19{color: var(--gold, #C0A739); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}#page\#20{color: var(--gold, #C0A739); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 700;}#page\#21{margin-top: 0px!important; color: var(--gold, #C0A739); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400;}#page\#22{color: #FFF; text-align: center; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}#page\#23{margin-right:50px; margin-left:-50px!important;}#page\#24{padding-top:30px; margin-bottom:-30px!important;}#page\#25{margin-top:70px!important;}#page\#25 .svg-button{background: none; border: none; cursor: pointer; position: relative; padding: 0; left: calc(50% - 147px); transform: translateX(-50%); /* Корректируем сдвиг обратно на половину ширины элемента */}#page\#25 .svg-button:hover{}#page\#25 .button-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1A1A1A; text-align: center; font-family: Jost; font-size: 29px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.29px;}#page\#25 .button-container{position: relative; background-image: url('/media/legacy/xssr/courses/button-line.png'); background-repeat: no-repeat; background-position: center center;}/* Основные стили для .button-text */ #page\#25 .button-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1A1A1A; text-align: center; font-family: Jost; font-size: 29px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.29px; transition: color 0.5s; /* Добавляем плавный переход для цвета */}/* Изменяем цвет текста при наведении на .svg-button */ #page\#25 .svg-button:hover .button-text{color: #FFF;}#page\#26{background: #020100; margin-top: -182px!important;}#page\#27{position: relative; height: 356px; z-index: 0;}#page\#27 img{display: block; width: 772px; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; pointer-events: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}#page\#28{color: white !important}#page\#29 p{color: #FFF; text-align: center; /* Mobile - Body Text */ font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; /* 111.111% */}#page\#29 a{color: var(--gold, #C0A739); /* Mobile - Body Text */ font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px;text-decoration:none;}#page\#30{margin-top:40px!important;}#page\#30 .svg-button{background: none; border: none; cursor: pointer; position: relative; padding: 0; left: calc(50% - 91px); transform: translateX(-50%); /* Корректируем сдвиг обратно на половину ширины элемента */}#page\#30 .svg-button:hover{}#page\#30 .button-container{position: relative; background-image: url('/media/legacy/xssr/courses/lines2x2.png'); background-repeat: no-repeat; background-position: center center;}/* Основные стили для .button-text */ #page\#30 .button-text{margin-top:1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1A1A1A; text-align: center; font-family: Jost; font-size: 17.932px; font-style: normal; font-weight: 600; letter-spacing: -0.179px; transition: color 0.5s; /* Добавляем плавный переход для цвета */}/* Изменяем цвет текста при наведении на .svg-button */ #page\#30 .svg-button:hover .button-text{color: #FFF;}#page\#31{margin-top:50px; padding-bottom:20px;}#page\#32 .title-container{position: relative; display: flex; justify-content: center; align-items: center; height: 90px; /* Высота SVG */ background-image: url('/media/legacy/xssr/courses/lines2x3.png'); background-size: contain; background-repeat: no-repeat; background-position: center center;}#page\#32 .title-container text{text-align: center; font-family: Jost; font-size: 11.764px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.118px;}#page\#33{margin-top:5px!important; /* Mobile - Body Text */ font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; /* 111.111% */}#page\#33 p{color: #FFF;}#page\#33 .bold-yellow{color: var(--gold, #C0A739); /* Mobile - Body Text */ font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px;}#page\#34 .title-container{position: relative; display: flex; justify-content: center; align-items: center; height: 90px; /* Высота SVG */ background-image: url('/media/legacy/xssr/courses/lines2x3.png'); background-size: contain; background-repeat: no-repeat; background-position: center center;}#page\#34 .title-container text{text-align: center; font-family: Jost; font-size: 11.764px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.118px;}#page\#35 .el-item:first-child{border-top: none;}#page\#35 .el-item{border-top: 5px solid; /* Устанавливаем толщину границы на основе высоты вашего изображения */ border-image: url('/media/legacy/xssr/courses/button-line.png') 100% stretch; /* Замените на путь к вашему изображению */ border-image-slice: 20; /* Использует 100% изображения для границы */ border-image-repeat: stretch; /* Растягивает изображение на всю длину границы */}#page\#35 .uk-panel{padding-bottom:40px;}#page\#35 li{color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}#page\#35 p{color: #FFF; margin-bottom:-10px!important; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 500;}#page\#35{padding-top:20px; padding-bottom:20px;}#page\#35 .uk-accordion-content{margin-top:10px;}#page\#35 .el-title{color: #FFF; font-family: Jost; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}#page\#35 ul{list-style-type: none; /* Убираем стандартные маркеры */ padding-left: 0; /* Убираем отступ слева */ margin-bottom: -15px;}#page\#35 ul li{position: relative; /* Делаем элемент списка относительно позиционированным */ padding-left: 20px; /* Добавляем отступ слева, чтобы текст не перекрывал маркер */}#page\#35 ul li::before{content: ""; /* Пустое содержимое для псевдоэлемента */ position: absolute; /* Абсолютное позиционирование относительно элемента списка */ left: 0; /* Позиционирование слева */ top: 50%; /* Позиционирование сверху на 50% для вертикального центрирования */ transform: translateY(-50%); /* Смещение по вертикали для точного центрирования */ width: 7px; /* Ширина квадрата */ height: 7px; /* Высота квадрата */ background-color: #C0A739; /* Цвет фона квадрата */}#page\#35 .bold-yellow{display: inline-block; margin-bottom: 15px; color: var(--gold, #C0A739); font-family: Jost; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}#page\#35 .uk-accordion-title{position: relative; padding-right: 25px; /* Добавьте отступ справа, чтобы текст не перекрывал изображение */}/* Для закрытого аккордеона */ #page\#35 .uk-accordion-title::before{content: url('/media/legacy/xssr/courses/plus.svg'); background: none; position: absolute; top: 0; right: 0; width: 20px; height: 20px;}/* Для открытого аккордеона */ #page\#35 .uk-open>.uk-accordion-title::before{content: url('/media/legacy/xssr/courses/minus.svg');}#page\#36{color: var(--gold, #C0A739); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}#page\#37{color: var(--gold, #C0A739); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 700;}#page\#38{margin-top: 0px!important; color: var(--gold, #C0A739); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400;}#page\#39{color: #FFF; text-align: center; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}#page\#40{padding-top:10px; color: var(--gold, #C0A739); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}#page\#41{color: var(--gold, #C0A739); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 700;}#page\#42{margin-top: 0px!important; color: var(--gold, #C0A739); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400;}#page\#43{color: #FFF; text-align: center; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}#page\#44{padding-top:10px; color: var(--gold, #C0A739); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}#page\#45{color: var(--gold, #C0A739); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 700;}#page\#46{margin-top: 0px!important; color: var(--gold, #C0A739); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400;}#page\#47{color: #FFF; text-align: center; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}#page\#48{padding-top:30px; margin-bottom:-30px!important;}#page\#49{margin-top:40px!important;}#page\#49 .svg-button{background: none; border: none; cursor: pointer; position: relative; padding: 0; left: calc(50% - 91px); transform: translateX(-50%); /* Корректируем сдвиг обратно на половину ширины элемента */}#page\#49 .svg-button:hover{}#page\#49 .button-container{position: relative; background-image: url('/media/legacy/xssr/courses/lines2x2.png'); background-repeat: no-repeat; background-position: center center;}/* Основные стили для .button-text */ #page\#49 .button-text{margin-top:1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1A1A1A; text-align: center; font-family: Jost; font-size: 17.932px; font-style: normal; font-weight: 600; letter-spacing: -0.179px; transition: color 0.5s; /* Добавляем плавный переход для цвета */}/* Изменяем цвет текста при наведении на .svg-button */ #page\#49 .svg-button:hover .button-text{color: #FFF;}#page\#50{background: #020100; margin-top: -122px!important;}

.sn-1{position: relative; padding-top: 56.25%; width: 100%}
.sn-2{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.sn-3{position: relative; padding-top: 56.25%; width: 100%}
.sn-4{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}