Showing source for: https://kalachevaschool.ru/
Duration: 1.488145s
Server: nginx/1.20.1
<!DOCTYPE html>
<head>
<script>
window.accountUserId = -1;
window.requestIp = "178.79.185.141";
window.isSublogined = false;
window.accountId = 1005;
window.gcSessionId = 0;
window.controllerId = "page";
window.actionId = "0";
window.nowTime = new Date(2024, 4, 19, 16, 09, 05);
window.dateOffset = 3;
window.userInfo = {"isAdmin":false,"isInAccount":false,"isTeacher":false};
window.currencyLabels = {"RUB":"RUB","USD":"USD","EUR":"EUR","GBP":"GBP","BYR":"BYR","BYN":"BYN","KZT":"KZT","UAH":"UAH","AUD":"AUD","DKK":"DKK","CHF":"CHF","SEK":"SEK","ZAR":"ZAR","AMD":"AMD","RON":"RON","BRL":"BRL","ILS":"ILS","MYR":"MYR","SGD":"SGD","KGS":"KGS","CAD":"CAD","MXN":"MXN","JPY":"JPY","UZS":"UZS","PLN":"PLN","AZN":"AZN","AED":"AED","TRY":"TRY","INR":"INR","RSD":"RSD","CZK":"CZK","MNT":"MNT","NZD":"NZD","BGN":"BGN","IDR":"IDR","CNY":"CNY","GEL":"GEL","COP":"COP","ARS":"ARS","PEN":"PEN","CLP":"CLP","VND":"VND","PHP":"PHP","DOP":"DOP","KRW":"KRW","TWD":"TWD","MDL":"MDL","TJS":"TJS","POINTS":""};
window.accountSafeUserName = "Guest";
window.accountUserThumbnail = "<img class=\"user-profile-image user-default-profile-image\" src=\"\/public\/img\/default_profile_50.png\" width=\"50\" alt=\"\">";
window.language = "ru";
window.csrfToken = "pIbsIPN-6bS-8_TKpfDu19xm44794dosmtg_i1y1GdqV46oQsQjZ3fWUvazvl4iIhiySzJHRqF7V4VmmFMVotg==";
window.requestTime = 1716124145;
window.requestSimpleSign = "6b4e17c942fd28701e365b3d9b59e7d6";
window.gcUniqId = "23152200336649f9f1eb0a97.62903810.1716124145.9627";
window.mailingVisibility = 1;
window.isSupportChatEnabled = false;
window.disableCaptchaForConfirmPhone = true;
window.globalCheckboxEnabled = true;
window.globalCheckboxText = "\u0421 \u0442\u0435\u043a\u0441\u0442\u043e\u043c <a href=\"\/cms\/system\/legal\" target=\"_blank\">\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f (\u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430-\u043e\u0444\u0435\u0440\u0442\u044b)<\/a> \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d, \u0438 \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445";
window.persodataConfirm = true;
window.checkboxMailingEnabled = false;
window.checkboxMailingChecked = false;
window.checkboxMailingText = "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0438 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a (\u0432\u044b \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u0438\u0441\u0435\u043c \u0432 \u043b\u0438\u0447\u043d\u043e\u043c \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0435)";
window.params_52 = 1;
window.gcsObjectId = 2502619;
window.isSessionLocalStorageEnabled = true;
window.isWhatsappIconEnabled = true;
window.file_upload_blocking = false;
window.storage_usage_percent = null;
window.used_storage_size = null;
window.max_storage_size = null;
window.fileserviceThumbnailHost = "fs-thb01.getcourse.ru";
window.fileserviceMainHost = "fs17.getcourse.ru";
window.fileserviceUploadHost = "fs20.getcourse.ru";
window.fileserviceTusFeatureEnabled = true;
window.iCanSelectGridOffset = true;
window.isEnabledSecureUpload = 1;
window.webinarWebsocketHosts = ["stream01.gcfiles.net","ws02.getcourse.ru"];
window.webSocketHost = "ws04.getcourse.ru";
window.fdsrevEnabled12 = true;
window.isDisabledFacebook = true;
window.metaIsAnExtremismOrganizationText = "\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f Meta \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0430 \u044d\u043a\u0441\u0442\u0440\u0435\u043c\u0438\u0441\u0442\u043a\u043e\u0439 \u0432 \u0420\u0424.";
window.isTestingV2 = false;
window.testingV2VersionCheck = false;
window.isDisabledVK = false;
window.isEnabledChatiumActionInXdget = true;
window.autoGenerateSubtitlesSectionEnabled = true;
window.internalDomains = ["kalachevaschool.ru","kalacheva.getcourse.ru"];
window.vhApiHost = "player02.getcourse.ru";
window.isRequiredQuestionEnabled = true;
window.requiredQuestionHelp = "<a href=\"https:\/\/getcourse.ru\/help\/obligatoryquestion\" target=\"_blank\"><span class=\"glyphicon glyphicon-question-sign\" style=\"color: #999; margin: 0 2px;\"><\/a>";
window.vhsRegion = "ru";
window.videoLinkFeatureUsed = 0;
</script>
<script type="text/javascript">
window.userInfo = {"isAdmin":false,"isManager":false,"isInAccount":false,"isTeacher":false,"canCms":false,"canEditHelp":false,"isHumanDesign":"0"};
</script>
<link rel="shortcut icon"
href="https://fs02.getcourse.ru/fileservice/file/download/a/1005/sc/491/h/cb2e9ebeeb8f92fc378d452bf5c6d0ea.ico">
<link href="/nassets/89bfd734/css/blueimp-gallery.min.css?v=1685613220" rel="stylesheet">
<link href="/nassets/89bfd734/css/blueimp-gallery-indicator.css?v=1685613220" rel="stylesheet">
<link href="/nassets/b6f806c8/css/bootstrap.min.css?v=1685613221" rel="stylesheet">
<link href="/nassets/ea3a51ee/css/modal.css?v=1685613220" rel="stylesheet">
<link href="/nassets/74fe3495/css/videoplayer.css?v=1702538359" rel="stylesheet">
<link href="/nassets/a0fcbb24/fotorama.css?v=1685613220" rel="stylesheet">
<link href="/nassets/60868761/uploadifive.css?v=1685613220" rel="stylesheet">
<link href="/nassets/811906ac/css/jquery.Jcrop.min.css?v=1685613220" rel="stylesheet">
<link href="/nassets/b52047c6/css/jquery.dataTables.min.css?v=1685613219" rel="stylesheet">
<link href="/nassets/24d4d8eb/css/file-dialog.css?v=1685613219" rel="stylesheet">
<link href="/nassets/24d4d8eb/css/file-widget-with-dialog.css?v=1685613219" rel="stylesheet">
<link href="/nassets/24d4d8eb/css/video-grid.css?v=1685613219" rel="stylesheet">
<link href="/nassets/ae6d39fe/css/block-animation.css?v=1685613220" rel="stylesheet">
<link href="/nassets/css/lite-block-3aec79a00fe49b233a217b979f7ffaf4.css?v=1716118028" rel="stylesheet">
<link href="/public/fonts/gfonts/open-sans/open-sans-cyr-swap.css" rel="stylesheet">
<link href="/public/fonts/gfonts/roboto/roboto-cyr-swap.css" rel="stylesheet">
<link href="/nassets/dc774405/js/vendor.js?v=1715860769" rel="modulepreload" crossorigin>
<link href="/nassets/dc774405/css/index.css?v=1715860769" rel="stylesheet">
<link href="/nassets/910e3fa5/proxima.css?v=1685613220" rel="stylesheet">
<link href="/nassets/a9f792d5/css/all.css?v=1695712897" rel="stylesheet">
<link href="/nassets/a9f792d5/css/v5-font-face.css?v=1695712897" rel="stylesheet">
<link href="/nassets/a9f792d5/css/v4-font-face.css?v=1695712897" rel="stylesheet">
<link href="/nassets/a9f792d5/css/v4-shims.css?v=1695712897" rel="stylesheet">
<link href="/nassets/a9f792d5/css/old.css?v=1695712897" rel="stylesheet">
<link href="/nassets/59757da8/css/global.css?v=1685613220" rel="stylesheet">
<link href="/nassets/62425d88/bootstrap-social.css?v=1685613220" rel="stylesheet">
<link href="/nassets/css/flexboxgrid-2fdc38bacf1e55f1fe5aa0abe4871e96.css?v=1716118028" rel="stylesheet" async="async">
<link href="/nassets/ca672aa0/themes/smoothness/jquery-ui.css?v=1685613221" rel="stylesheet">
<link href="/nassets/8dec9c6a/toast/css/jquery.toast.min.css?v=1685613220" rel="stylesheet">
<link href="/nassets/da188578/css/lite.css?v=1685613220" rel="stylesheet">
<link href="/nassets/644c2834/css/menu.css?v=1702380426" rel="stylesheet">
<link href="/nassets/47050a10/jquery.emojiarea.css?v=1685613220" rel="stylesheet">
<link href="/nassets/47050a10/emoji.css?v=1685613220" rel="stylesheet">
<link href="/nassets/2f04615/css/audio-comments.css?v=1685613219" rel="stylesheet">
<link href="/nassets/70959707/css/like.css?v=1685613220" rel="stylesheet">
<link href="/nassets/99edc76a/css/subscribe.css?v=1685613220" rel="stylesheet">
<link href="/nassets/aa8d5662/css/user-form.css?v=1685613221" rel="stylesheet">
<link href="/nassets/a2cbf6d5/css/flex-audio-js.css?v=1702380426" rel="stylesheet">
<link href="/nassets/a2cbf6d5/css/comments.css?v=1685613219" rel="stylesheet">
<link href="/nassets/a2cbf6d5/css/comment_reply_open.css?v=1685613219" rel="stylesheet">
<link href="/nassets/a2cbf6d5/css/comment_rating_widget.css?v=1685613219" rel="stylesheet">
<link href="/nassets/a2cbf6d5/css/conversation_widget.css?v=1685613219" rel="stylesheet">
<link href="/nassets/a2cbf6d5/css/talks_widget.css?v=1695712897" rel="stylesheet">
<script src="/nassets/13c3170f/jquery.min.js?v=1685613221"></script>
<script src="/nassets/60868761/jquery.uploadifive.min.js?v=1685613220"></script>
<script src="/nassets/60868761/uploadifive-rewrite.js?v=1702380426"></script>
<script src="/nassets/b6f806c8/js/bootstrap.min.js?v=1685613221"></script>
<script src="/nassets/33313f15/js/JsTrans.min.js?v=1685613220"></script>
<script src="/nassets/f2e8dbd3/dictionary-gen-443213af3624a5afa4e023153524ca50be624c85.js?v=1716116400"></script>
<script src="/nassets/59757da8/js/global-function.js?v=1710447616"></script>
<script src="/nassets/59757da8/js/main.js?v=1710447616"></script>
<script src="/nassets/ca672aa0/jquery-ui.min.js?v=1685613221"></script>
<script src="/nassets/8dec9c6a/js/jquery.toast.min.js?v=1685613220"></script>
<script src="/nassets/67e3910f/yii.js?v=1708509200"></script>
<script src="/nassets/8d6e85f6/jquery.autosize.min.js?v=1685613220"></script>
<script src="/nassets/8d6e85f6/jquery.form.min.js?v=1685613220"></script>
<script src="/nassets/47050a10/jquery.emojiarea.js?v=1685613220"></script>
<script src="/nassets/47050a10/emoji.js?v=1685613220"></script>
<script src="/nassets/2f04615/js/audio-comments.js?v=1706082430"></script>
<script src="/nassets/2f04615/js/RecordRTC.min.js?v=1685613219"></script>
<script src="/nassets/aa8d5662/js/user-form-def.js?v=1685613221"></script>
<script src="/nassets/70959707/js/like.js?v=1685613220"></script>
<script src="/nassets/99edc76a/js/subscribe.js?v=1685613220"></script>
<script src="/nassets/644c2834/js/react/react.min.js?v=1685613220"></script>
<script src="/nassets/aa8d5662/js/build/user-form.js?v=1685613221"></script>
<script src="/nassets/644c2834/js/socket.io.slim.js?v=1685613220"></script>
<script src="/nassets/644c2834/js/socket.js?v=1685613220"></script>
<script src="/nassets/644c2834/js/websocket.global.js?v=1685613220"></script>
<script src="/nassets/a2cbf6d5/js/comments.js?v=1702730120"></script>
<script src="/nassets/a2cbf6d5/js/comment_reply_open.js?v=1685613219"></script>
<script src="/nassets/a2cbf6d5/js/comment_template_dialog.js?v=1685613219"></script>
<script src="/nassets/f2e8dbd3/dictionary-gen-b0a9779d5238dbd3cdc1419db6e60f7dfae2bfc5.js?v=1716116400"></script> <title>Обучение рисованию в художественной школе в Москве - курсы и уроки для взрослых и детей | Студия рисования Вероники Калачевой</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Обучение рисованию в художественной школе в Москве - курсы и уроки для взрослых и детей | Студия рисования Вероники Калачевой"/>
<meta name="description" property="og:description" content="Обучение взрослых рисованию с нуля в школе Вероники Калачевой онлайн и в Москве по направлениям акварельная живопись, скетчинг, каллиграфия и леттеринг."/>
<meta property="og:url" content="https://kalachevaschool.ru/"/>
<meta property="fb:app_id" content="1437814016454992"/>
<link rel="stylesheet" href="/public/fonts/gfonts/montserrat/montserrat.css"/>
<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src='https://vk.com/js/api/openapi.js?169',t.onload=function(){VK.Retargeting.Init("VK-RTRG-919347-5lHLj"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script><noscript><img src="https://vk.com/rtrg?p=VK-RTRG-919347-5lHLj" style="position:fixed; left:-999px;" alt=""/></noscript>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11018883205"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-11018883205');
</script>
<meta name="yandex-verification" content="f773c1cb482b7be0" />
</head>
<body class="gc-user-guest">
<div class="gc-main-content gc-both-main-content no-menu front-page-content gc-user-guest">
<div class="lite-page block-set">
<style>
#ltBlock1059953 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059953" data-block-id="1059962"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-7de79"
>
<div class="lt-block-wrapper">
<style id="rawCss5272877">.user-info {
display:none;
}
.block-set-editor .user-info {
display:block;
padding:20px;
background: #333;
color:#b9bec1;
}
.float-right {float: right;}
.margin-left-20 {margin-left: 20px;}
.text-center .f-input {text-align: center;}
.lt-view.view-collapsed , .lt-view .view-collapsed { display: none; }</style>
</div></div>
<style>
#ltBlock142720 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock142720" data-block-id="142746"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-06192"
>
<div class="lt-block-wrapper">
<style id="rawCss8689598">@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic);
.lt-block .row {
flex:0 0 100%;
}
.gc-user-guest #ltBlock74011 .lt-block-wrapper {padding-top: 30px !important}
/*container reset */
@media all and (min-width:1px) {
.gc-main-content.wide .container {
max-width:1170px;
width:auto!important;
}
.gc-main-content .container {
max-width:1170px;
width:auto!important;
}
.lite-page .my-container {
max-width: 1170px;
}
}
.lt-block-wrapper.block-cover .cover-wrapper .container {
width:100%!important;
}
/*end container reset */
.image-box img {
position:relative;
z-index:0;
}
/* header */
.user-block a[href="/pl/user/profile"],
.navbar-nav .dropdown.user-block a[href="/pl/user/profile"],
.user-block .open>.logined,
.dropdown.user-block.open>.logined
.dropdown.user-block.log-out{
display:none!important;
}
@media screen and (max-width:767px) {
.dropdown.user-block.log-out {
background:none!important;
margin-top:0!important;
}
.dropdown.user-block.log-out .dropdown-toggle {
color:#428bcd!important;
font-weight:normal!important;
font-size:22px!important;
min-height:44px!important;
}
}
@media screen and (max-width:767px) {
.gc-user-logined .dropdown.user-block.log-out {
display:block!important;
background: #3cc5bd!important;
margin-top: 30px!important;
}
.gc-user-logined .navbar-header .user-block {
margin-right: 30px!important;
}
.gc-user-logined .dropdown.user-block.log-out .dropdown-toggle {
font-weight:bold!important;
font-size:inherit!important;
min-height:64px!important;
}
.gc-user-logined .dropdown.user-block.log-out .dropdown-toggle {
color:white!important;
}
}
.gc-user-logined .user-block a[href="/pl/user/profile"],
.gc-user-logined .user-block .open>.logined,
.gc-user-logined .dropdown.user-block.open>.logined{
display:block!important;
}
.gc-user-logined .navbar-nav .dropdown.user-block a[href="/pl/user/profile"] {
display:flex!important;
-webkit-display:flex!important;
}
.user-block .log-out,
.user-block .open>.log-out,
.dropdown.user-block.open>.log-out{
display:block!important;
}
.navbar-nav .dropdown.user-block .log-out {
-webkit-display:flex!important;
}
.gc-user-logined .user-block .log-out,
.gc-user-logined .dropdown.user-block .log-out,
.gc-user-logined .user-block .open>.log-out,
.gc-user-logined .dropdown.user-block.open>.log-out{
display:none!important;
}
@media screen and (max-width:508px) {
.gc-user-logined .navbar-header .user-block {
margin-right: 0!important;
}
}
@media screen and (max-width:767px) {
.lite-page {
margin-top:50px;
}
}
#social-auth-popup .text-center {
height:auto!important;
min-height:40px;
}
#social-auth-popup .btn.btn-social {
width:100%!important;
}
#social-auth-popup .benefits ul {
padding-left: 0;
}
.fa.fa-envelope-o {
display:none;
}
.lt-tsr-containe .flex-row {
-webkit-justify-content:flex-start;
}
.lt-tsr-container .f-header a {
color:#333;
}
.lt-tsr-container .f-header a:hover,
.lt-tsr-container .f-header a:active,
.lt-tsr-container .f-header a:focus {
color:#333;
}
.lt-tsr-container .lt-tsr-block {
flex:0 1 33.333333% !important;
display:flex;
min-height:380px;
min-width:auto;
margin:0!important;
padding: .9375rem!important;
}
@media screen and (min-width: 767px) {
.lt-tsr-container .lt-tsr-block:last-child {
margin-right: auto!important;
}
}
.lt-tsr-container .lt-tsr-content {
background:#f6f5eb;
}
.lt-tsr-container .lt-tsr-content {
display:flex;
flex-flow:column nowrap;
flex:1 1;
}
.lt-tsr-container .f-header {
margin-bottom:0;
}
.lt-tsr-container .lt-tsr-text-part,
.lt-tsr-container .button {
padding:0 20px;
}
.lt-tsr-container .button {
padding-bottom:15px;
margin-top: auto;
}
.lt-tsr-container .f-description {
margin-top:10px;
}
.lt-tsr-container .f-price {
margin-bottom:20px;
}
@media all and (max-width:992px) {
.lt-tsr-container .lt-tsr-block {
flex:0 1 50% !important;
}
}
@media all and (max-width:598px) {
.lt-tsr-container .lt-tsr-block {
flex:0 1 80%!important;
margin:10px auto;
}
.lt-tsr-container .flex-row {
justify-content:center;
}
}
/*end main page tsr-blocks */
/* letter block */
.letter-block .block-box {
background: url(/fileservice/file/download?hash=0b87b48450f1a1641840b3ac3777fddc.png);
padding:2%;
box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
.letter-block .lt-form {
background:#ffeecd;
padding:2%;
}
/*content reset*/
.text-center .f-input {text-align: center;}
@media screen and (max-width: 640px) {
.f-header.f-header-52 {
font-size: 160%;
}
.f-header.f-header-36 {
font-size: 140%;
}
.f-header.f-header-26 {
font-size: 120%;
}
}
</style>
</div></div>
<style>
#ltBlock1059941 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059941" data-block-id="1059963"
class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-49494"
>
<div class="lt-block-wrapper">
<div id="rawHtml1708248" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div class="user-info text-center"> Слайдер для уроков
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
</div> </div>
</div></div>
<style>
#ltBlock1407986 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1407986" data-block-id="1407987"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-f9917"
>
<div class="lt-block-wrapper">
<style id="rawCss3705334">.lesson-list-01 .lesson-list{
display: flex;
flex-flow: row wrap;
justify-content:flex-start;
justify-content:center;
background:white;
}
.lesson-list-01 .divider {
display:none;
}
.lesson-list-01 .gc-tags {display: none;}
.lesson-list-01 table, .lesson-list-01 tbody {
display:block!important;
}
.lesson-list li .item-a {
border-radius:0!important;
}
.lesson-list-01 .lesson-list .info {
background:#f3f3e8;
border-radius:0;
}
.lesson-list-01 .state-icon-block {
display:none;
}
.lesson-list-01 .user-state-not_reached .info {
background: #f3f3e8!important;
}
.lesson-list-01 li .info, .lesson-list-01 li tbody tr {
display:flex;
flex-flow:column nowrap;
margin-left:0!important;
}
.lesson-list-01 .info table {
min-width:100%;
}
.lesson-list-01 li .info::before {
content:'\f144';
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/10/h/a8907b81e70477e239443c165009ffb4.png) no-repeat 50% / cover;
width:100%;
height:200px;
font-size:72px;
font-family: FontAwesome;
color:ghostwhite;
}
.lesson-list-01 li:hover .info::before {
color:ghostwhite;
}
.lesson-list-01 li.with-image .info::before {
display:none;
}
.lesson-list-01 .info .item-image {
width:auto!important;
min-height:200px;
display:block!important;
}
.lesson-list-01 .info .vmiddle {
margin-left:0!important;
}
.lesson-list-01 .lesson-list .item-main-td {
padding-left:20px!important;
}
.lesson-list-01 .lesson-list .item-main-td.item-with-image {
height:auto;
}
.lesson-list-01 .user-state-label {
font-size:68%!important;
display:none!important;
}
.lesson-list-01 .descroption {
width:100%;
}
.lesson-list-01 .title {
margin:0 0 8px 0;
}
.lesson-list-01 li .pull-right {
order:1;
margin-top:auto;
padding-bottom:4px;
z-index:1!important;
}
.lesson-list-01 li .no-tags {
padding-left:20px;
}
.lesson-list-01 .lesson-list li {
flex:0 0 320px;
background:#f3f3e8;
margin:20px!important;
border-radius:0;
box-shadow:0 0 3px rgba(0,0,0,.1);
}
@media screen and (min-width:594px) {
.lesson-list-01 .lesson-list li {
flex:0 0 calc(50% - 40px);
background:#f3f3e8;
}
.lesson-list-01 .lesson-list {
justify-content:flex-start;
}
}
@media screen and (min-width:992px) {
.lesson-list-01 .lesson-list li {
flex:0 0 calc(33.3333% - 40px);
}
}
.slick-prev,.slick-next {
position: absolute;
top: 50%;
z-index:10;
transform:translateY(-50%);
border:none;
outline:none;
padding:0;
font-size:0;
}
.slick-prev::before,.slick-next::before {
display:flex;
background:white;
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
right:0;
bottom:0;
font: normal normal normal 18px/1 FontAwesome;
justify-content:center;
align-items:center;
line-height: 1;
background:#f0f0f0;
box-shadow:0 0 2px rgba(0,0,0,.5);
color:#333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width:30px;
height:30px;
border-radius:50%;
}
.slick-prev {
left:5px;
}
.slick-next {
right:35px;
}
.slick-prev::before {
content:'\f104';
}
.slick-next::before {
content:'\f105';
}
</style>
</div></div>
<style>
#ltBlock4766629 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock4766629" data-block-id="4766630"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-c559d"
>
<div class="lt-block-wrapper">
<style id="rawCss2255359">.small-navigation a:nth-child(1) {margin-left: 15px;}
.small-navigation a {
margin-right: 15px;
font-size: 90%;
}
.products-spb .description span {display: none}</style>
</div></div>
<style>
#ltBlock1059942 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059942" data-block-id="1059965"
class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-8c620"
>
<div class="lt-block-wrapper">
<div id="rawHtml244238" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div class="user-info text-center">Succinct - обрезание текста
<script>
!function(a){"use strict";a.fn.succinct=function(b){var c=a.extend({size:240,omission:"...",ignore:!0},b);return this.each(function(){var b,d,e=a(this),f=/[!-\/:-@\[-`{-~]$/,g=function(){e.each(function(){b=a(this).html(),b.length>c.size&&(d=a.trim(b).substring(0,c.size).split(" ").slice(0,-1).join(" "),c.ignore&&(d=d.replace(f,"")),a(this).html(d+c.omission))})};g()})}}(jQuery);
</script>
</div> </div>
</div></div>
<style>
#ltBlock1059943 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059943" data-block-id="1059966"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-db922"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs3953156">
$(function() {
$('.blog-record .f-desc, #ltBlock1305100 .f-description').succinct({
size: 120,
omission: '...'
});
});
</script>
</div></div>
<style>
#ltBlock846751 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock846751" data-block-id="846754"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-08d56"
>
<div class="lt-block-wrapper">
<style id="rawCss7956736">
.lt-basket {
width: auto;
max-width: 500px;
}
.lt-basket.basket-collapsed {
z-index: 8;
}
.lt-basket .btn-deal {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.lt-basket .btn-deal:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
@media screen and (max-width:767px) {
.gc-user-logined ~ .lt-basket.basket-collapsed {
top: 50px;
}
.lt-basket.basket-collapsed {
width: 100%;
max-width: none;
right: 0;
padding-bottom:0;
top:0;
}
.lt-basket .collapsed-view {
position: relative;
text-align: left;
padding: 15px;
}
.lt-basket .collapsed-view {
font-size:0;
}
.lt-basket .positions-count-str::first-letter {
text-transform:uppercase;
}
.lt-basket .positions-count-str {
font-size:14px;
display:inline-block;
}
.lt-basket .positions-count-str::after {
content:' –';
display:inline-block;
margin-left:6px;
}
.lt-basket .total-cost-str {
font-size:14px;
margin-left:5px;
}
.lt-basket.basket-collapsed .buttons {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
right: 10px;
}
.lt-basket.basket-collapsed .buttons .btn {
padding: 4px 8px;
}
.lt-basket .btn:nth-of-type(1n) {
margin-right:4px;
}
.lt-basket .collapsed-view br{
display: none;
}
}
@media screen and (max-width:540px) {
.lt-basket.basket-collapsed .collapsed-view {
padding-right:120px!important;
padding:15px;
}
/*
.lt-basket .collapsed-view .buttons {
display: flex;
flex-flow: column nowrap;
}
*/
.lt-basket .btn {
font-size:12px;
}
}
@media screen and (max-width:340px) {
}
</style>
</div></div>
<style>
#ltBlock875256 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock875256" data-block-id="875283"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-c386c"
>
<div class="lt-block-wrapper">
<style id="rawCss2589274">@media screen and (max-width:769px) {
.info a {
display:none;
}
/* .o-header-info-blocks {
top:20px;
position:relative;
} */
}
@media screen and (max-width:375px) {
/* .o-header-info-blocks {
top:30px;
position:relative;
} */
}</style>
</div></div>
<style>
#ltBlock1059959 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059959" data-block-id="1059967"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-1ada6"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs4746192">
/*
$(function() {
$('h1[style="margin-bottom: 15px;"], #ugcListForm').prependTo('div[style="margin-top:60px;"]');
$('.pagination').appendTo('div[style="margin-top:60px;"]');
var $masonryBlog = $('div[style="margin-top:60px;"] .col-md-8');
$masonryBlog.imagesLoaded( function(){
$masonryBlog.isotope({
// options
itemSelector: '.blog-record',
masonry: {
gutter: 20
}
//layoutMode: 'fitRows'
});
});
});
*/
$(function() {
$('.blog-record').each(function() {
var $blogDescription = $(this).find('div[style="overflow: hidden; "]');
$(this).find('.f-header.f-header-26, div[style="overflow:hidden; margin-top: 5px; margin-bottom: 5px;"]').appendTo($blogDescription);
$(this).find('.f-header.f-header-26 > a').clone().appendTo(this);
});
});
$(function() {
var $blogFilter = $('<a class="blog-filter-link" data-toggle="collapse" href="#ugcListForm" aria-expanded="false" aria-controls="collapseExample">Показать фильтр </a>'
);
$('#ugcListForm').addClass('collapse').wrap('<div class="blog-filter-wrapper"></div>');
$blogFilter.prependTo('.blog-filter-wrapper');
});
</script>
</div></div>
<style>
#ltBlock1059961 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059961" data-block-id="1059968"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-87ec7"
>
<div class="lt-block-wrapper">
<style id="rawCss4658989">
@media screen and (min-width: 62em) {
.container[style*="margin-top: 60px"] .f-header {
font-size: 52px;
line-height: 1;
}
}
.blog-filter-wrapper {
margin-bottom: 30px;
}
.blog-filter-link {
border-bottom: 1px dotted;
text-decoration: none;
}
.blog-filter-link:hover,
.blog-filter-link:active,
.blog-filter-link:focus {
text-decoration: none;
}
#ugcListForm {
margin-top: 10px;
margin-bottom: 0 !important;
}
.blog-record img {
width: 100%;
margin-right: 0;
margin-left: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
float: none !important;
margin: 0 !important;
object-fit: cover;
}
.blog-record .f-header {
margin-top:15px!important;
font-size: 112%;
font-weight: normal;
}
.blog-record .f-header a {
color: #333;
}
.blog-record .gc-tags {display: none;}
.blog-record .blog-record-info,
.blog-record .f-desc,
.blog-record .f-header {
padding-left: 10px;
padding-right: 10px;
}
.blog-record .f-header + div {
padding-left: 10px;
padding-right: 10px;
}
.blog-record .f-desc,
.blog-record a[href="#"] {
order: 1;
}
.blog-record a[href="#"] {
font-size: 13px;
margin-top:10px;
}
.blog-record {
position: relative;
height: auto;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
border-bottom: 20px solid #fff;
margin-bottom: 10px;
width: 100%;
padding-bottom:20px;
background: #f6f5eb;
display:flex;
flex-flow:row wrap;
}
.blog-record > * {
flex: 1 1 100%;
}
.blog-record > a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.blog-record [style="overflow: hidden; "] + div {
align-self: flex-end;
}
.blog-record-info .pull-right {
float: none !important;
font-size: 0;
}
.blog-record-info .pull-right span,
.b-like-and-subscribe-notifications,
.gc-tags{
font-size: 12px;
}
.b-like-and-subscribe-notifications {
position: relative;
z-index: 2;
}
.blog-record-info .pull-left {
display:none;
}
div[style="margin-top:60px;"] .col-md-8 > * {
flex: 0 0 100%;
}
div[style="overflow:hidden;"] {
height: 200px;
position: relative;
}
div[style="overflow: hidden; "] {
display: flex;
flex-flow: column nowrap;
}
@media screen and (min-width:34em) {
div[style="margin-top:60px;"] .blog-record {
flex:0 0 50%;
}
}
@media screen and (min-width:48em) {
div[style="margin-top:60px;"] .blog-record {
flex:0 0 33.3333%;
}
}
div[style="margin-top:60px;"] .col-md-8 {
width: 100%;
display:flex;
flex-flow: row wrap;
margin: 0;
}
@media screen and (max-width: 34em) {
.pagination {
text-align: center;
}
.pagination li {
display: none;
}
.pagination .prev,
.pagination .next {
display: inline-block;
}
}
</style>
</div></div>
<style>
#ltBlock1059994 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059994" data-block-id="1059998"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-f2a5e"
>
<div class="lt-block-wrapper">
<style id="rawCss2579656">.notice-top-panel {
z-index:6!important;
}
.notice-top-panel:hover {
background-color: #ef602c;
}
.notice-top-panel:hover button {
background-color: white;
color: #6c2710;
border-color: white;
}
.block-set-editor .great-info{
display:block!important;
}
.block-set-editor .lt-visible {
display:block!important;
}
.gc-user-guest .sticky-menu-01.lt-menu.positionsticky.scroll-passed {
top:0; /*было 60px*/
}
@media screen and (max-width: 767px) {
.gc-user-guest #ltBlock45845 .navbar-header,
.gc-user-guest .sticky-menu-01.lt-menu.positionsticky.scroll-passed{
top:40px;
}
.gc-user-guest #ltBlock45845 .navbar-nav {
margin-top: 54px;
}
.notice-top-panel {
font-size:14px;
padding:10px;
}
.notice-top-panel .btn {
display:none;
}
}
.gc-main-content.with-left-menu .gc-into-main-content {
/* margin-left:230px; */
}
@media screen and (max-width: 375px) {
.notice-top-panel {
font-size: 12px;
padding: 12px;
}
}
</style>
</div></div>
<style>
#ltBlock1059995 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1059995" data-block-id="1059999"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-4a300"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs4697449">
$(function() {
if ($('body').children('.lt-basket.basket-collapsed').length != 0) {
$('.notice-top-panel').hide();
}
}); </script>
</div></div>
<style>
#ltBlock1065450 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1065450" data-block-id="1065452"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-8c569"
>
<div class="lt-block-wrapper">
<style id="rawCss1353047">#social-auth-popup .checkbox-text {
font-weight: normal;
}</style>
</div></div>
<style>
#ltBlock514648849 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock514648849" data-block-id="514648887"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-3ecb3"
>
<div class="lt-block-wrapper">
<style id="rawCss3299231">@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');</style>
</div></div>
<style>
#ltBlock1540174340 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1540174340" data-block-id="1540174782"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-ce729"
>
<div class="lt-block-wrapper">
<style id="rawCss6196235">.flex-d {
display: flex;
}
.bonus-block-toggle {
cursor: pointer;
}
.fixed-bonus-block {
top: 40px;
z-index: 9;
position: fixed;
}
.bonus-block-position {
position: absolute;
z-index: 9;
left: -300px;
top: 100px;
}
.bonus-block-click {
position: absolute;
right: 0;
bottom: 0;
transform: rotate(135deg);
cursor: pointer;
transition: transform .2s;
}
.bonus-block-click.closed {
right: 0;
transition: transform .2s;
transform: rotate(-45deg);
}
.bonus-block-click img {
width: 30px;
height: 30px;
border-radius: 0 0 0 20px;
}
.closed img {
border-radius: 0 0 0 0;
}
.bonus-block-toggle {
background: linear-gradient(276deg, rgba(11,179,176,1) 20%, rgba(132,29,253,0.9009978991596639) 72%, rgba(231,252,69,1) 100%);
color: #fff;
border-radius: 15px;
padding: 0 2px;
max-width: 250px;
top: 20px;
z-index: 9;
position: -webkit-sticky;
position: sticky;
}
.bonus-block-text p {
font-weight: bold;
}
.bonus-block-text span {
font-size: 15px;
color: rgb(255, 255, 255);
}
.bonus-block-icon img {
width: 35px;
height: 35px;
}
.bonus-block-balance, .bonus-block-balance-mobile, .bonus-block-balance-nav {
width: 100%;
text-align: center;
margin-left: 6px;
font-size: 22px;
line-height: 36px;
}
.bonus-block-about, .bonus-block-about-mobile {
font-size: 14px;
overflow: hidden;
transition: max-height 0.15s ease-out;
max-height: 100%;
}
.close_bonus {
max-height: 0!important;
}</style>
</div></div>
<style>
#ltBlock1540174386 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1540174386" data-block-id="1540174783"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-70dc4"
>
<div class="lt-block-wrapper">
<style id="rawCss4602693">.bonus-block-mobile-click {
background: linear-gradient(276deg, rgba(11,179,176,1) 20%, rgba(132,29,253,0.9009978991596639) 72%, rgba(231,252,69,1) 100%);
border-radius: 15px;
}
.mob-nav-bonus .bonus-block-text span {
font-size: 10px!important;
font-weight: bold;
}
.bonus-block-text {
text-align: center;
}
.mob-nav-bonus {
padding: 4px!important;
position: absolute;
top: 3px;
left: 212px;
}
.fixed-bonus-block {
display: none!important;
}
.bonus-block-position-mobile {
transition: opacity 0.5s;
opacity: 1;
}
.bonus-block-mobile-click {
pointer-events: auto;
transition: opacity 0.5s;
opacity: 1;
position: absolute;
bottom: 0;
z-index: 99999999999;
}
.hidden_bonus {
transition: opacity 0.5s;
opacity: 0;
}
.mobile-click {
pointer-events: auto;
}
.fixed-bonus-block-mobile {
pointer-events: none;
z-index: 999;
cursor: pointer;
display: none;
}
@media (max-width: 1800px) {
.fixed-bonus-block {
display: none;
}
.fixed-bonus-block-mobile {
transition: opacity 1s;
display: block;
position: fixed;
left: 100px;
bottom: 30px;
}
}
@media (max-width: 768px) {
.fixed-bonus-block-mobile {
position: fixed;
left: 15px;
bottom: 55px;
}
}
</style>
</div></div>
<style>
#ltBlock1538884503 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884503" data-block-id="1538884587"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-7f606"
>
<div class="lt-block-wrapper">
<style id="rawCss6963281">.d-flex{
display: flex;
}
.header-contacts {
margin-left: 0!important;
}
.main_nav .container {
max-width: 1264px!important;
width: auto!important;
}
.logo img {
width: 60px;
}
.show_popup {
background: #fff!important;
}
a {
-webkit-transition: all 0.3s ease;;
-moz-transition: all 0.3s ease;;
-o-transition: all 0.3s ease;;
transition: all 0.3s ease;
}
.justify-content-center {
justify-content: center;
}
.more_list {
font-size: 20px!important;
}
.user-container {
cursor: pointer;
padding: 5px 10px;
border-radius: 5px;
max-width: 250px;
}
.main_nav{
background: #000;
}
.user_name {
color: #fff!important;
}
.show_popup .user_name {
color: #000!important;
}
.nav_item {
font-weight: 450;
align-self: center;
}
.main_nav .container{
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid rgba(97, 97, 97, 0.2);
}
.nav_items {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 450;
}
.nav_items .logo{
width: 82px;
margin-right: 0!important;
height: auto;
}
.nav_item{
margin-right: 35px;
}
.nav_item,
.nav_item .link_underline{
color: #fff;
font-weight: 450;
font-size: 14px;
}
.nav_item a:hover{
text-decoration: none;
}
.nav_item .main_link{
font-weight: 450;
color: #fff;
}
.nav_item .link_underline{
border-bottom: 1px solid #49485A;
font-weight: 450;
}
.nav_item .link_underline.new{
color: #fff;
border-bottom: 1px solid #DF4F60;
}
.nav_item.gift a{
-webkit-transition: all 0.3s ease;;
-moz-transition: all 0.3s ease;;
-o-transition: all 0.3s ease;;
transition: all 0.3s ease;
display: flex;
align-items: center;
border: 1px solid black;
/*border-image-source: linear-gradient(180deg, rgba(120,59,255,1) 0%, rgba(59,107,190,1) 33%, rgba(157,146,93,1) 68%, rgba(255,59,74,1) 100%);
*/
border-radius: 5px;
padding: 0 5px;
color: #fff!important;
font-size: 14px;
cursor: pointer;
}
/*.nav_item.gift a:hover{
background: radial-gradient(circle, rgba(120,59,255,1) 0%, rgba(59,107,190,1) 33%, rgba(157,146,93,1) 68%, rgba(255,59,74,1) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}*/
.nav_item.gift a img{
width: 40px;
margin-right: 10px;
}
.
.user_avatar{
cursor: pointer;
width: 100%;
text-align: cetner;
}
.user_avatar img{
border-radius: 30px;
width: 30px!important;
margin-right: 10px;
}
.user_avatar{
font-size: 14px;
position: relative;
}
.login-btn{
cursor: pointer;
padding: 4px 15px;
background: gray;
border-radius: 5px;
font-weight: 450;
color: #fff!important;
font-size: 16px;
text-transform: none;
}
.user-popup {
-webkit-transition: all 0.3s ease;;
-moz-transition: all 0.3s ease;;
-o-transition: all 0.3s ease;;
transition: all 0.3s ease;
width: 200px;
position: absolute;
background: white;
padding: 10px;
color: #000;
left: -18px;
top: 30px;
right: 0;
border-top: none;
border-radius: 0 0 5px 5px;
text-align: center;
display: block;
}
.user-popup a{
color: #000;
margin-bottom: 5px;
width: 100%;
text-align: center;
}
.user-popup a:last-child{
margin-bottom: 0;
}
@media (max-width: 1240px) {
.nav-item {
font-size: 10px!important;
}
a {
font-size: 11px!important;
}
}</style>
</div></div>
<style>
#ltBlock1538884504 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884504" data-block-id="1538884588"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-6fce1"
>
<div class="lt-block-wrapper">
<style id="rawCss8216541">/**/
.d-inline-block {
display: inline-block;
}
.position_nav_bonus {
align-self: center;
margin-top: -15px;
margin-bottom: -15px;
}
.block-sticky {
position: sticky;
top: 0;
z-index: 9;
}
.under-none a {
text-decoration: none;
}
.user-popup {
z-index: 999;
}
#ltBlock1309771966 {
z-index: 23;
}
.user-bonus {
background: radial-gradient(100% 283.68% at 0% 100%, rgb(252, 171, 20) 0%, rgb(250, 102, 65) 15.91%, rgb(190, 64, 192) 40.21%, rgba(80, 90, 221, 0) 100%), radial-gradient(107.24% 195.45% at 100% 0%, rgb(72, 204, 224) 0%, rgb(66, 139, 235) 28.85%, rgb(80, 90, 221) 60.18%);
color: #fff;
border-radius: 5px;
}
.close-modal{
width: 20px;
top: 25px;
position: absolute;
margin-right: 20px;
margin-left: 32px;
height: 20px;
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNyA1LjU4NkwyLjA1LjYzNi42MzYgMi4wNSA1LjU4NiA3bC00Ljk1IDQuOTUgMS40MTQgMS40MTRMNyA4LjQxNGw0Ljk1IDQuOTUgMS40MTQtMS40MTRMOC40MTQgN2w0Ljk1LTQuOTVMMTEuOTUuNjM2IDcgNS41ODZ6Ii8+PC9zdmc+);
right: 0;
background-size: cover;
background-repeat: no-repeat;
}
.time-modal{
left: 0;
bottom: 0;
top: 0;
right: 0;
position: fixed!important;
display: flex;
flex-direction: column;
background: rgba(0, 0, 0, .6);
align-items: center;
cursor: default;
justify-content: center;
z-index: 1111111111111111111;
}
.is-global{
font-weight: normal;
position: relative;
max-width: 660px;
text-align: center;
width: fit-content;
min-height: fit-content;
display: flex;
flex-direction: column;
color: #fff!important;
background: #000!important;
border: none!important;
border-radius: 8px;
padding: 40px;
align-items: center;
cursor: default;
transition: all .2s linear;
}
.time-modal a{
margin-top: 20px;
}
.time-modal .time-modal-buttons{
display: flex;
margin-top: 35px;
}
.time-modal .time-modal-buttons button:not(:last-child){
margin-right: 15px;
}
.time-modal .time-modal-buttons button,
.time-modal a{
border: none;
cursor: pointer;
color: #000;
border-radius: 16px;
color: #fff!important;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12), 0px 3px 1px rgba(0, 0, 0, 0.04)!important;
border-radius: 7px!important;
background: #454545!important;
font-family: Roboto!important;
font-style: normal!important;
font-weight: normal!important;
font-size: 18px!important;
line-height: 21px!important;
display: flex!important;
align-items: center!important;
padding: 12px 50px!important;
text-align: center!important;
}
.text-popup{
margin-top: 20px!important;
}
@media(min-width: 1024px){
.title-popup{
font-weight: bold;
font-size: 30px;
padding-bottom: 20px;
}
}
@media(max-width: 485px){
.time-modal{
left: 0;
right: 0;
}
.time-modal-buttons{
flex-wrap: wrap;
justify-content: center;
}
.time-modal-buttons button:last-child{
margin-top: 20px;
}
.close-modal{
width: 20px;
top: 13px;
position: absolute;
margin-right: 20px;
margin-left: 32px;
height: 20px;
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNyA1LjU4NkwyLjA1LjYzNi42MzYgMi4wNSA1LjU4NiA3bC00Ljk1IDQuOTUgMS40MTQgMS40MTRMNyA4LjQxNGw0Ljk1IDQuOTUgMS40MTQtMS40MTRMOC40MTQgN2w0Ljk1LTQuOTVMMTEuOTUuNjM2IDcgNS41ODZ6Ii8+PC9zdmc+);
right: -5px;
background-size: cover;
background-repeat: no-repeat;
}
}</style>
</div></div>
<style>
#ltBlock1488648976 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1488648976" data-block-id="1488649134"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-75f25"
>
<div class="lt-block-wrapper">
<style id="rawCss5251354">.countdown24 {
font-weight:700;
text-align: center;
color: #fff;
padding: 10px 0;
padding-right:40px;
}
.countdown24{
font-size: 30px!important;
}
@media(max-width:1020px){
.countdown24 {
padding: 2px 0;
font-size: 12px!important;
}
}
.covr-wrapper {
margin-top:0 !important;
}
.index-top {
z-index: 9999;
}
.inner-cont-timer {
display:flex;
flex-direction: column;
}
.salet {
transform: rotate(-6deg);
background: #000!important;
padding: 5px 10px!important;
color: #fff !important;
text-align: center;
margin-right: 10px;
}
.button-sm-header-custom {
font-size: 13px;
min-height: 36px;
margin-left: 0;
}
.button-sm-header-custom button{
font-size: 13px!important;
min-height: 36px!important;
padding-left: 0!important;
padding-right: 0!important;
width: 140px;
margin: 0!important;
}
.right-100 {
margin-right: auto;
}
.doth {
font-weight: 300;
font-size: 16px;
padding-top: 5px;
}
.countdown-header {
margin-right: 15px;
display: flex;
font-size: 25px;
color: #fff !important;
}
.countdown-header-item {
width: 44px;
height: 30px;
font-weight: 700;
}
.countdown-header-item_txt {
font-size: 15px;
margin: 0 5px;
}
@media(max-width: 760px){
.right-100 {
margin-right: 0;
}
.salet {
margin-right: 0;
}
.salet p {
font-size: 13px;
}
.doth {
font-weight: 300;
font-size: 8px;
padding-top: 10px;
}
.countdown {
justify-content: space-evenly;
font-size: 19px!important;
}
.countdown-header {
margin-right: 0;
}
.countdown-header {
font-size: 21px;
}
.countdown-header-item_txt {
font-size: 9px!important;
margin-right: 5px;
margin-top: 10px;
}
.countdown-header-item {
width: 30px;
height: 16px;
margin: 0px;
font-weight: 500;
}
}</style>
</div></div>
<style>
#ltBlock1914440998 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1914440998" data-block-id="1914441221"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-282f3"
>
<div class="lt-block-wrapper">
<style id="rawCss7834597">
/*@media(max-width:760px){
.mob-pr{
position:fixed;
z-index:6;
top:50px;
}
}*/</style>
</div></div>
<style>
#ltBlock1628320548 .lt-block-wrapper {
padding-top: 75px; padding-bottom: 75px }
</style>
<div id="ltBlock1628320548" data-block-id="1628320716"
class="lt-block lt-view form02 lt-form lt-form-normal hidden form-group-2"
data-code="b-6a027"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-8 col-md-offset-2" style="">
<form
id="ltForm8558798"
class="
lt-normal-form
lt-form-inner
lt-form
"
action="https://kalachevaschool.ru/pl/lite/block-public/process?id=1628320716"
method="post"
data-open-new-window="0"
>
<input type="hidden" name="formParams[setted_offer_id]" class="external-value offer_id">
<div class="form-result-block"></div>
<div class="form-content">
<div
id="builder4353831"
class="builder "
data-path="form/items"
>
<div
data-param="form/items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-center"
>
<div data-editable=true data-param='form/items/parts/header1/inner/text' class='f-header f-header-36'><p>Заголовок формы</p></div></div>
<style>
</style> <div
data-param="form/items/parts/emailField"
data-item-name="emailField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard9192488" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваш эл. адрес" name="formParams[email]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/nameField"
data-item-name="nameField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard2091793" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваше имя" name="formParams[full_name]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/submitButton"
data-item-name="submitButton"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button text-center"
>
<button type="submit"
id="button3061023" data-btn-locked disabled="disabled" class="btn f-btn button-md btn-success"
style="color: ; background-color: ; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: ;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton3061023']) {
e.preventDefault();
return false;
} else {
$('#button3061023').addClass('disabled');
window['prsbutton3061023'] = true;
setTimeout(function(){window['prsbutton3061023'] = false;$('#button3061023').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button3061023' ).click( function(e) {
//disableButton(e);
} );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder4353831 input[type="radio"]').length == 1 && $('#builder4353831 input[type="radio"]').prop('checked') ) {
$('#builder4353831 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="form/formBox" data-title="Стиль блока" data-setting-editable="true"></div>
<div class="common-setting-link form-setting-link"
data-icon-class="fa fa-wpforms"
data-param="form/handler"
data-title="Что делать после заполнения"
data-setting-editable="true"
></div>
</form>
<script>
$( function() {
$('#ltForm8558798').liteForm();
} );
</script>
<style>
#ltForm8558798 {
; }
</style>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1488648979 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1488648979" data-block-id="1488649137"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-34a16"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs943699">
setInterval(function time(){
var d = new Date();
var hours = 23 - d.getHours();
if((hours + '').length == 1){
hours = '0' + hours;
}
var min = 59 - d.getMinutes();
if((min + '').length == 1){
min = '0' + min;
}
var sec = 60 - d.getSeconds();
if((sec + '').length == 1){
sec = '0' + sec;
}
jQuery('.countdown24 p').html(hours+':'+min+':'+sec);
jQuery('.countdown24').html(hours+':'+min+':'+sec);
}, 1000);
</script>
</div></div>
<style>
#ltBlock1538884505 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884505" data-block-id="1538884589"
class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-8d5c2"
>
<div class="lt-block-wrapper">
<div id="rawHtml1091579" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(28777711, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
trackHash:true,
ecommerce:"dataLayer"
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/28777711" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --> </div>
</div></div>
<style>
#ltBlock1538884506 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884506" data-block-id="1538884590"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-f06d9"
>
<div class="lt-block-wrapper">
<style id="rawCss7361493">.lang-changer-inner{
position: relative;
display: flex;
}
.lang-changer-hidden{
position: absolute;
z-index: 100;
top: 100%;
display: none;
flex-direction: column;
height: 100%;
}
.lang-changer-inner:hover .lang-changer-hidden{
display: flex;
}
.lang>li {
margin-top:0;
}
.header-avatar{
border-radius:50%;
width:30px;
margin-right: 8px;
}
/* мой код */
li a.toggle-drop-smallscreen {
display:none;
}
.toggle-menu.scroll {
overflow-y:scroll;
-webkit-overflow-y:scroll;
}
.toggle-menu {
position:fixed;
top:0;
width:300px;
height:100%;
padding:10px;
padding-bottom:140px;
background-color:#fff;
left:-300px;
z-index:6;
font-size:18px;
font-weight:600;
transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-timing-function: ease;
}
.navbar-header {
position:relative;
left:15px;
transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-timing-function: ease;
}
.close {
position: absolute;
right: 15px;
top: 12px;
width: 32px;
height: 32px;
opacity: 0.6;
}
.close:hover {
opacity: 1;
}
.close:before, .close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #333;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
.logo-section {
text-align:center;
height:60px;
}
.menu-section {
padding:7px;
padding-top:15px;
height:100%;
}
/* конец */
.header-fixed-block {
position:fixed;
top:0;
height:75px;
display:flex;
z-index:4;
background:#3cc5bd;
color:white;
width:100%;
font-family: 'PT Sans', sans-serif
}
.row-1, .row-2, .row-1 p, .row-2 p {
font-family: 'PT Sans', sans-serif!important;
}
.header-fixed-block .flex-container {
padding:20px;
}
.header-fixed-block p {
background: url(//fs.getcourse.ru/fileservice/file/download/a/1005/sc/199/h/e9d5a6da3e1ad064068a939d374c194e.png) right top no-repeat;
padding-right:40px;
margin-right:20px;
}
.header-fixed-block button {
background:#3cc5bd;
color:white;
font-weight:bold;
border:1px solid white;
border-radius:4px;
}
.flex-container {
justify-content:center;
align-items:center;
flex-flow:row wrap;
-webkit-flex-flow:row wrap;
-webkit-justify-content:center;
-webkit-align-items:center;
padding:20px 0;
}
.row-1 {
font-size:14px;
}
.header-contacts {
margin-right: auto;
margin-left:140px;
font-weight:bold;
display: flex;
align-items: center;
}
.header-contacts nobr {
margin-right:10px;
}
.project-nav {
min-height:inherit;
}
ul {
list-style-type:none;
margin-bottom:0;
padding-left:0;
}
.user-block .dropdown-toggle img {
margin-right:8px;
}
.lang {
margin-right:20px;
}
.lang a {
padding:3px;
}
.select-lang a {
padding:3px;
}
.dropdown-menu.select-lang>li>a:hover {
background:rgba(0,0,0,0.3);
}
.dropdown-menu.select-lang {
min-width:auto;
width: 33px;
}
.header-geo-link {
margin-right:15px;
text-decoration:underline;
}
.header-geo-link:last-child {
margin-right:0;
}
.header-geo-link.active {
color:#000;
text-decoration:none;
}
.row-1 .dropdown-toggle {
color:#3cc5bd;
text-decoration:underline;
}
.row-1 .dropdown-toggle:hover {
text-decoration:none;
}
.row-1 .dropdown-menu {
right:0;
}
.row-2 .dropdown-toggle {
font-size:120%;
transition: all .3s ease;
}
.flex-container.row-2 {
justify-content:flex-start;
-webkit-justify-content:flex-start;
}
.project-nav {
flex:1 1;
-webkit-flex:1 1;
margin-bottom:0;
}
.logo {
margin-right:70px;
flex: 0 1 12%;
-webkit-flex: 0 1 12%;
}
.navbar-default {
background:none;
border:none;
}
.row-2 .dropdown .dropdown-menu {
border: none;
box-shadow: none;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background:none;
}
.glyphicon {
top:1px;
}
.glyphicon.glyphicon-menu-up {
display:none;
top:2px;
}
.dropdown-toggle, .navbar-default .navbar-nav>li>a {
color:#428bca;
}
.dropdown-toggle:hover {
color:#333}
.dropdown-menu>li>a {
text-decoration:underline;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus
{
background:none;
text-decoration:none;
}
.dropdown.user-block {
display:none;
}
.lang-changer{
cursor: pointer;
}
.country-flag{
min-width: 35px;
min-height: 35px;
width: 35px;
height: 35px;
max-width: 35px;
max-height: 35px;
}
@media screen and (max-width:1200px) {
li a.toggle-drop-largescreen {
display:none;
}
li a.toggle-drop-smallscreen {
display:block;
}
.logo {
margin-right:20px;
}
.mobile-hidden,
.header-contacts p nobr:last-child {
display:none;
}
.header-contacts {
margin-left:50px;
}
.dropdown-toggle {
cursor:pointer;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color:black;
}
.navbar-default .navbar-nav>.open>a>.glyphicon.glyphicon-menu-down {
display:none;
}
.navbar-default .navbar-nav>.open>a>.glyphicon.glyphicon-menu-up {
display:inline-block;
}
.row-2 .dropdown-menu>li>a {
color:#428bca; }
}
/*
.nav>li>a.link-visible-lg,
.navbar-nav>li>a.link-visible-lg {
display:none;
}
*/
.link-visible-lg {
display:none;
}
@media screen and (min-width:1200px) {
.link-visible-lg {
display:block;
}
.link-hidden-lg {
display:none;
}
.row-2 .navbar-collapse {
padding:0;
}
.row-2 .container-fluid {
padding:0;
}
.row-2 .nav.navbar-nav .dropdown:last-child {
margin-right:0;
}
.nav>li>a {
padding:10px 0;
}
.row-2 .dropdown .dropdown-menu {
position:static;
display:flex;
-webkit-display:flex;
border:none;
box-shadow:none;
}
.row-2 .dropdown-menu>li>a {
padding:3px;
margin-right:5px;
}
.row-2 .dropdown-menu>li:last-child>a {
margin-right:0;
}
.glyphicon.glyphicon-menu-down {
display:none;
}
}
@media(max-width: 1024px){
.mobile-hidden{
display: none;
}
}
@media screen and (max-width:990px) {
.row-2 .dropdown-toggle, .navbar-default .navbar-nav>li>a {
font-size:94%;
font-weight:bold;
}
}
@media screen and (max-width:773px) {
.row-2 .dropdown-toggle, .navbar-default .navbar-nav>li>a {
font-size:90%;
}
}
@media screen and (max-width:870px) {
.header-geo-container {
display:none;
}
.dropdown-menu .visible-xs {
display:block!important;
}
.dropdown-menu .hidden-xs {
display:none!important;
}
}
@media screen and (min-width:767px) {
.navbar-header .row-1 {
display:none;
}
.row-2 .nav.navbar-nav {
display:flex;
-webkit-display:flex;
width:100%;
margin-bottom:0;
transition: all .3s ease;
}
.row-2 .nav.navbar-nav .dropdown {
margin-right:auto;
}
.mobile-logo {
display:none;
}
}
@media screen and (max-width:767px) {
.slide-right {
left:310px;
overflow:hidden;
transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-timing-function: ease;
}
.opened {
left:0px;
transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-timing-function: ease;
}
.opacity-bg {
display:block;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:4;
opacity:0.5;
background-color:black;
transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-timing-function: ease;
}
.my-container {
padding:0;
}
.flex-container {
padding-top:0;
padding-bottom:0;
}
.navbar-header {
box-shadow: 0 0 3px #aaa;
}
.dropdown.user-block {
display:none!important;
}
.mobile-logo {
height:68px;
margin-top:24px;
}
.row-2 .navbar-nav>li>a {
font-size:22px;
font-weight:normal;
transition: all .3s ease;
}
.row-2 .navbar-nav>li.user-block>a {
font-weight:bold;
}
.navbar-nav>li:first-child {
text-align:center;
}
.navbar-nav>li>a {
font-size: 18px!important;
padding: 0;
min-height: 44px;
display: flex;
-webkit-display:flex;
align-items: center;
-webkit-align-items: center;
padding-left: 14px;
box-sizing: border-box;
}
.navbar-nav>.dropdown.user-block>a {
min-height:64px;
}
.navbar-nav>.dropdown.user-block>a img {
width:15%;
}
.open .dropdown-menu>li>a {
padding: 0;
min-height: 44px;
display: flex;
align-items: center;
-webkit-display: flex;
-webkit-align-items: center;
padding-left: 28px;
box-sizing: border-box;
}
.header-contacts {
margin-left:150px;
}
.navbar-header .user-block {
margin-right:30px;
}
.row-1, .logo {
display:none;
}
.navbar-header {
display: flex;
align-items: center;
-webkit-display: flex;
-webkit-align-items: center;
width: 100%;
z-index:4;
top:0;
height:50px;
/*padding-right:30px;*/
background: white;
position:fixed;
transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-timing-function: ease;
}
.navbar-header .row-1 {
display:flex;
flex:1 1;
-webkit-display:flex;
-webkit-flex:1 1;
padding:0;
}
.header-geo-container {
background:none;
padding:0;
display:none;
font-size:12px;
}
.navbar-toggle {
border:none;
width:55px;
position:relative;
margin:0;
z-index:5;
padding:0;
height:22px;
background:white url(//fs.getcourse.ru/fileservice/file/download/a/1005/sc/147/h/0f0266f9aa3ee5d49601861fef0b2187.svg) no-repeat 50% / contain;
}
.navbar-toggle-open {
margin-left: 20px !important;
border:none;
background-color: #fff;
background-size: 30px 21px;
background-repeat: no-repeat;
width:27px;
position:relative;
margin:0;
z-index:5;
padding:0;
height:22px;
background-image:url('//cdn.onlinewebfonts.com/svg/img_523096.png');
}
.navbar-toggle.open {
background:white url(//fs.getcourse.ru/fileservice/file/download/a/1005/sc/118/h/ea81161b712d15e3dc2fd7631a00164a.svg) no-repeat 50% / contain;
}
.navbar-nav {
margin-top: 0;
}
.navbar-collapse {
min-width:320px;
background:white;
position:fixed;
z-index:7;
top:0;
bottom:0;
height:100vh;
border:none;
padding-bottom:50px;
}
.dropdown.user-block {
display:block;
background:#3cc5bd;
margin-top: 30px;
}
.dropdown.user-block .dropdown-toggle {
color:white;
font-size:14px;
}
.dropdown.user-block .dropdown-menu {
background:#3cc5bd;
}
.dropdown.user-block .dropdown-menu>li>a {
color:white;
}
.navbar-default .navbar-nav>.user-block.open>a,
.navbar-default .navbar-nav>.user-block.open>a:focus,
.navbar-default .navbar-nav>.user-block.open>a:hover {
color:white;
}
.nav>li {
position: relative;
display: block;
}
.dark-bg.active {
position:fixed;
width:100%;
height:100%;
z-index:4;
top:0;
left:0;
background:rgba(0,0,0,0.7);
}
.header-fixed-block p {
background:none;
padding:0;
text-align:center;
}
.header-fixed-block .flex-container {
padding:8px;
padding-right:30px;
}
.open .dropdown-menu>li>a:hover {
background: #dceefb;
}
.row-2 .user-block img {
margin:6px 6px 6px 0;
}
.user-block .dropdown-menu>li>a:hover {
background:#209b94;
}
.js-navbar .navbar-toggle {
position:absolute;
top:24px;
left:0;
}
.nav>li>a.link-visible-lg,
.navbar-nav>li>a.link-visible-lg {
display:none;
}
}
@media screen and (max-width:508px) {
.user-name {
display:none;
}
.header-contacts {
margin:0 auto;
}
.header-fixed-block {
font-size:80%;
}
}
@media(max-width: 450px){
body {
padding-top: 0!important;
}
.banner_cubermonday_haeder p {
font-size: 20px !important;
}
.banner_cubermonday_subtitle{
font-size: 18px !important;
}
}
</style>
</div></div>
<style>
#ltBlock2022819591 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock2022819591" data-block-id="2022820618"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-d43ba"
>
<div class="lt-block-wrapper">
<style id="rawCss1688953">.sale-new-tab{
background: linear-gradient(90deg, #DA22FF, #9733EE);
border-radius: 5px;
padding: 5px;
font-weight:700!important;
color:#fff!important;
}
@media(max-width:760px){
.sale-new-tab{
padding:5px!important;
margin-left:14px!important;
max-width:fit-content;
}
}</style>
</div></div>
<style>
#ltBlock1538885618 .container {
max-width: 1264px!important;
width: auto!important;
} </style>
<style>
#ltBlock1538885618 .lt-block-wrapper {
padding-top: 45px; padding-bottom: 45px }
</style>
<div id="ltBlock1538885618" data-block-id="1538886540"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common hidden append-bonus"
data-code="b-b2ad6"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-8 col-md-offset-2 text-left" style="">
<div
id="builder4610402"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/text1"
data-item-name="text1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p class="bonus-counter"></p></div></div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder4610402 input[type="radio"]').length == 1 && $('#builder4610402 input[type="radio"]').prop('checked') ) {
$('#builder4610402 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1538884514 .container {
padding-left: 0;
padding-right: 0;
}
#ltBlock1538884514
.user-container {
padding-left: 0;
padding-right: 0;
} </style>
<style>
#ltBlock1538884514 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
@media (max-width: 760px) {
#ltBlock1538884514 {
display: none;
}
}
</style>
<div id="ltBlock1538884514" data-block-id="1538884597"
data-has-css="true" class="lt-block lt-view raw-html lt-raw lt-raw-html block-sticky"
data-code="b-dc90a"
>
<div class="lt-block-wrapper">
<div id="rawHtml7823841" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<nav class="main_nav">
<div class="container">
<div class="nav_items">
<div class="">
<div class="nav_item logo">
<a href="/">
<img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/283/h/acae86dfef4362abb3d4336a712c3657.png" alt="">
</a>
</div>
</div>
<div class="d-flex">
<div class="nav_item">
<a href="https://kalachevaschool.ru/#courses" class="main_link">Онлайн-Курсы</a>
</div>
<div class="nav_item">
<a href="/bundles_new" class="main_link">Абонементы</a>
</div>
<div class="nav_item">
<a href="/kids" class="main_link">Детские</a>
</div>
<div class="nav_item">
<a href="/craft" class="main_link">Крафт</a>
</div>
<div class="nav_item">
<a href="/alldigital" class="main_link">Digital</a>
</div>
<div class="nav_item">
<a href="/vhsh" class="main_link">Программы ВХШ</a>
</div>
<div class="nav_item">
<a href="https://kalachevaschool.ru/maytrip2024" class="main_link sale-new-tab">Акции</a>
</div>
<div class="nav_item">
<a href="/about/teachers" class="main_link">Преподаватели</a>
</div>
<div class="position_nav_bonus">
<div class="bonus-block-toggle flex-d append-bonus">
<div class="bonus-block-icon">
<img src="https://img.icons8.com/glyph-neue/64/FFFFFF/bitcoin.png">
</div>
<div class="bonus-block-balance-nav">
asd
</div>
</div>
</div>
<!--<div class="nav_item more_list">
···
</div>-->
</div>
<div class="d-flex user-container hidden justify-content-center">
<a href="/login" class="login-btn">Войти</a>
<div class="user_avatar">Avatar</div>
</div>
</div>
</div>
</nav>
<script>
const $loginBtn = document.querySelector('.login-btn');
const $userAvatar = document.querySelector('.user_avatar');
const $userBlock = document.querySelector('.user-container');
if (document.body.classList.contains('gc-user-logined')) {
$loginBtn.classList.add('hidden')
const $userPopup = `<div class="hidden user-popup">
<a href="/pl/user/profile">Мой профиль</a><br>
<a href="/user/my/profile">Настройки</a><br>
<a href="/user/my/logout">Выход</a>
</div>`
$userAvatar.innerHTML = window.accountUserThumbnail + `<span class="user_name">${window.accountSafeUserName}</span>` + $userPopup;
$userBlock.addEventListener('click', () => {
const $userPopup = document.querySelector('.user-popup');
if ($userPopup.classList.contains('hidden')) {
$userBlock.classList.add('show_popup')
$userPopup.classList.remove('hidden');
} else {
$userPopup.classList.add('hidden');
$userBlock.classList.remove('show_popup')
}
})
} else {
$userAvatar.classList.add('hidden');
}
$userBlock.classList.remove('hidden');
</script> </div>
</div></div>
<style>
#ltBlock1538884515 .lt-block {
margin-bottom: -51px!important;
}
#ltBlock1538884515
.dropdown .dropdown-menu{
max-width: 250px;
}
#ltBlock1538884515
.del-bottom{
text-decoration: none!important;
border-bottom: none!important;
}
#ltBlock1538884515
.header .lt-block-wrapper {
padding-top: 0px!important;
} </style>
<style>
#ltBlock1538884515 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
@media (min-width: 761px) {
#ltBlock1538884515 {
display: none;
}
}
</style>
<div id="ltBlock1538884515" data-block-id="1538884598"
data-has-css="true" class="lt-block lt-view raw-html lt-raw lt-raw-html header global-header"
data-code="b-253ae"
>
<div class="lt-block-wrapper">
<div id="rawHtml8973084" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<!--<div class="header-fixed-block">
<div class="my-container flex-container">
<p>Подписаться и получить полный доступ к сайту</p> <button>Получить доступ</button>
</div>
</div>-->
<div class="my-container">
<div class="header-row row-1 flex-container">
<!-- <ul class="lang">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/203/h/7c72db20866ca99e159b7d13eb56c09c.png" >
</a>
<ul class="dropdown-menu select-lang">
<li><a href="/franchise/ru"><img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/203/h/7c72db20866ca99e159b7d13eb56c09c.png"></a></li>
<li><a href="/franchise/en"><img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/30/h/a73215a1328132743a584cbb93e532bb.png"></a></li>
<li><a href="/franchise/de"><img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/409/h/20605615664171273c35ec5e1275f08a.png"></a></li>
<li><a href="/franchise/es"><img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/271/h/3a0199a7a35aef150cca4b0fb6574ed1.png"></a></li>
<li><a href="/franchise/zh"><img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/226/h/15a031bc90eafab2b891df89ad704414.png"></a></li>
<li><a href="/franchise/hi"><img src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/141/h/d19922b5b7abc96de039e6210d6c0904.png"></a></li>
</ul>
</li>
</ul>-->
<div class="header-geo-container" style="background: #fff; color: transparent">
<!--<a style="color: transparent" class="header-geo-link active" href="/programs">Москва</a>
<a style="color: transparent" class="header-geo-link" href="/spb/programs?utm_source=kalachevaschool">Санкт-Петербург</a>
<a class="header-geo-link" href="http://rostov.kalachevaschool.ru?utm_source=kalachevaschool">Ростов-на-Дону</a>
<a style="color: transparent" class="header-geo-link" href="http://nn.kalachevaschool.ru?utm_source=kalachevaschool">Нижний Новгород</a>
<a style="color: transparent" class="header-geo-link" href="http://novosibirsk.kalachevaschool.ru?utm_source=kalachevaschool">Новосибирск</a>-->
</div>
<div class="header-contacts">
<p><nobr class="phone">8 800 505-00-85<span class="mobile-hidden">,</span></nobr><nobr class="phone">+7 495 109-0-600</nobr></p>
<div class="lang-changer">
<div class="lang-changer-inner">
</div>
</div>
</div>
<div class="user-block">
<ul>
<li class="dropdown">
<a href="/cms/system/login" class="dropdown-toggle log-out">Войти</a>
<a href="/pl/user/profile" class="dropdown-toggle" data-toggle="dropdown">
<img class="header-avatar" src="/public/img/default_profile_50.png"><span class="user-name"></span>
</a>
<!--<ul class="dropdown-menu log-out">
<li><a href="/cms/system/login">Войти</a></li>
<li><a href="/sign-up">Регистрация</a></li>
</ul>-->
<ul class="dropdown-menu logined">
<li><a href="/pl/user/profile">Мой профиль</a></li>
<li><a href="/user/my/profile">Настройки</a></li>
<li><a href="/user/my/logout">Выход</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="header-row row-2 flex-container">
<a class="logo" href="/">
<img src="/public/img/kalacheva-logo.svg">
</a>
<nav class="project-nav navbar navbar-default navbar-static">
<div class="container-fluid">
<div class="navbar-header">
<div class="d-flex">
<button class="navbar-toggle-open collapsed touch-open open" type="button">
</button>
<a href="https://kalachevaschool.ru/">
<button class="navbar-toggle" type="button">
</button>
</a>
</div>
<script type="text/javascript">
$('.touch-open').click(function () {
$('.toggle-menu').addClass('opened');
$('.addhere').addClass('opacity-bg');
// $(document).bind('touchmove', false);
$('.toggle-menu').addClass('scroll');
$('.opacity-bg').bind('touchmove', false);
// $('body').css("overflow","hidden");
$('.navbar-header').addClass('slide-right');
});
$('.touch-hide').click(function () {
$('.toggle-menu').removeClass('opened');
$('.addhere').removeClass('opacity-bg');
// $(document).unbind('touchmove');
// $('body').css("overflow","visible");
$('.navbar-header').removeClass('slide-right');
});
</script>
<div class="header-row row-1 flex-container">
<div class="header-geo-container">
<a class="header-geo-link active" href="/programs">Москва</a>
<a class="header-geo-link" href="/spb/programs">Санкт-Петербург</a>
<!-- <a class="header-geo-link" href="/ekb/programs">Екатеринбург</a>-->
</div>
<div class="header-contacts">
<p><nobr class="phone">8 800 505-00-85<span class="mobile-hidden">,</span></nobr> <nobr class="phone">+7 495 109-0-600</nobr></p>
</div>
<div class="bonus-mob-nav">
</div>
<div class="user-block">
<ul>
<li>
<a href="/cms/system/login" class="dropdown-toggle log-out">Войти</a>
<a href="/pl/user/profile" class="dropdown-toggle">
<img class="header-avatar" src="/public/img/default_profile_50.png"><span class="user-name"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="collapse navbar-collapse js-navbar">
<ul class="nav navbar-nav">
<!--<li class="visible-xs"><button class="navbar-toggle collapsed touch-open" type="button"></button>
<img class="mobile-logo" src="//fs.getcourse.ru/fileservice/file/download/a/1005/sc/147/h/0f0266f9aa3ee5d49601861fef0b2187.svg" width="130">
</li>
<li class="visible-xs"><a href="/">Главная</a></li>-->
<li class="dropdown">
<a href="/programs" class="dropdown-toggle link-hidden-lg toggle-drop-smallscreen" data-toggle="dropdown">
Обучение <span class="glyphicon glyphicon-menu-down"></span><span class="glyphicon glyphicon-menu-up"></span>
</a>
<a href="/programs" class="dropdown-toggle link-visible-lg toggle-drop-largescreen">
Обучение <span class="glyphicon glyphicon-menu-down"></span><span class="glyphicon glyphicon-menu-up"></span>
</a>
<ul class="dropdown-menu" style="flex-wrap: wrap; max-width: 425px;">
<li><a href="#courses">Онлайн-курсы</a></li>
<li><a href="/vhsh">Годовые программы</a></li>
<li><a href="/kids">Детские курсы</a></li>
<li class="hidden-xs"><a href="/bundles">Курсы навсегда</a></li>
<li><a href="/craft">Крафт</a></li>
<li style="background: linear-gradient(90deg, #DA22FF, #9733EE); border-radius: 5px;padding: 5px;"><img align="left"
vspace="2" hspace="2" style="height: 16px; " src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/41/h/c0a87f0014483f0a06b3dce674868511.svg"> <a style="color: #fff; display: contents;" href="/certificates">Подарочные сертификаты</a></li>
<!-- <li><a href="/gift">Подарите курс</a></li> -->
<!-- <li class="visible-xs"><a href="/ekb/programs">В Екатеринбурге</a></li>-->
</ul>
</li>
<li class="dropdown">
<a href="/about" class="dropdown-toggle link-hidden-lg toggle-drop-smallscreen" data-toggle="dropdown">
Школа <span class="glyphicon glyphicon-menu-down"></span><span class="glyphicon glyphicon-menu-up"></span>
</a>
<a href="/about" class="dropdown-toggle link-visible-lg toggle-drop-largescreen">
Школа <span class="glyphicon glyphicon-menu-down"></span><span class="glyphicon glyphicon-menu-up"></span>
</a>
<ul class="dropdown-menu" style="flex-wrap: wrap;">
<li><a href="https://kalachevaschool.ru/alldigital"><b>NEW</b> Digital-курсы</a></li>
<li><a href="/about/teachers">Преподаватели</a></li>
<li style="background: #B9C4FE; border-radius: 5px;padding: 5px;"><img align="left"
vspace="2" hspace="2" style="height: 16px; " src='https://fs.getcourse.ru/fileservice/file/download/a/8435/sc/438/h/fc069e9d36ccef506dddea580f06fdb0.png'> <a style="color: #000; display: contents;" href="http://kalachevaschool.ru/kids/academ">Детская Художественная школа</a></li>
<!--<li><a href="/franchise">Франшиза</a></li> -->
</ul>
</li>
<li class="dropdown">
<a href="/cms/blog" class="dropdown-toggle link-hidden-lg toggle-drop-smallscreen" data-toggle="dropdown">
Сообщеcтво <span class="glyphicon glyphicon-menu-down"></span><span class="glyphicon glyphicon-menu-up"></span>
</a>
<a href="/cms/blog" class="dropdown-toggle link-visible-lg toggle-drop-largescreen">
Сообщеcтво <span class="glyphicon glyphicon-menu-down"></span><span class="glyphicon glyphicon-menu-up"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/feed">Работы учеников</a></li>
<li class="hidden"><a href="#">Заказы</a></li>
<li><a href="https://kalachevaschool.ru/maytrip2024">Акции</a></li>
</ul>
</li>
<li class="dropdown user-block log-out">
<a href="/cms/system/login" class="dropdown-toggle log-out">Войти</a>
<a href="/pl/user/profile" class="dropdown-toggle" data-toggle="dropdown">
<img class="header-avatar" src="/public/img/default_profile_50.png"><b class="caret"></b>
</a>
<!-- <ul class="dropdown-menu log-out">
<li><a href="/cms/system/login">Войти</a></li>
<li><a href="/sign-up">Регистрация</a></li>
</ul>-->
<ul class="dropdown-menu logined">
<li><a href="/pl/user/profile">Мой профиль</a></li>
<li><a href="/user/my/logout">Выход</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="dark-bg"></div> </div>
</div></div>
<style>
#ltBlock1538884516 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884516" data-block-id="1538884599"
class="lt-block lt-view raw-html lt-raw lt-raw-html toggle-menu"
data-code="b-0e368"
>
<div class="lt-block-wrapper">
<div id="rawHtml9350973" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div class="toggle-menu">
<div class="close-btn">
<div class="touch-hide close"></div>
</div>
<div class="logo-section">
<img src="/public/img/kalacheva-logo.svg" width="130" height="68">
</div>
<div class="menu-section">
<ul class="nav navbar-nav">
<li class="visible-xs"><a href="#courses">Онлайн-курсы</a></li>
<li class="dropdown">
<a href="/bundles_new">
Сборники
</a>
<!--<ul class="dropdown-menu">
<li><a href="/startnow"><mark style="background-color:lightgreen;">Курсы навсегда</mark></a></li>
<li><a href="/courses">Онлайн-курсы</a></li>
<li><a href="/metodichki">Методички</a></li>
<li><a href="/kids">Детям</a></li>
//<li><a href="/specialproject">Спецпроекты</a></li>
<li class="hidden-xs"><a href="/programs">Живые курсы</a></li>
<li class="visible-xs"><a href="/programs">В Москве</a></li>
<li class="visible-xs"><a href="/spb/programs/?utm_source=kalachevaschool">В Санкт-Петербурге</a></li>
<li class="visible-xs"><a href="//rostov.kalachevaschool.ru/?utm_source=kalachevaschool">В Ростове-на-Дону</a></li>
<li class="visible-xs"><a href="http://nn.kalachevaschool.ru/?utm_source=kalachevaschool">Нижний Новгород</a></li>
<li class="visible-xs"><a href="http://novosibirsk.kalachevaschool.ru/?utm_source=kalachevaschool">Новосибирск</a></li>
<li class="hidden"><a href="#">Расписание</a></li>
</ul>-->
</li>
<li>
<a href="/kids">
Детские
</a>
</li>
<li>
<a href="/craft">
Крафт
</a>
</li>
<li>
<a href="/alldigital">Digital</a>
</li>
<li>
<a href="/vhsh">Программы ВХШ</a>
</li>
<li>
<a href="https://kalachevaschool.ru/maytrip2024" class="sale-new-tab">Акции</a>
</li>
<li>
<a href="/about/teachers">Преподаватели</a>
</li>
<li>
<a href="/certificates">Подарочные сертификаты</a>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$('.touch-open').click(function () {
$('.toggle-menu').addClass('opened');
$('.addhere').addClass('opacity-bg');
// $(document).bind('touchmove', false);
$('.toggle-menu').addClass('scroll');
$('.opacity-bg').bind('touchmove', false);
// $('body').css("overflow","hidden");
$('.navbar-header').addClass('slide-right');
});
$('.touch-hide').click(function () {
$('.toggle-menu').removeClass('opened');
$('.addhere').removeClass('opacity-bg');
// $(document).unbind('touchmove');
// $('body').css("overflow","visible");
$('.navbar-header').removeClass('slide-right');
});
</script> </div>
</div></div>
<style>
#ltBlock1538884517 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884517" data-block-id="1538884600"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-a4964"
>
<div class="lt-block-wrapper">
<style id="rawCss1010421">.blog-main-parent.col-md-8{
display: flex !important;
flex-wrap: wrap !important;
margin-left: 0 !important;
width: 100% !important;
}
.blog-main-parent.col-md-8 > h1,
.blog-main-parent .blog-filter-wrapper {
flex: 0 0 100% !important;
}
.blog-main-parent .blog-record {
width: 33.333% !important;
}
.blog-main-parent .pagination {
flex: 0 0 100% !important;
}
@media screen and (max-width: 900px) {
.blog-main-parent .blog-record {
width: 50% !important;
}
}
@media screen and (max-width: 500px) {
.blog-main-parent .blog-record {
width: 100% !important;
}
}
</style>
</div></div>
<style>
#ltBlock1540185673 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1540185673" data-block-id="1540186199"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-065c5"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs4212508">
/*document.querySelector('.append-bonus').innerHTML = ''
document.querySelector('.append-bonus').append(document.querySelector('.fixed-bonus-block .bonus-block-toggle'));
document.querySelector('.bonus-mob-nav').append(document.querySelector('.mob-nav-bonus'));
document.querySelector('.bonus-block-about').classList.add('close_bonus');
*/ </script>
</div></div>
<style>
#ltBlock1538884518 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1538884518" data-block-id="1538884601"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-617df"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs4924569">
/*if (document.querySelector('.bonus-counter').innerText.length < 2) {
document.querySelector('.position_nav_bonus').classList.add('hidden');
document.querySelector('.bonus-mob-nav').classList.add('hidden');
}
*/ </script>
</div></div>
<style>
#ltBlock1802134296 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1802134296" data-block-id="1802134389"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-1e056"
>
<div class="lt-block-wrapper">
<style id="rawCss5158632">.main_nav {
margin-top: 0!important;
}
@media(min-width:760px){
.nav_item .main_link {
color: #fff!important;
}
}
.position_nav_bonus, .bonus-mob-nav {
display: none;
}</style>
</div></div>
<style>
#ltBlock1387822104 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1387822104" data-block-id="1387822481"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-d70f1"
>
<div class="lt-block-wrapper">
<style id="rawCss1100890">.d-flex {
display: flex;
}
.justify-content-center {
justify-content: center;
}
.upper {
text-transform: uppercase;
}
.font-normal p {
font-weight: normal;
}
.btn-page {
border: 1px solid #f43be7;
background: #f43be7;
color: #fff;
font-weight: normal;
font-size: 26px;
padding: 10px 25px;
border-radius: 10px;
margin-right: 10px;
}
.btn-about {
border: 1px solid #ffffff;
background: #fff;
color: #000;
font-weight: bold;
padding: 15px 30px;
border-radius: 10px;
}
@media (max-width: 425px) {
.fs-24-mob p {
font-size: 24px;
}
.text-align-center-mb {
text-align: center;
}
.d-block-mb {
display: flex!important;
justify-content: center;
}
.btn-about {
margin-left: 10px;
margin-top: 0;
font-size: 14px;
padding: 10px 20px;
}
.btn-page {
padding: 10px 20px;
margin-right: 0;
font-size: 14px;
text-align:center;
}
}
</style>
</div></div>
<style>
#ltBlock1969510611 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1969510611" data-block-id="1969522540"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-01b63"
>
<div class="lt-block-wrapper">
<style id="rawCss5471808">/*@media(min-width:1020px){
.container{
max-width:1080px !important;
}
.my-container {
max-width:1080px !important;
}
}*/
p{
text-wrap: balance;
}
.g-fl{
display:flex;
align-items:center;
}
p{
line-height:120%!important;
}
.svg-center svg{
vertical-align:text-top;
}
.txt-up p{
text-transform:uppercase;
}
.vhi-iframe {
border-radius: 20px !important;
}
.txt-und p{
text-decoration:underline;
}
.f-header.f-header-52 {
font-size: 50px;
}
.f-header.f-header-64 {
font-size: 40px;
}
.boxs{
background: #FFFFFF;
box-shadow: -6px -1px 8px rgba(0, 102, 153, 0.2), 3px 4px 14px rgba(0, 102, 153, 0.34);
border-radius: 30px;
padding:23px;
}
.lh-20 p{
line-height: 120%;
}
@media(max-width:1020px){
.boxs{
padding:10px 20px;
}}
.form-mark{
background: #D61355!important;
color:#fff!important;
padding: 10px 5px !important;
border-radius: 10px !important;
}
.lt-anchor{
height: 0 !important;
}
.t-up{
text-transform:uppercase;
}
.fw-400 p{
font-weight:400;
}
.fw-500 p{
font-weight:500;
}
.fw-600 p{
font-weight:600;
}
.fw-700 p{
font-weight:700;
}
.fw-800 p{
font-weight:800;
}
.fw-900 p{
font-weight:900;
}
.fs-16 p{
font-size:16px;
}
.fs-20 p{
font-size:20px;
}
.fs-22 p{
font-size:22px;
}
.fs-24 p, .fs-24 ul{
font-size:20px;
}
.fs-25 p{
font-size:25px;
}
.fs-26 p{
font-size:26px;
}
.fs-18 p{
font-size:18px;
}
.fs-28 p{
font-size:28px;
}
.fs-30 p{
font-size:30px;
}
.fs-32 p{
font-size:32px;
}
.fs-36 p{
font-size:36px;
}
.fs-38 p{
font-size:38px;
}
.fs-46 p{
font-size:46px;
}
.fs-40 p{
font-size:40px;
}
.fs-41 p{
font-size:52px;
}
.fs-48 p{
font-size:48px;
}
.fs-60 p{
font-size:60px;
}
.lh-30 p{
line-height:125%;
}
@media(max-width:580px){
.fs-26 p{
font-size:18px;
}
.fs-22 p{
font-size:16px;
}
.fs-24 p, .fs-24 ul{
font-size:16px;
}
.fs-30 p{
font-size:18px;
}
.fs-32 p{
font-size:26px;
}
.fs-46 p{
font-size:30px;
}
.fs-41 p{
font-size:30px;
}
.fs-38 p{
font-size:24px;
}
.fs-60 p{
font-size:24px;
}
}
.mob-br{
display:none;
}
.fs-20{
font-size:20px;
}
@media(max-width:760px){
.mob-br{
display:block;
}
.d-br{
display:none;
}
.fs-20{
font-size:18px;
}
.fs-40 p{
font-size:7vw!important;
}
.fs-48 p{
font-size:24px;
}
.f-header.f-header-36 {
font-size: 24px;
}
.f-header.f-header-52 {
font-size: 32px;
}
.f-header.f-header-64 {
font-size: 28px;
}
}
@media (max-width: 335px){
.f-header.f-header-36 {
font-size: 22px;
}
}</style>
</div></div>
<style>
#ltBlock1628314855 .lt-block-wrapper {
padding-top: 75px; padding-bottom: 75px }
</style>
<div id="ltBlock1628314855" data-block-id="1628316487"
class="lt-block lt-view form02 lt-form lt-form-normal form-group-1 hidden"
data-code="b-f907f"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-8 col-md-offset-2" style="">
<form
id="ltForm5851085"
class="
lt-normal-form
lt-form-inner
lt-form
"
action="https://kalachevaschool.ru/pl/lite/block-public/process?id=1628316487"
method="post"
data-open-new-window="0"
>
<input type="hidden" name="formParams[setted_offer_id]" class="external-value offer_id">
<div class="form-result-block"></div>
<div class="form-content">
<div
id="builder3435724"
class="builder "
data-path="form/items"
>
<div
data-param="form/items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-center"
>
<div data-editable=true data-param='form/items/parts/header1/inner/text' class='f-header f-header-36'><p>Заголовок формы</p></div></div>
<style>
</style> <div
data-param="form/items/parts/nameField"
data-item-name="nameField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard438816" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваше имя" name="formParams[full_name]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/phoneField"
data-item-name="phoneField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard7196668" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваш телефон" name="formParams[phone]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/submitButton"
data-item-name="submitButton"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button text-center"
>
<button type="submit"
id="button567082" data-btn-locked disabled="disabled" class="btn f-btn button-md btn-success"
style="color: ; background-color: ; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: ;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton567082']) {
e.preventDefault();
return false;
} else {
$('#button567082').addClass('disabled');
window['prsbutton567082'] = true;
setTimeout(function(){window['prsbutton567082'] = false;$('#button567082').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button567082' ).click( function(e) {
//disableButton(e);
} );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder3435724 input[type="radio"]').length == 1 && $('#builder3435724 input[type="radio"]').prop('checked') ) {
$('#builder3435724 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="form/formBox" data-title="Стиль блока" data-setting-editable="true"></div>
<div class="common-setting-link form-setting-link"
data-icon-class="fa fa-wpforms"
data-param="form/handler"
data-title="Что делать после заполнения"
data-setting-editable="true"
></div>
</form>
<script>
$( function() {
$('#ltForm5851085').liteForm();
} );
</script>
<style>
#ltForm5851085 {
; }
</style>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1628314832 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1628314832" data-block-id="1628316488"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-66e41"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs6448833">
const form-button1 = document.querySelector('.form-group-1 button');
const addGroups = () => {
form-button1.click();
} </script>
</div></div>
<style>
#ltBlock1713608096 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1713608096" data-block-id="1713609003"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-0f775"
>
<div class="lt-block-wrapper">
<style id="rawCss753732">.shadow-img img{
filter: drop-shadow(1px 4px 20px #36433B);
-webkit-filter: drop-shadow(1px 4px 20px #fff);
}
@media(max-width:760px){
.shadow-img img{
filter: drop-shadow(0 0 10px #36433B);
-webkit-filter: drop-shadow(0 0 10px #fff);
}
}
/*STRUCTURE*/
/*.header-type-1 .cover-wrapper{
margin-top: 0!important;
} */
.header-type-1 .logo-type-1 img{
height:52px;
}
.mob-header .logo-type-1 img{
height:27px;
}
.mob-header .cover-wrapper{
margin-top: 16px!important;
}
.mob-header .block-box {
padding-left: 16px !important;
padding-right: 16px !important;
}
.header-type-1 .block-box {
padding-left: 16px !important;
padding-right: 0 !important;
}
/*SKIN*/
/*строка старта*/
.fl-header{
font-size: var(--header-mark-fs) !important;
}
.mark-header{
border-radius: var(--border-radius) !important;
font-weight: 500 !important;
/*color: var(--header-mark-clr) !important;*/
/*background: var(--header-mark-background) !important; */
margin-right: var(--mr-r);
padding: 8px 16px!important
}
.start-date{
color: var(--header-primary-clr);
font-weight: 700;
}
/* заголовок */
.main-header p{
font-size: var(--header-main-txt-fs);
color: var(--header-primary-clr);
line-height:100%;
}
/* подзаголовок */
.subhd p {
font-size: var(--header-sub-txt-fs);
font-weight: var(--header-sub-txt-fw);
color: var(--header-primary-clr);
}
/*media*/
@media(min-width: 1290px){
.header-type-1 .block-box {
padding-left: 0 !important;
}
}
@media(max-width:1100px){
.main-header p{
font-size: 40px !important;
}
}
@media(max-width: 760px){
/*строка старта*/
.fl-header{
font-size: var(--mobheader-mark-fs) !important;
}
.mark-header{
margin-right: 0 !important;
}
.start-date{
font-size: var(--mobheader-startD-fs);
}
/* заголовок */
.main-header p{
font-size: var(--mobheader-main-txt-fs) !important;
}
/* подзаголовок */
.subhd p {
font-size: var(--mobheader-sub-txt-fs);
}
}</style>
</div></div>
<style>
#ltBlock1733135825 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1733135825" data-block-id="1733136013"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-13f33"
>
<div class="lt-block-wrapper">
<style id="rawCss4408211">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
@font-face{
font-family: "Soyuz Grotesk Bold";
src: url('/fileservice/file/download/h/2fac32d7fcaf4ebe21ed98c53e8f6898.otf/a/1005/sc/406') format('opentype');
}
@font-face{
font-family: "Evolventa-r";
src: url('/fileservice/file/download/h/2bd9c31187df0385805504fac296509c.ttf/a/1005/sc/52') format('truetype');
}
@font-face{
font-family: "Evolventa";
src: url('/fileservice/file/download/h/a77a1a95f43aa607001fcf9f9cecd4dd.ttf/a/1005/sc/383') format('truetype');
}
.ff-s p{
font-family:'Soyuz Grotesk Bold', sans-serif !important;
}
.ff-m p, .ff-m button{
font-family: 'Montserrat', sans-serif!important;
}
.ff-e p{
font-family: 'Evolventa', sans-serif!important;
}</style>
</div></div>
<style>
#ltBlock1750822429 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1750822429" data-block-id="1750826843"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-0bc16"
>
<div class="lt-block-wrapper">
<style id="rawCss4690632">.lt-anchor{
height: 0 !important;
}
.g button.btn.f-btn {
text-decoration: none;
text-align: center;
color: #fff;
font-size: 24px;
line-height: 1;
font-weight: 600;
border-radius: 15px;
padding: 24px;
transition: all 0.3s;
width:100%;
z-index: 1;
outline: none;
/* -webkit-box-shadow: 0px 30px 30px 0px #D1599260;
-moz-box-shadow: 0px 30px 30px 0px #D1599260;*/
background: #B483F0;
border-radius: 8px;
}
.g button.btn.f-btn:active {
border-width: 1px;
margin-top: 2px;
}
.modal-content .g button.btn.f-btn {
z-index: 9000;
}
.w-100.g button.btn.f-btn {
width: 100%;
}
.w-320.g button.btn.f-btn {
width: 320px;
}
.mob-br{
display:none;
}
@media(max-width:600px){
.mob-br{
display: block;
}
}
@media (max-width: 600px) {
.g button.btn.f-btn {
padding: 12px;
font-size: 16px;
line-height: 1.3;
min-height:48px!important;
width:100%;
}
}
.min-br{
display:none;
}
@media(max-width:375px){
.min-br{
display: block;
}
}
/*@media(max-width:339px){
.g button.btn.f-btn {
font-size: 16px;
}
} */</style>
</div></div>
<style>
#ltBlock1759520418 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1759520418" data-block-id="1759522132"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-cd86c"
>
<div class="lt-block-wrapper">
<style id="rawCss8702656">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@900&display=swap');
.ff-u p{
font-family: 'Unbounded', sans-serif;
}</style>
</div></div>
<style>
#ltBlock1771873613 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1771873613" data-block-id="1771873986"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-10b56"
>
<div class="lt-block-wrapper">
<style id="rawCss9683273">
/*.inner-cont-timer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 65%;
}*/
/*
.doth {
font-weight: 300;
font-size: 16px;
padding-top: 5px;
}
*/
/*
.countdown-header {
margin-right: 15px;
display: flex;
font-size: 75px;
color: #fff !important;
align-items: center;
justify-content:center;
}
.countdown-header-item {
width: auto!important;
height: auto!important;
font-weight: 500;
margin-right:5px;
}
.countdown-header-item_txt {
font-size: 25px;
margin: 0 5px;
}
.countdown-header .countdown-header-item-after:not(:last-child):after{
content:':';
font-size:70px;
}*/
@media(max-width: 1020px){
/*.inner-cont-timer {
line-height: 56%;
}*/
.right-100 {
margin-right: 0;
}
.sale {
margin-right: 0;
}
.sale p {
font-size: 13px;
}/*
.doth {
font-weight: 300;
font-size: 8px;
padding-top: 10px;
}
.countdown {
justify-content: space-evenly;
font-size: 19px!important;
}
.countdown-header {
margin-right: 0;
}
.countdown-header {
font-size: 48px;
justify-content:center;
}
.countdown-header-item_txt {
font-size: 18px!important;
margin-right: 5px;
margin-top: 10px;
}
.countdown-header-item {
margin: 0px;
font-weight: 500;
}
.countdown-header .countdown-header-item-after:not(:last-child):after{
font-size:48px;
}*/
}</style>
</div></div>
<style>
#ltBlock1849537231 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1849537231" data-block-id="1849537304"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-918b7"
>
<div class="lt-block-wrapper">
<style id="rawCss7483536">:root{
--border-radius: 16px;
--mr-r: 24px;
/* DESKTOP */
--header-primary-clr: #000;
/* mark & start date */
--header-mark-background: #707C55;
--header-mark-fs: 24px;
--header-mark-clr: #fff;
/* main-header */
--header-main-txt-fs: 60px;
/* subheader */
--header-sub-txt-fs: 24px;
--header-sub-txt-fw: 400!important;
/* MOB */
/* mark & start date */
--mobheader-mark-fs: 16px;
--mobheader-startD-fs: 16px;
/* main-header */
--mobheader-main-txt-fs: 11vw;
/* subheader */
--mobheader-sub-txt-fs: 14px;
}</style>
</div></div>
<style>
#ltBlock2012109888 mark{
padding:10px 20px;
border-radius:30px;
font-weight:500;
}
#ltBlock2012109888
button{
width:40%;
}
#ltBlock2012109888
.lt-block-wrapper{
position:relative;
}
#ltBlock2012109888
.auth-img{
position:absolute;
right:20px;
bottom:-50px;
}
#ltBlock2012109888
.auth-img img{
max-width:100px;
}
</style>
<style>
#ltBlock2012109888 .lt-block-wrapper {
padding-top: 60px; padding-bottom: 60px }
@media (max-width: 760px) {
#ltBlock2012109888 {
display: none;
}
}
</style>
<div id="ltBlock2012109888" data-block-id="2012111604"
data-has-css="true" data-has-limited-visibility="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common"
data-code="b-cb463"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2012111604" style="position: relative; background-image: url(https://fs20.getcourse.ru/fileservice/file/download/a/1005/sc/33/h/622075776e1342ff32f0f04b4d2eb310.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="">
<div
id="builder9560278"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field64337"
data-item-name="field64337"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/field64337/inner/text' data-editable='true'><p><mark>Вебинар</mark></p></div></div>
<style>
</style> <div
data-param="items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-u text-left"
>
<div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-52'><p>Бесплатный вебинар<br>с Анной Расторгуевой</p></div></div>
<style>
</style> <div
data-param="items/parts/field13653"
data-item-name="field13653"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 50px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500"
>
<div style='' class='text-large f-text' data-param='items/parts/field13653/inner/text' data-editable='true'><p><em class="fa-regular fa-calendar-days"> </em> 21 мая в 20:00</p></div></div>
<style>
</style> <div
data-param="items/parts/field71930"
data-item-name="field71930"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button g"
>
<button type="button"
id="button3062880" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #FF553E; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton3062880']) {
e.preventDefault();
return false;
} else {
$('#button3062880').addClass('disabled');
window['prsbutton3062880'] = true;
setTimeout(function(){window['prsbutton3062880'] = false;$('#button3062880').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button3062880' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_acrylic#web'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field9088"
data-item-name="field9088"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image auth-img"
>
<div id="image507085" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4ae1f6d7bc176482839aef41527d7d4e.png/s/s1200x/a/1005/sc/206"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4ae1f6d7bc176482839aef41527d7d4e.png/s/s1200x/a/1005/sc/206"
data-param="items/parts/field9088/inner/image"
data-hash="4ae1f6d7bc176482839aef41527d7d4e.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field9088/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder9560278 input[type="radio"]').length == 1 && $('#builder9560278 input[type="radio"]').prop('checked') ) {
$('#builder9560278 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2012111604 {
min-height: ;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2012111604 {
background-attachment: scroll;
}
}
.cover-blockCover2012111604 .cover-wrapper {
height: ;
}
#blockCover2012111604 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2029652820 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
@media (min-width: 761px) {
#ltBlock2029652820 {
display: none;
}
}
</style>
<div id="ltBlock2029652820" data-block-id="2029653845"
data-has-limited-visibility="true" class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-55a64"
>
<div class="lt-block-wrapper">
<div id="rawHtml2261649" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div class="image-box text-center">
<img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/144/h/2c2205e5eb9bf670de45d96f004946a0.png">
</div> </div>
</div></div>
<style>
#ltBlock2029653168 mark{
padding:10px 20px;
border-radius:30px;
font-weight:500;
}
#ltBlock2029653168
button{
width:40%;
}
#ltBlock2029653168
.lt-block-wrapper{
position:relative;
}
#ltBlock2029653168
.auth-img{
position:absolute;
right:20px;
bottom:-50px;
}
#ltBlock2029653168
.auth-img img{
max-width:100px;
}
#ltBlock2029653168
button{
width:100%;
}
@media(max-width:760px){
#ltBlock2029653168
.f-header.f-header-52 {
font-size: 6vw;
}
} </style>
<style>
#ltBlock2029653168 .lt-block-wrapper {
padding-top: 15px; padding-bottom: 15px }
@media (min-width: 761px) {
#ltBlock2029653168 {
display: none;
}
}
</style>
<div id="ltBlock2029653168" data-block-id="2029653846"
data-has-css="true" data-has-limited-visibility="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common"
data-code="b-d7243"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="">
<div
id="builder2911225"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field64337"
data-item-name="field64337"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/field64337/inner/text' data-editable='true'><p><mark>Вебинар</mark></p></div></div>
<style>
</style> <div
data-param="items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-u text-left"
>
<div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-52'><p>Бесплатный вебинар<br>с Анной Расторгуевой</p></div></div>
<style>
</style> <div
data-param="items/parts/field13653"
data-item-name="field13653"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500"
>
<div style='' class='text-normal f-text' data-param='items/parts/field13653/inner/text' data-editable='true'><p><em class="fa-regular fa-calendar-days"> </em> 21 мая в 20:00</p></div></div>
<style>
</style> <div
data-param="items/parts/field71930"
data-item-name="field71930"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button g"
>
<button type="button"
id="button907069" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #FF553E; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton907069']) {
e.preventDefault();
return false;
} else {
$('#button907069').addClass('disabled');
window['prsbutton907069'] = true;
setTimeout(function(){window['prsbutton907069'] = false;$('#button907069').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button907069' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_acrylic#web'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder2911225 input[type="radio"]').length == 1 && $('#builder2911225 input[type="radio"]').prop('checked') ) {
$('#builder2911225 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1962859574 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1962859574" data-block-id="1962861156"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-a82e1"
>
<div class="lt-block-wrapper">
<style id="rawCss7218903">:root{
--border-radius: 16px;
--mr-r: 24px;
/* DESKTOP */
--header-primary-clr: #000;
/* mark & start date */
--header-mark-background: #35a32f;
--header-mark-fs: 20px;
/* main-header */
--header-main-txt-fs: 56px;
/* subheader */
--header-sub-txt-fs: 24px;
--header-sub-txt-fw: 400;
/* MOB */
/* mark & start date */
--mobheader-mark-clr: #fff;
--mobheader-mark-fs: 14px;
--mobheader-startD-fs: 14px;
/* main-header */
--mobheader-main-txt-fs: 8vw!important;
/* subheader */
--mobheader-sub-txt-fs: 18px;
}</style>
</div></div>
<style>
#ltBlock1962859612 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1962859612" data-block-id="1962861157"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-82836"
>
<div class="lt-block-wrapper">
<style id="rawCss9899006">/*@media(min-width:1020px){
.container{
max-width:1080px !important;
}
.my-container {
max-width:1080px !important;
}
}*/
.svg-center svg{
vertical-align:middle;
}
.txt-up p{
text-transform:uppercase;
}
.vhi-iframe {
border-radius: 20px !important;
}
.txt-und p{
text-decoration:underline;
}
.f-header.f-header-52 {
font-size: 50px;
}
.f-header.f-header-64 {
font-size: 40px;
}
.boxs{
background: #FFFFFF;
box-shadow: -6px -1px 8px rgba(0, 102, 153, 0.2), 3px 4px 14px rgba(0, 102, 153, 0.34);
border-radius: 30px;
padding:23px;
}
.lh-20 p{
line-height: 120%;
}
@media(max-width:1020px){
.boxs{
padding:10px 20px;
}}
.form-mark{
background: #D61355!important;
color:#fff!important;
padding: 10px 5px !important;
border-radius: 10px !important;
}
.lt-anchor{
height: 0 !important;
}
.t-up{
text-transform:uppercase;
}
.fw-400 p, .fw-400 ul, .fw-400 ol{
font-weight:400;
}
.fw-500 p, .fw-500 ul, .fw-500 ol{
font-weight:500;
}
.fw-600 p{
font-weight:600;
}
.fw-700 p{
font-weight:700;
}
.fw-800 p{
font-weight:800;
}
.fw-900 p{
font-weight:900;
}
.fs-16 p{
font-size:16px;
}
.fs-20 p{
font-size:20px!important;
}
.fs-22 p{
font-size:22px!important;
}
.fs-24 p{
font-size:24px;
}
.fs-26 p{
font-size:26px;
}
.fs-18 p, .fs-18 ul, .fs-18 ol{
font-size:18px;
}
.fs-28 p{
font-size:28px;
}
.fs-30 p{
font-size:30px;
}
.fs-32 p{
font-size:32px;
}
.fs-36 p{
font-size:36px;
}
.fs-38 p{
font-size:38px;
}
.fs-46 p{
font-size:46px;
}
.fs-40 p{
font-size:40px;
}
.fs-40 p{
font-size:42px;
}
.fs-41 p{
font-size:52px;
}
.fs-48 p{
font-size:48px;
}
.fs-60 p{
font-size:60px;
}
.fs-96 p{
font-size:96px;
}
.lh-30 p{
line-height:125%;
}
@media(max-width:580px){
.fs-26 p{
font-size:18px;
}
.fs-22 p{
font-size:16px;
}
.fs-30 p{
font-size:18px;
}
.fs-32 p{
font-size:26px;
}
.fs-46 p{
font-size:30px;
}
.fs-41 p{
font-size:30px;
}
.fs-38 p{
font-size:24px;
}
.fs-60 p{
font-size:32px;
}
}
.mob-br{
display:none;
}
.fs-20 p{
font-size:20px;
}
@media(max-width:760px){
.mob-br{
display:block;
}
.d-br{
display:none;
}
.fs-20 p{
font-size:18px;
}
.fs-40 p{
font-size:32px;
}
.f-header.f-header-52 {
font-size: 32px;
}
.f-header.f-header-64 {
font-size: 28px;
}
.fs-96 p{
font-size:50px;
}
.fs-48 p{
font-size:28px!important;
}
.fs-42 p{
font-size:28px;
}
.fs-18 p, .fs-18 ul, .fs-18 ol{
font-size:16px!important;
}
}
</style>
</div></div>
<style>
#ltBlock1962859711 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1962859711" data-block-id="1962861158"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-f65ab"
>
<div class="lt-block-wrapper">
<style id="rawCss3386049">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Unbounded:wght@400;500;600;700;800;900&display=swap');
.btn-y{
background: #FF4CA7!important;
margin-right:10px;
border-radius:8px!important;
font-size:20px!important;
padding:15px 50px;
color:#fff;
}
.btn-tr{
background: #FF4CA7!important;
border-radius:8px!important;
font-size:20px!important;
padding:15px 50px;
color:#000;
}
.btn-g{
background:#DBFF00;
color:#000;
}
.btn-or{
background:#F87801;
color:#fff;
}
.btn-flex button{
display:block!important;
flex: 0 0 28%;
min-height:66px!important;
margin-bottom:10px;
}
.btn-flex{
display:flex;
flex-wrap:wrap;
}
@media(min-width:1200px){
.btn-flex{
max-width:1000px;
margin:auto;
}
}
@media(max-width:992px){
.btn-flex button{
flex: 0 0 100%;
margin-bottom:10px;
}
}</style>
</div></div>
<style>
#ltBlock1948549997 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1948549997" data-block-id="1948552488"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-e7aed"
>
<div class="lt-block-wrapper">
<style id="rawCss4190526">.header-fs p{
font-size:80px!important;
line-height:100%!important;
}
.new-form-container-button{
display:none!important;
}
@media(max-width:600px){
.header-fs p{
font-size:13vw!important;
}
}</style>
</div></div>
<style>
#ltBlock1956340768 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1956340768" data-block-id="1956341498"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-a1965"
>
<div class="lt-block-wrapper">
<style id="rawCss695427">.bg-or{
background: radial-gradient(293.65% 76.07% at 50% 50%, #FFA450 0%, #C33C00 100%);
} </style>
</div></div>
<style>
#ltBlock1914061073 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1914061073" data-block-id="1914064055"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-4e267"
>
<div class="lt-block-wrapper">
<style id="rawCss9671160">@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@400;700&display=swap');
.ff-p p{
font-family: 'Playfair Display SC', serif;
}</style>
</div></div>
<style>
#ltBlock1907682869 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1907682869" data-block-id="1907685488"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-44c58"
>
<div class="lt-block-wrapper">
<style id="rawCss8234544"></style>
</div></div>
<style>
#ltBlock1899554529 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1899554529" data-block-id="1899555360"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-a59ed"
>
<div class="lt-block-wrapper">
<style id="rawCss1985037">.f-header.f-header-52 {
font-size: 50px;
}
.boxs{
background: #FFFFFF;
box-shadow: -6px -1px 8px rgba(0, 102, 153, 0.2), 3px 4px 14px rgba(0, 102, 153, 0.34);
border-radius: 30px;
padding:23px;
}
.txt-up p{
text-transform: uppercase;
}
@media(max-width:1020px){
.boxs{
padding:10px 20px;
}}
.form-mark{
background: #D61355!important;
color:#fff!important;
padding: 10px 5px !important;
border-radius: 10px !important;
}
.lt-anchor{
height: 0 !important;
}
.fw-400 p{
font-weight:400;
}
.fw-500 p{
font-weight:500;
}
.fw-600 p{
font-weight:600;
}
.fw-700 p{
font-weight:700;
}
.fw-800 p{
font-weight:800;
}
.fw-900 p{
font-weight:900;
}
.fs-16 p{
font-size:16px;
}
.fs-22 p{
font-size:22px;
}
.fs-23 p{
font-size:23px;
}
.fs-24 p{
font-size:24px;
}
.fs-26 p{
font-size:26px;
}
.fs-18 p{
font-size:18px;
}
.fs-28 p{
font-size:28px;
}
.fs-30 p{
font-size:30px;
}
.fs-32 p{
font-size:32px;
}
.fs-36 p{
font-size:36px;
}
.fs-38 p{
font-size:38px;
}
.fs-46 p{
font-size:46px;
}
.fs-40 p{
font-size:40px;
}
.fs-41 p{
font-size:52px;
}
.fs-48 p{
font-size:48px;
}
.fs-58 p{
font-size:58px;
}
.fs-60 p{
font-size:60px;
}
.lh-20 p{
line-height:120%;
}
.lh-25 p{
line-height:125%;
}
@media(max-width:580px){
.fs-26 p{
font-size:18px;
}
.fs-22 p{
font-size:16px;
}
.fs-24 p{
font-size:18px;
}
.fs-30 p{
font-size:18px;
}
.fs-32 p{
font-size:26px;
}
.fs-46 p{
font-size:30px;
}
.fs-48 p{
font-size:28px;
}
.fs-41 p{
font-size:30px;
}
.fs-38 p{
font-size:24px;
}
.fs-60 p{
font-size:32px;
}
}
.mob-br{
display:none;
}
.fs-20{
font-size:20px;
}
@media(max-width:760px){
.mob-br{
display:block;
}
.d-br{
display:none;
}
.fs-20{
font-size:20px;
}
.fs-40 p{
font-size:26px;
}
.f-header.f-header-36 {
font-size: 22px;
}
.f-header.f-header-52 {
font-size: 32px;
}
}
@media (max-width: 335px){
.f-header.f-header-36 {
font-size: 22px;
}
}</style>
</div></div>
<style>
#ltBlock1561780498 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1561780498" data-block-id="1561783899"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-d9815"
>
<div class="lt-block-wrapper">
<style id="rawCss1236770">@font-face{
font-family: "TTRuns-Black";
src: url('/fileservice/file/download/h/d7a01d267e764a1ab74cc3c5d511b687.ttf/a/1005/sc/185') format('truetype');
font-weight:800;
}
.ff-t p{
font-family: "TTRuns-Black", sans-serif;
}
.header-my-fl{
display: flex;
justify-content: space-between !important;
align-items: stretch;
}
.header-f-num, .header-f-txt{
font-family: 'Montserrat', sans-serif;
font-style: italic;
}
.header-f-num{
font-size: 90px;
font-weight: 800;
}
.header-fl-txt{
line-height: 17px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
width:178px;
text-align:center;
border-radius:5px;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.65) 100%);
color:#000;
height:70px;
display:flex;
align-items: center;
justify-content: center;
}
.header-f-num{
font-size: 65px;
}
.header-f-txt{
text-align:left;
margin-left: 20px;
font-size: 16px;
}
.inner-h-f{
display: flex;
align-items:center;
}
}</style>
</div></div>
<style>
#ltBlock1661021944 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1661021944" data-block-id="1661269288"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-0278e"
>
<div class="lt-block-wrapper">
<style id="rawCss5553374">@font-face{
font-family: "Evolventa";
src: url('/fileservice/file/download/h/a77a1a95f43aa607001fcf9f9cecd4dd.ttf/a/1005/sc/383') format('truetype');
}
@font-face{
font-family: "Evolventa-r";
src: url('/fileservice/file/download/h/2bd9c31187df0385805504fac296509c.ttf/a/1005/sc/52') format('truetype');
}
.ff-e p{
font-family:'Evolventa', sans-serif !important;
}
.ff-er p{
font-family:'Evolventa-r', sans-serif !important;
}</style>
</div></div>
<style>
#ltBlock1669272262 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1669272262" data-block-id="1669274188"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-aec85"
>
<div class="lt-block-wrapper">
<style id="rawCss4288901">@font-face{
font-family: "Soyuz Grotesk Bold";
src: url('/fileservice/file/download/h/2fac32d7fcaf4ebe21ed98c53e8f6898.otf/a/1005/sc/406') format('opentype');
}
.ff-s p{
font-family:'Soyuz Grotesk Bold', sans-serif !important;
}</style>
</div></div>
<style>
#ltBlock1643370927 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1643370927" data-block-id="1643371008"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-8ed6f"
>
<div class="lt-block-wrapper">
<style id="rawCss8252638">@font-face{
font-family: "CraftworkGrotesk-Bold";
src: url('/fileservice/file/download/h/0904f77f242eaad6538dab3cce7896e9.ttf/a/1005/sc/257') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-Medium";
src: url('/fileservice/file/download/h/0d383b8c39c507c8af401862fa7b6c57.ttf/a/1005/sc/150') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-SemiBold";
src: url('/fileservice/file/download/h/25993dbe2ba1c721f4cadfa44fbc4e98.ttf/a/1005/sc/384') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-reg";
src: url('/fileservice/file/download/h/0e1bfe8f4f585fbd152efd957cd48d49.ttf/a/1005/sc/361') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-Heavy";
src: url('/fileservice/file/download/h/78cc3a46660cdd4d42c1e1f4b6d61632.ttf/a/1005/sc/186') format('truetype');
}
.stick img{
max-width:243px;
}
.d-b .f-header p{
font-family:'CraftworkGrotesk-Bold', sans-serif !important;
}
.d-b .f-text p{
font-family:'CraftworkGrotesk-reg', sans-serif !important;
font-weight:400;
}
.ff-cgr p {
font-family:'CraftworkGrotesk-reg', sans-serif !important;
}
.ff-cgr {
font-family:'CraftworkGrotesk-reg', sans-serif !important;
}
.ff-cgm p {
font-family:'CraftworkGrotesk-Medium', sans-serif !important;
}
.ff-cgsm p {
font-family:'CraftworkGrotesk-SemiBold', sans-serif !important;
}
.ff-cgb p {
font-family:'CraftworkGrotesk-Bold', sans-serif !important;
}
.ff-cgh p {
font-family:'CraftworkGrotesk-Heavy', sans-serif !important;
}
.ff-cgm {
font-family:'CraftworkGrotesk-Medium', sans-serif !important;
}
.ff-cgsm {
font-family:'CraftworkGrotesk-SemiBold', sans-serif !important;
}
.ff-cgb {
font-family:'CraftworkGrotesk-Bold', sans-serif !important;
}
.ff-cgh {
font-family:'CraftworkGrotesk-Heavy', sans-serif !important;
}
.d-b button{
font-family:'CraftworkGrotesk-SemiBold', sans-serif !important;
font-weight:600!important;
}</style>
</div></div>
<style>
#ltBlock1548894112 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1548894112" data-block-id="1548938716"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-77683"
>
<div class="lt-block-wrapper">
<style id="rawCss985955">.h-btn-flex{
display: flex;
align-items: center;
}
.h-my-btn{
border: none;
outline: none;
color:#fff;
background:#e80800;
font-size:20px !important;
border-radius: 16px !important;
font-weight: 700 !important;
padding: 20px 70px !important;
margin-right: 24px;
}
/*.doth {
font-weight: 300;
font-size: 18px;
padding-top: 5px;
}*/
.header-f-txt{
font-weight:700;
font-size: 20px;
text-align:center;
line-height: 25px;
}
/*.countdown {
display: flex;
font-size: 30px;
color: #000;
}
.countdown-item {
width: 44px;
height: 35px;
font-weight: 700;
}
.countdown-item_txt {
font-size: 18px;
margin: 0 5px;
}*/
@media(max-width: 760px){
.right-100 {
margin-right: 0;
}
/*.doth {
font-weight: 300;
font-size: 8px;
padding-top: 10px;
}
.countdown {
justify-content: space-evenly;
font-size: 19px;
}
.countdown-item_txt {
font-size: 11px;
margin-right: 0;
}
.countdown-item {
width: 34px;
height: 20px;
margin: 0px;
font-weight: 500;
}*/
}</style>
</div></div>
<style>
#ltBlock1636929240 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1636929240" data-block-id="1637459213"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-845f3"
>
<div class="lt-block-wrapper">
<style id="rawCss7881429">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Unbounded:wght@700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');
@font-face{
font-family: "Soyuz Grotesk Bold";
src: url('/fileservice/file/download/h/2fac32d7fcaf4ebe21ed98c53e8f6898.otf/a/1005/sc/406') format('opentype');
}
.ff-s p{
font-family:'Soyuz Grotesk Bold', sans-serif !important;
}
.ff-p p{
font-family: 'Playfair Display', serif;
}
.ff-u p{
font-family: 'Unbounded', sans-serif;
}
/*
@font-face{
font-family: "CraftworkGrotesk-Bold";
src: url('/fileservice/file/download/h/0904f77f242eaad6538dab3cce7896e9.ttf/a/1005/sc/257') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-Medium";
src: url('/fileservice/file/download/h/0d383b8c39c507c8af401862fa7b6c57.ttf/a/1005/sc/150') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-SemiBold";
src: url('/fileservice/file/download/h/25993dbe2ba1c721f4cadfa44fbc4e98.ttf/a/1005/sc/384') format('truetype');
}
.banner-slide .f-header p{
font-family:'CraftworkGrotesk-Bold', sans-serif !important;
}
.banner-slide .f-text p{
font-family:'CraftworkGrotesk-Medium', sans-serif !important;
font-weight:500!important;
}
.banner-btn button{
font-family:'CraftworkGrotesk-SemiBold', sans-serif !important;
font-weight:600!important;
}*/</style>
</div></div>
<style>
#ltBlock1635262258 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1635262258" data-block-id="1637459214"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-7cde5"
>
<div class="lt-block-wrapper">
<style id="rawCss9276553">a .block-box {
color: #000000;
background-image: URL('//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/f562e875a3c68c98277abad439d4b0a5.png/s/f1200x/a/1005/sc/205');
background-repeat: no-repeat;
padding-left: 90px;
padding-right: 90px;
padding-top: 30px;
padding-bottom: 30px;
border: 0px solid #999999;
border-radius: 30px;
}
.banner-slide-mob {
width: 100%;
}
.banner-slide-mob .lt-block-wrapper{
margin-right:16px !important;
margin-left:16px !important;
}
.banner-slide-mob button {
padding: 0 40px!important;
font-weight: bold!important;
text-transform: uppercase;
}
.banner-slide-mob mark {
font-weight: normal!important;
}
.banner-slide .lt-block-wrapper {
width: min(100% , 1200px);
border-radius:16px;
margin:15px auto;
}
.banner-slide-mob .lt-block-wrapper{
margin-top: 20px!important;
border-radius: 20px;
}
.banner-slide .modal-block-content {
padding-left:45px!important;
}
/*.banner-slide mark {
font-weight: normal!important;
}
*/
.banner-slide .block-box{
background-size: cover!important;
}
.btn-grad button{
background: linear-gradient(90deg, rgba(4,3,90,1) 0%, rgba(137,0,206,1) 72%) !important;
}
.setting-editable button {
position: relative!important;
bottom: 0!important;
}
.banner-slide .modal-block-content {
position: relative;
}
.d-flex {
display: flex;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-center {
justify-content: center;
}
.slider__container {
padding-left: 0;
padding-right: 0;
}
.slider__items {
counter-reset: slide;
border-radius: 30px;
}
.slider__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
counter-increment: slide;
height: 100%;
position: relative;
}
.slider {
position: relative;
}
.slider__container {
overflow: hidden;
}
.slider__wrapper {
/*overflow: hidden;*/
}
.slider__items {
display: flex;
transition: transform 0.5s ease;
}
.slider_disable-transition {
transition: none;
}
.slider__item {
flex: 0 0 100%;
user-select: none;
}
/* кнопки влево и вправо */
.slider__control {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
color: #fff;
text-align: center;
height: 50px;
transform: translateY(-50%);
/*background: rgba(0, 0, 0, 0.2);*/
z-index: 3;
}
.slider__control_hide {
display: none;
}
.slider__control[data-slide='prev'] {
left: 0;
}
.slider__control[data-slide='next'] {
right: 0;
}
.slider__control:hover,
.slider__control:focus {
color: #fff;
text-decoration: none;
outline: 0;
background: rgba(0, 0, 0, 0.3);
}
.slider__control::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.slider__control[data-slide='prev']::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.slider__control[data-slide='next']::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
/* индикаторы */
.slider__indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
margin-top: 0;
margin-bottom: 0;
}
.slider__indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 5px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
background-clip: padding-box;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.slider__indicators li.active {
background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 760px) {
.slider {
width: 100%;
}
.d-mob-center-flex {
display: flex;
justify-content: center;
}
/*.slider__control{
display:none;
} */
}
</style>
</div></div>
<style>
#ltBlock1636930889 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1636930889" data-block-id="1637459215"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-3c364"
>
<div class="lt-block-wrapper">
<style id="rawCss6173713">.banner-slide .f-header p{
font-size:50px;
}
.mark-prm{
font-size: 16px !important;
padding: 6px 15px!important;
border-radius: 30px !important;
}
.fs-24 p{
font-size:24px;
}
.banner-btn button{
font-size:20px;
max-width: 398px;
width:100%;
padding: 20px auto;
}
@media(min-width:1020px){
.bg-black{
background:#222222;
}
}
.banner-slide .lt-block-wrapper, .banner-slide-mob .lt-block-wrapper{
padding-bottom:0!important;
}
/*.banner-slide-mob .builder{
padding-left:15px!important;
padding-right:15px!important;
}
*/
.banner-slide-mob button{
width:90%;
margin-top:15px!important;
}
@media(max-width:1020px){
.banner-slide .f-header p{
font-size:24px;
}
.banner-btn button{
font-size:14px;
max-width: auto;
width:100%;
padding: 13px auto;
}
.banner__header p{
font-weight:800!important;
font-size:28px!important;
text-transform: none!important;
line-height:100%!important;
margin-bottom:5px!important;
}
}
@media(max-width:425px){
.banner-slide-mob .builder{
padding-left:15px!important;
padding-right:15px!important;
}
}
</style>
</div></div>
<style>
@media(max-width: 425px) {
#ltBlock1968472513
.container {
padding: 0!important;
}
#ltBlock1968472513
.lt-block-wrapper {
padding: 0!important;
}
} </style>
<style>
#ltBlock1968472513 .lt-block-wrapper {
padding-top: 15px; padding-bottom: 60px }
</style>
<div id="ltBlock1968472513" data-block-id="1968475724"
data-has-css="true" class="lt-block lt-view raw-html lt-raw lt-raw-html bg-black"
data-code="b-305d5"
>
<div class="lt-block-wrapper">
<div id="rawHtml7553166" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div class="container d-mob-center-flex">
<div class="slider">
<div class="slider__container">
<div class="slider__wrapper">
<div class="slider__items">
<div class="slider__item d-mob">
<!-- Контент 1 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 1 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 1 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 2 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 3 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 4 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 5 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 6 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 7 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
<div class="slider__item d-mob">
<!-- Контент 8 слайда -->
</div>
</div>
</div>
</div>
<a href="#" class="slider__control" data-slide="prev"></a>
<a href="#" class="slider__control" data-slide="next"></a>
</div>
</div> </div>
</div></div>
<style>
#ltBlock1795888527 .cover-wrapper{
margin-top:0!important;
}
#ltBlock1795888527
.block-box{
background-size: cover!important;
}
#ltBlock1795888527
strong {
color: #ffd61e!important;
}
#ltBlock1795888527
.banner__header p {
font-size: 26px!important;
}
#ltBlock1795888527
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock1795888527 .lt-block-wrapper {
padding-top: 15px; padding-bottom: 0px; color: #fff }
@media (min-width: 1021px) {
#ltBlock1795888527 {
display: none;
}
}
</style>
<div id="ltBlock1795888527" data-block-id="1795901074"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-c2bc8"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1795901074" style="position: relative; background-image: url(https://fs16.getcourse.ru/fileservice/file/download/a/1005/sc/34/h/6be2a994329e1510508238310df11bbd.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #fff">
<div
id="builder8137512"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; margin-top: 30px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p>
Онлайн-школа рисования Вероники Калачёвой</p></div></div>
<style>
</style> <div
data-param="items/parts/field4160"
data-item-name="field4160"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field4160/inner/text' data-editable='true'><div class="image-box">
<img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/180/h/56e680b8f530e1cc50272be0c33cf3f0.svg">
</div></div></div>
<style>
[data-param="items/parts/field4160"] div.f-header, [data-param="items/parts/field4160"] div.f-text {
line-height: 25px; }
</style> </div>
<script>
$( function() {
if( $('#builder8137512 input[type="radio"]').length == 1 && $('#builder8137512 input[type="radio"]').prop('checked') ) {
$('#builder8137512 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1795901074 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1795901074 {
background-attachment: scroll;
}
}
.cover-blockCover1795901074 .cover-wrapper {
height: 420px;
}
#blockCover1795901074 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1795888527 hr.separator {
border-color: #fff;
}
#ltBlock1795888527 .f-text {
color: #fff;
}
</style>
<script>
$( '#ltBlock1795888527' ).click( function() {
} );
</script>
<style>
#ltBlock1795888527 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2028365579
p{
line-height:120%;
}
#ltBlock2028365579
.font-img img{
height: 115px;
vertical-align: top;
}
#ltBlock2028365579
.prd-img img{
max-width:79px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2028365579 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #000000 }
@media (max-width: 1020px) {
#ltBlock2028365579 {
display: none;
}
}
</style>
<div id="ltBlock2028365579" data-block-id="2028366840"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-50b58"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #000000">
<div
id="builder6287571"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 22px; margin-top: 10px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
Вебинар
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-u fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:33px;">
Бесплатный вебинар<br>
с Анной Расторгуевой</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 30px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-400"
>
<div style='' class='text-normal f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p>21 мая в 20:00</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button8135303" class="btn f-btn button-md btn-success"
style="color: #fff; background-color: #FF553E; border-radius: 16px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #fff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton8135303']) {
e.preventDefault();
return false;
} else {
$('#button8135303').addClass('disabled');
window['prsbutton8135303'] = true;
setTimeout(function(){window['prsbutton8135303'] = false;$('#button8135303').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button8135303' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_acrylic#web'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field24543"
data-item-name="field24543"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image prd-img"
>
<div id="image1725573" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4ae1f6d7bc176482839aef41527d7d4e.png/s/s1200x/a/1005/sc/206"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4ae1f6d7bc176482839aef41527d7d4e.png/s/s1200x/a/1005/sc/206"
data-param="items/parts/field24543/inner/image"
data-hash="4ae1f6d7bc176482839aef41527d7d4e.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field24543/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder6287571 input[type="radio"]').length == 1 && $('#builder6287571 input[type="radio"]').prop('checked') ) {
$('#builder6287571 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2028365579 .block-box {
color:#000000;
background-image:URL('//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c315801dc972475daaa92501828d2e07.jpg/s/f1200x/a/1005/sc/42');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock2028365579 hr.separator {
border-color: #000000;
}
#ltBlock2028365579 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2028365579' ).click( function() {
location.href='https://kalachevaschool.ru/vhsh_acrylic#web'; } );
</script>
<style>
#ltBlock2028365579 {
cursor: pointer;
}
</style>
<style>
#ltBlock2028365625 .slider__items{
position:relative;
}
#ltBlock2028365625
img{
max-width:130px;
}
#ltBlock2028365625
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2028365625
.block-box{
background-size: cover!important;
}
#ltBlock2028365625
/*strong {
color: #ffd61e!important;
}
#ltBlock2028365625
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2028365625
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock2028365625 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; background-color: #FFF7E9; color: #000000 }
@media (min-width: 1021px) {
#ltBlock2028365625 {
display: none;
}
}
</style>
<div id="ltBlock2028365625" data-block-id="2028366841"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-7b061"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2028366841" style="position: relative; background-image: url(https://fs02.getcourse.ru/fileservice/file/download/a/1005/sc/334/h/39cf5bc1c2f9cd498301aafe25a2f1f6.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder5197060"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013"
data-item-name="field54013"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-left"
>
<div id="image7217305" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/fb3f1b513a6b3c7c55b1017c66aa1f7e.png/s/s1200x/a/1005/sc/271"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/fb3f1b513a6b3c7c55b1017c66aa1f7e.png/s/s1200x/a/1005/sc/271"
data-param="items/parts/field54013/inner/image"
data-hash="fb3f1b513a6b3c7c55b1017c66aa1f7e.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; margin-top: 40px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
Вебинар </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header ff-u text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 5vw!important; text-transform:uppercase!important;">
Бесплатный вебинар
с Анной Расторгуевой</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
21 мая в 20:00
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button8098232" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #FF553E; border-radius: 9px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton8098232']) {
e.preventDefault();
return false;
} else {
$('#button8098232').addClass('disabled');
window['prsbutton8098232'] = true;
setTimeout(function(){window['prsbutton8098232'] = false;$('#button8098232').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button8098232' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_acrylic#web'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder5197060 input[type="radio"]').length == 1 && $('#builder5197060 input[type="radio"]').prop('checked') ) {
$('#builder5197060 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2028366841 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2028366841 {
background-attachment: scroll;
}
}
.cover-blockCover2028366841 .cover-wrapper {
height: 420px;
}
#blockCover2028366841 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2028365625 hr.separator {
border-color: #000000;
}
#ltBlock2028365625 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2028365625' ).click( function() {
location.href='https://kalachevaschool.ru/vhsh_acrylic#web'; } );
</script>
<style>
#ltBlock2028365625 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2029638893
button{
background: linear-gradient(90deg, #FFBFE0 0%, #FFCE21 100%)!important;
}
#ltBlock2029638893
p{
line-height:120%;
}
#ltBlock2029638893
.font-img img{
height: 115px;
vertical-align: top;
}
#ltBlock2029638893
.prd-img img{
max-width:79px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2029638893 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #ffffff }
@media (max-width: 1020px) {
#ltBlock2029638893 {
display: none;
}
}
</style>
<div id="ltBlock2029638893" data-block-id="2029641571"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-c6108"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff">
<div
id="builder366392"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 22px; margin-top: 10px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера курса
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:46px;">
Затмение (2024) </p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 30px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-400"
>
<div style='' class='text-normal f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p>Онлайн-курс современной масляной <br class="d-br">живописи Полины Арутюновой</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button5702932" class="btn f-btn button-md btn-success"
style="color: #000000; background-color: #ffffff; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5702932']) {
e.preventDefault();
return false;
} else {
$('#button5702932').addClass('disabled');
window['prsbutton5702932'] = true;
setTimeout(function(){window['prsbutton5702932'] = false;$('#button5702932').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5702932' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/eclipse'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field24543"
data-item-name="field24543"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image prd-img"
>
<div id="image5571256" class="image-box"
data-img-title=""
data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/cedc2442a19c91dbebcdc73b158f9959.png/s/s1200x/a/1005/sc/346"
>
<img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/cedc2442a19c91dbebcdc73b158f9959.png/s/s1200x/a/1005/sc/346"
data-param="items/parts/field24543/inner/image"
data-hash="cedc2442a19c91dbebcdc73b158f9959.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field24543/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder366392 input[type="radio"]').length == 1 && $('#builder366392 input[type="radio"]').prop('checked') ) {
$('#builder366392 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2029638893 .block-box {
color:#000000;
background-image:URL('//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/96b1cbc71220d26b507c3d8cd16ee34b.jpg/s/f1200x/a/1005/sc/227');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock2029638893 hr.separator {
border-color: #ffffff;
}
#ltBlock2029638893 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock2029638893' ).click( function() {
location.href='https://kalachevaschool.ru/courses/eclipse'; } );
</script>
<style>
#ltBlock2029638893 {
cursor: pointer;
}
</style>
<style>
#ltBlock2029638895 .slider__items{
position:relative;
}
#ltBlock2029638895
button{
background: linear-gradient(90deg, #FFBFE0 0%, #FFCE21 100%)!important;
}
#ltBlock2029638895
img{
max-width:130px;
}
#ltBlock2029638895
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2029638895
.block-box{
background-size: cover!important;
}
#ltBlock2029638895
/*strong {
color: #ffd61e!important;
}
#ltBlock2029638895
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2029638895
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock2029638895 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; background-color: #FFF7E9; color: #ffffff }
@media (min-width: 1021px) {
#ltBlock2029638895 {
display: none;
}
}
</style>
<div id="ltBlock2029638895" data-block-id="2029641572"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-e5522"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2029641572" style="position: relative; background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/1005/sc/395/h/bcb4e79c4f2691cc893ea474d2b7ddcc.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #ffffff">
<div
id="builder940661"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013"
data-item-name="field54013"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-left"
>
<div id="image6654374" class="image-box"
data-img-title=""
data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c8e9cf74365a6ad0e91ec4469f38965d.png/s/s1200x/a/1005/sc/222"
>
<img class="lazyload" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c8e9cf74365a6ad0e91ec4469f38965d.png/s/s1200x/a/1005/sc/222"
data-param="items/parts/field54013/inner/image"
data-hash="c8e9cf74365a6ad0e91ec4469f38965d.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; margin-top: 40px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера курса </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 5vw!important; text-transform:uppercase!important;">
Затмение (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Онлайн-курс современной масляной
живописи Полины Арутюновой
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button7358900" class="btn f-btn button-sm btn-success"
style="color: #000000; background-color: #FF553E; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton7358900']) {
e.preventDefault();
return false;
} else {
$('#button7358900').addClass('disabled');
window['prsbutton7358900'] = true;
setTimeout(function(){window['prsbutton7358900'] = false;$('#button7358900').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button7358900' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/eclipse'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder940661 input[type="radio"]').length == 1 && $('#builder940661 input[type="radio"]').prop('checked') ) {
$('#builder940661 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2029641572 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2029641572 {
background-attachment: scroll;
}
}
.cover-blockCover2029641572 .cover-wrapper {
height: 420px;
}
#blockCover2029641572 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2029638895 hr.separator {
border-color: #ffffff;
}
#ltBlock2029638895 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock2029638895' ).click( function() {
location.href='https://kalachevaschool.ru/courses/eclipse'; } );
</script>
<style>
#ltBlock2029638895 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
p{
line-height:120%!important;
}
#ltBlock2018600846
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2018600846
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock2018600846
.prd-img img{
max-width:89px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2018600846 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #000000 }
@media (max-width: 1020px) {
#ltBlock2018600846 {
display: none;
}
}
</style>
<div id="ltBlock2018600846" data-block-id="2018606020"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-92e80"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #000000">
<div
id="builder9515839"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
Новый курс
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-u"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-36'><p style="font-size:36px;">Акварельное сознание. <br> Продолжение (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500 fs-16"
>
<div style='' class='text-normal f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p style="font-size:16px">Учимся создавать свои сюжеты, развиваем самостоятельность<br> и работаем с композицией вместе с Анастасией Лобуз</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button9115983" class="btn f-btn button-md btn-success"
style="color: #fff; background-color: #FF553E; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #fff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton9115983']) {
e.preventDefault();
return false;
} else {
$('#button9115983').addClass('disabled');
window['prsbutton9115983'] = true;
setTimeout(function(){window['prsbutton9115983'] = false;$('#button9115983').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button9115983' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/watercolorconsciousnesspart2'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder9515839 input[type="radio"]').length == 1 && $('#builder9515839 input[type="radio"]').prop('checked') ) {
$('#builder9515839 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2018600846 .block-box {
color:#000000;
background-image:URL('//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/843aca55dacda711bd32f4879f18dd3c.jpg/s/f1200x/a/1005/sc/334');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock2018600846 hr.separator {
border-color: #000000;
}
#ltBlock2018600846 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2018600846' ).click( function() {
location.href='https://kalachevaschool.ru/courses/watercolorconsciousnesspart2'; } );
</script>
<style>
#ltBlock2018600846 {
cursor: pointer;
}
</style>
<style>
#ltBlock2018600860 .slider__items{
position:relative;
}
#ltBlock2018600860
.a img{
max-width:130px;
}
#ltBlock2018600860
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2018600860
.block-box{
background-size: cover!important;
}
#ltBlock2018600860
/*strong {
color: #ffd61e!important;
}
#ltBlock2018600860
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2018600860
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
@media(max-width:600px){
#ltBlock2018600860
.banner__header p {
font-size: 5.5vw!important;
}
}
</style>
<style>
#ltBlock2018600860 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #000000 }
@media (min-width: 1021px) {
#ltBlock2018600860 {
display: none;
}
}
</style>
<div id="ltBlock2018600860" data-block-id="2018606022"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-5de53"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2018606022" style="position: relative; background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/1005/sc/143/h/717c1e0d086db47c528d56c04f4b9d03.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder5752593"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 5px; margin-top: 30px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
Новый курс</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; margin-top: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header ff-u text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p class="fs-5">Акварельное сознание. Продолженией (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='' class='text-normal f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%; font-size:12px!important">
Учимся создавать свои сюжеты, развиваем самостоятельность и работаем с композицией вместе с Анастасией Лобуз
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button5985054" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #FF553E; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5985054']) {
e.preventDefault();
return false;
} else {
$('#button5985054').addClass('disabled');
window['prsbutton5985054'] = true;
setTimeout(function(){window['prsbutton5985054'] = false;$('#button5985054').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5985054' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/watercolorconsciousnesspart2'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder5752593 input[type="radio"]').length == 1 && $('#builder5752593 input[type="radio"]').prop('checked') ) {
$('#builder5752593 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2018606022 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2018606022 {
background-attachment: scroll;
}
}
.cover-blockCover2018606022 .cover-wrapper {
height: 420px;
}
#blockCover2018606022 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2018600860 hr.separator {
border-color: #000000;
}
#ltBlock2018600860 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2018600860' ).click( function() {
location.href='https://kalachevaschool.ru/courses/watercolorconsciousnesspart2'; } );
</script>
<style>
#ltBlock2018600860 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
p{
line-height:120%!important;
}
#ltBlock2015501509
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2015501509
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock2015501509
.prd-img img{
max-width:89px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2015501509 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #ffffff }
@media (max-width: 1020px) {
#ltBlock2015501509 {
display: none;
}
}
</style>
<div id="ltBlock2015501509" data-block-id="2015557821"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-7233f"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff">
<div
id="builder3913903"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
Премьера
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-36'><p style="font-size:35px;">От первобытного искусства <br>до Античности (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='font-size: 16px; ' class='text-accurate f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p style="font-size:16px">Онлайн-курс истории искусств <br> от Татьяны Быковской</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button6007864" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #FF5757; border-radius: 16px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton6007864']) {
e.preventDefault();
return false;
} else {
$('#button6007864').addClass('disabled');
window['prsbutton6007864'] = true;
setTimeout(function(){window['prsbutton6007864'] = false;$('#button6007864').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button6007864' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/ancientart'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder3913903 input[type="radio"]').length == 1 && $('#builder3913903 input[type="radio"]').prop('checked') ) {
$('#builder3913903 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2015501509 .block-box {
color:#000000;
background-image:URL('//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c5ff5701f5d5371f003d6831ea99aac2.jpg/s/f1200x/a/1005/sc/190');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock2015501509 hr.separator {
border-color: #ffffff;
}
#ltBlock2015501509 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock2015501509' ).click( function() {
location.href='https://kalachevaschool.ru/courses/ancientart'; } );
</script>
<style>
#ltBlock2015501509 {
cursor: pointer;
}
</style>
<style>
#ltBlock2015501513 .slider__items{
position:relative;
}
#ltBlock2015501513
.a img{
max-width:130px;
}
#ltBlock2015501513
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2015501513
.block-box{
background-size: cover!important;
}
#ltBlock2015501513
/*strong {
color: #ffd61e!important;
}
#ltBlock2015501513
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2015501513
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock2015501513 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #ffffff }
@media (min-width: 1021px) {
#ltBlock2015501513 {
display: none;
}
}
</style>
<div id="ltBlock2015501513" data-block-id="2015557824"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-996c1"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2015557824" style="position: relative; background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/1005/sc/52/h/9d44436e7dba4408ec141817327d921e.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #ffffff">
<div
id="builder7429104"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; margin-top: 20px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
Премьера </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; margin-top: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p>От первобытного искусства до Античности (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Онлайн-курс истории искусств от Татьяны Быковской
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button2926256" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #FF5757; border-radius: 9px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton2926256']) {
e.preventDefault();
return false;
} else {
$('#button2926256').addClass('disabled');
window['prsbutton2926256'] = true;
setTimeout(function(){window['prsbutton2926256'] = false;$('#button2926256').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button2926256' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/ancientart'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder7429104 input[type="radio"]').length == 1 && $('#builder7429104 input[type="radio"]').prop('checked') ) {
$('#builder7429104 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2015557824 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2015557824 {
background-attachment: scroll;
}
}
.cover-blockCover2015557824 .cover-wrapper {
height: 420px;
}
#blockCover2015557824 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2015501513 hr.separator {
border-color: #ffffff;
}
#ltBlock2015501513 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock2015501513' ).click( function() {
location.href='https://kalachevaschool.ru/courses/ancientart'; } );
</script>
<style>
#ltBlock2015501513 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
p{
line-height:120%!important;
}
#ltBlock2012080621
button{
background: linear-gradient(90deg, #5133F1 0%, #45E1C1 100%)!important;
}
#ltBlock2012080621
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2012080621
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock2012080621
.prd-img img{
max-width:89px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2012080621 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px }
@media (max-width: 1020px) {
#ltBlock2012080621 {
display: none;
}
}
</style>
<div id="ltBlock2012080621" data-block-id="2012084647"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-3d952"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="">
<div
id="builder8453523"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-u"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-size:36px">Мастерская юного <br>художника</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='font-size: 16px; ' class='text-accurate f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p style="font-size:16px"><strong>Уроки для детей от 4 до 16 лет,</strong> с которыми каждый<br> ребенок сможет раскрыть свой творческий потенциал</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button47974" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #FFC85E; border-radius: 16px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton47974']) {
e.preventDefault();
return false;
} else {
$('#button47974').addClass('disabled');
window['prsbutton47974'] = true;
setTimeout(function(){window['prsbutton47974'] = false;$('#button47974').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button47974' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/kids/mux'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder8453523 input[type="radio"]').length == 1 && $('#builder8453523 input[type="radio"]').prop('checked') ) {
$('#builder8453523 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2012080621 .block-box {
color:#000000;
background-image:URL('//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/f2235102716199ff30227a74aea59340.jpg/s/f1200x/a/1005/sc/456');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<script>
$( '#ltBlock2012080621' ).click( function() {
location.href='https://kalachevaschool.ru/kids/mux'; } );
</script>
<style>
#ltBlock2012080621 {
cursor: pointer;
}
</style>
<style>
#ltBlock2012080639 .slider__items{
position:relative;
}
#ltBlock2012080639
button{
background: linear-gradient(90deg, #5133F1 0%, #45E1C1 100%)!important;
}
#ltBlock2012080639
.a img{
max-width:130px;
}
#ltBlock2012080639
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2012080639
.block-box{
background-size: cover!important;
}
#ltBlock2012080639
/*strong {
color: #ffd61e!important;
}
#ltBlock2012080639
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2012080639
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock2012080639 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #000000 }
@media (min-width: 1021px) {
#ltBlock2012080639 {
display: none;
}
}
</style>
<div id="ltBlock2012080639" data-block-id="2012084648"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-276f5"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2012084648" style="position: relative; background-image: url(https://fs24.getcourse.ru/fileservice/file/download/a/1005/sc/452/h/8c31b1cc0a4b75dadecc042e3cd7b1bd.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder4876832"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; margin-top: 20px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; margin-top: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header ff-u text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p>Мастерская юного художника</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
<strong>Уроки для детей от 4 до 16 лет, </strong>с которыми каждый ребенок сможет раскрыть свой творческий потенциал
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button6884863" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #FFC85E; border-radius: 9px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton6884863']) {
e.preventDefault();
return false;
} else {
$('#button6884863').addClass('disabled');
window['prsbutton6884863'] = true;
setTimeout(function(){window['prsbutton6884863'] = false;$('#button6884863').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button6884863' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/kids/mux'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder4876832 input[type="radio"]').length == 1 && $('#builder4876832 input[type="radio"]').prop('checked') ) {
$('#builder4876832 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2012084648 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2012084648 {
background-attachment: scroll;
}
}
.cover-blockCover2012084648 .cover-wrapper {
height: 420px;
}
#blockCover2012084648 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2012080639 hr.separator {
border-color: #000000;
}
#ltBlock2012080639 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2012080639' ).click( function() {
location.href='https://kalachevaschool.ru/kids/mux'; } );
</script>
<style>
#ltBlock2012080639 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
p{
line-height:120%!important;
}
#ltBlock2012111860
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2012111860
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock2012111860
.prd-img img{
max-width:89px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2012111860 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px }
@media (max-width: 1020px) {
#ltBlock2012111860 {
display: none;
}
}
</style>
<div id="ltBlock2012111860" data-block-id="2012113352"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-cdc0c"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="">
<div
id="builder5817824"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><div class="image-box">
<img width="45%" src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/139/h/00f4f0428181cef605d72b812eb1c69f.svg">
</div></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='font-size: 16px; ' class='text-accurate f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p style="font-size:16px"><strong>Специальный проект Kalacheva School.</strong> Программа обучения,<br>где современные художники выходят на новый уровень <br> в своей нише</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button5455499" class="btn f-btn button-md btn-success"
style="color: #000000; background-color: #FFC85E; border-radius: 16px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5455499']) {
e.preventDefault();
return false;
} else {
$('#button5455499').addClass('disabled');
window['prsbutton5455499'] = true;
setTimeout(function(){window['prsbutton5455499'] = false;$('#button5455499').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5455499' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/laboratory_ks'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field66782"
data-item-name="field66782"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image prd-img"
>
<div id="image8019385" class="image-box"
data-img-title=""
data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/66137b8e5e1aef8d747508aabc2b8442.png/s/s1200x/a/1005/sc/197"
>
<img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/66137b8e5e1aef8d747508aabc2b8442.png/s/s1200x/a/1005/sc/197"
data-param="items/parts/field66782/inner/image"
data-hash="66137b8e5e1aef8d747508aabc2b8442.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field66782/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder5817824 input[type="radio"]').length == 1 && $('#builder5817824 input[type="radio"]').prop('checked') ) {
$('#builder5817824 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2012111860 .block-box {
color:#000000;
background-image:URL('//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/891d27aa3fa3c04145509e1513ffccbc.jpg/s/f1200x/a/1005/sc/227');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<script>
$( '#ltBlock2012111860' ).click( function() {
location.href='https://kalachevaschool.ru/laboratory_ks'; } );
</script>
<style>
#ltBlock2012111860 {
cursor: pointer;
}
</style>
<style>
#ltBlock2012111866 .slider__items{
position:relative;
}
#ltBlock2012111866
.a img{
max-width:130px;
}
#ltBlock2012111866
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2012111866
.block-box{
background-size: cover!important;
}
#ltBlock2012111866
/*strong {
color: #ffd61e!important;
}
#ltBlock2012111866
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2012111866
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock2012111866 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #000000 }
@media (min-width: 1021px) {
#ltBlock2012111866 {
display: none;
}
}
</style>
<div id="ltBlock2012111866" data-block-id="2012113353"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-9d533"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2012113353" style="position: relative; background-image: url(https://fs21.getcourse.ru/fileservice/file/download/a/1005/sc/134/h/686b60a4b6f2a79715798ec6c98d795d.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder5699550"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013"
data-item-name="field54013"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image a text-left"
>
<div id="image5994504" class="image-box"
data-img-title=""
data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/50a3018ae5f9f509ac7fa4a5977882b9.png/s/s1200x/a/1005/sc/160"
>
<img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/50a3018ae5f9f509ac7fa4a5977882b9.png/s/s1200x/a/1005/sc/160"
data-param="items/parts/field54013/inner/image"
data-hash="50a3018ae5f9f509ac7fa4a5977882b9.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: -10px; margin-top: 20px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; margin-top: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><div class="image-box">
<img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/139/h/00f4f0428181cef605d72b812eb1c69f.svg">
</div></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
<strong>Специальный проект Kalacheva School.</strong> Программа обучения, где современные художники выходят на новый уровень в своей нише
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button6199970" class="btn f-btn button-sm btn-success"
style="color: #000000; background-color: #FFC85E; border-radius: 9px !important; ">
Записаться</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton6199970']) {
e.preventDefault();
return false;
} else {
$('#button6199970').addClass('disabled');
window['prsbutton6199970'] = true;
setTimeout(function(){window['prsbutton6199970'] = false;$('#button6199970').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button6199970' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/laboratory_ks'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder5699550 input[type="radio"]').length == 1 && $('#builder5699550 input[type="radio"]').prop('checked') ) {
$('#builder5699550 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2012113353 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2012113353 {
background-attachment: scroll;
}
}
.cover-blockCover2012113353 .cover-wrapper {
height: 420px;
}
#blockCover2012113353 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2012111866 hr.separator {
border-color: #000000;
}
#ltBlock2012111866 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2012111866' ).click( function() {
location.href='https://kalachevaschool.ru/laboratory_ks'; } );
</script>
<style>
#ltBlock2012111866 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
p{
line-height:120%!important;
}
#ltBlock2006002547
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock2006002547
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock2006002547
.prd-img img{
max-width:89px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock2006002547 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px }
@media (max-width: 1020px) {
#ltBlock2006002547 {
display: none;
}
}
</style>
<div id="ltBlock2006002547" data-block-id="2006004900"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-e6212"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="">
<div
id="builder9724474"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера курса
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:36px;">
По пути с легендой.<br> Импрессионисты (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='font-size: 16px; ' class='text-accurate f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p>Разбираем технику 5 великих мастеров<br> и учимся у них вместе с Ириной Климовой</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button5464863" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #FF553E; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5464863']) {
e.preventDefault();
return false;
} else {
$('#button5464863').addClass('disabled');
window['prsbutton5464863'] = true;
setTimeout(function(){window['prsbutton5464863'] = false;$('#button5464863').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5464863' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/alongthewaywiththelegend2'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field66782"
data-item-name="field66782"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image prd-img"
>
<div id="image5790166" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/b4c1ecc893fa94859282f0cef5286783.png/s/s1200x/a/1005/sc/170"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/b4c1ecc893fa94859282f0cef5286783.png/s/s1200x/a/1005/sc/170"
data-param="items/parts/field66782/inner/image"
data-hash="b4c1ecc893fa94859282f0cef5286783.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field66782/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder9724474 input[type="radio"]').length == 1 && $('#builder9724474 input[type="radio"]').prop('checked') ) {
$('#builder9724474 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock2006002547 .block-box {
color:#000000;
background-image:URL('//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/eba6356c15987692c17b10cca775307c.jpg/s/f1200x/a/1005/sc/99');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<script>
$( '#ltBlock2006002547' ).click( function() {
location.href='https://kalachevaschool.ru/courses/alongthewaywiththelegend2'; } );
</script>
<style>
#ltBlock2006002547 {
cursor: pointer;
}
</style>
<style>
#ltBlock2006002548 .slider__items{
position:relative;
}
#ltBlock2006002548
img{
max-width:130px;
}
#ltBlock2006002548
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock2006002548
.block-box{
background-size: cover!important;
}
#ltBlock2006002548
/*strong {
color: #ffd61e!important;
}
#ltBlock2006002548
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock2006002548
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock2006002548 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; background-color: #FFF7E9; color: #000000 }
@media (min-width: 1021px) {
#ltBlock2006002548 {
display: none;
}
}
</style>
<div id="ltBlock2006002548" data-block-id="2006004901"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-e417b"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2006004901" style="position: relative; background-image: url(https://fs16.getcourse.ru/fileservice/file/download/a/1005/sc/144/h/509c0e49abab0965af81c937e5f33133.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder1496557"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013"
data-item-name="field54013"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-left"
>
<div id="image1771130" class="image-box"
data-img-title=""
data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/3fc14b320fb2edf9aab9294366095eb7.png/s/s1200x/a/1005/sc/241"
>
<img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/3fc14b320fb2edf9aab9294366095eb7.png/s/s1200x/a/1005/sc/241"
data-param="items/parts/field54013/inner/image"
data-hash="3fc14b320fb2edf9aab9294366095eb7.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; margin-top: 40px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера курса </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 5vw!important; text-transform:uppercase!important;">
По пути с легендой.<br> Импрессионисты (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Разбираем технику 5 великих мастеров и учимся у них вместе с Ириной Климовой
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button424748" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #FF553E; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton424748']) {
e.preventDefault();
return false;
} else {
$('#button424748').addClass('disabled');
window['prsbutton424748'] = true;
setTimeout(function(){window['prsbutton424748'] = false;$('#button424748').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button424748' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/alongthewaywiththelegend2'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder1496557 input[type="radio"]').length == 1 && $('#builder1496557 input[type="radio"]').prop('checked') ) {
$('#builder1496557 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2006004901 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover2006004901 {
background-attachment: scroll;
}
}
.cover-blockCover2006004901 .cover-wrapper {
height: 420px;
}
#blockCover2006004901 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock2006002548 hr.separator {
border-color: #000000;
}
#ltBlock2006002548 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock2006002548' ).click( function() {
location.href='https://kalachevaschool.ru/courses/alongthewaywiththelegend2'; } );
</script>
<style>
#ltBlock2006002548 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1994540728
p{
line-height:120%;
}
#ltBlock1994540728
.font-img img{
height: 115px;
vertical-align: top;
}
#ltBlock1994540728
.prd-img img{
max-width:79px;
position:absolute;
bottom:20px;
right:20px;
}
#ltBlock1994540728
.pd-img{
position:absolute;
bottom:20px;
right:20px;
}
#ltBlock1994540728
.pd-img p{
color:#fff;
}
</style>
<style>
#ltBlock1994540728 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #ffffff }
@media (max-width: 1020px) {
#ltBlock1994540728 {
display: none;
}
}
</style>
<div id="ltBlock1994540728" data-block-id="2000786018"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-09c18"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff">
<div
id="builder277908"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field1026"
data-item-name="field1026"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500 text-left"
>
<div style='' class='text-normal f-text' data-param='items/parts/field1026/inner/text' data-editable='true'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
Новая партнерская программа
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-size:36px; font-weight:800">
Приглашайте друзей <br>и зарабатывайте <br>реальные деньги
</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button1409641" class="btn f-btn button-md btn-success"
style="color: #000000; background-color: #ffffff; border-radius: 16px !important; ">
Заработать</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton1409641']) {
e.preventDefault();
return false;
} else {
$('#button1409641').addClass('disabled');
window['prsbutton1409641'] = true;
setTimeout(function(){window['prsbutton1409641'] = false;$('#button1409641').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button1409641' ).click( function(e) {
//disableButton(e);
location.href='#friend'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder277908 input[type="radio"]').length == 1 && $('#builder277908 input[type="radio"]').prop('checked') ) {
$('#builder277908 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1994540728 .block-box {
color:#000000;
background-image:URL('//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/793d4764a29157080ebf5e398d2429be.jpg/s/f1200x/a/1005/sc/68');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1994540728 hr.separator {
border-color: #ffffff;
}
#ltBlock1994540728 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1994540728' ).click( function() {
location.href='#friend'; } );
</script>
<style>
#ltBlock1994540728 {
cursor: pointer;
}
</style>
<style>
#ltBlock1994540747 .slider__items{
position:relative;
}
#ltBlock1994540747
.lt-block-wrapper{
background: linear-gradient(180deg, #633DFA 0%, #9378FF 100%);
}
#ltBlock1994540747
.cover-wrapper{
margin-top:0!important;
position:relative;
}
#ltBlock1994540747
.block-box{
background-size: cover!important;
}
#ltBlock1994540747
/*strong {
color: #ffd61e!important;
}
#ltBlock1994540747
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1994540747
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
#ltBlock1994540747
.pd-img{
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock1994540747 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #ffffff }
@media (min-width: 1021px) {
#ltBlock1994540747 {
display: none;
}
}
</style>
<div id="ltBlock1994540747" data-block-id="2000786019"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-ac348"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover2000786019" style="position: relative; " >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #ffffff">
<div
id="builder61992"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field96022"
data-item-name="field96022"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; margin-top: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500 text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field96022/inner/text' data-editable='true'><p style="
font-weight: 500;
font-size: 12px;
">
<mark style="
border-radius: 16px;
padding: 5px 15px;
">
Новая партнерская программа
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 6vw!important; text-transform:uppercase!important;">
Приглашайте друзей
и зарабатывайте
реальные деньги</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button3707421" class="btn f-btn button-sm btn-success"
style="color: #000000; background-color: #ffffff; border-radius: 9px !important; ">
Заработать</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton3707421']) {
e.preventDefault();
return false;
} else {
$('#button3707421').addClass('disabled');
window['prsbutton3707421'] = true;
setTimeout(function(){window['prsbutton3707421'] = false;$('#button3707421').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button3707421' ).click( function(e) {
//disableButton(e);
location.href='#friend'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field28000"
data-item-name="field28000"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image mm text-center"
>
<div id="image8870951" class="image-box"
data-img-title=""
data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/e0d512f6abcdaeacea3c3679647666d6.png/s/s1200x/a/1005/sc/339"
>
<img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/e0d512f6abcdaeacea3c3679647666d6.png/s/s1200x/a/1005/sc/339"
data-param="items/parts/field28000/inner/image"
data-hash="e0d512f6abcdaeacea3c3679647666d6.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field28000/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder61992 input[type="radio"]').length == 1 && $('#builder61992 input[type="radio"]').prop('checked') ) {
$('#builder61992 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover2000786019 {
min-height: 420px;
}
@media (max-width: 768px) {
#blockCover2000786019 {
background-attachment: scroll;
}
}
.cover-blockCover2000786019 .cover-wrapper {
height: 420px;
}
#blockCover2000786019 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1994540747 hr.separator {
border-color: #ffffff;
}
#ltBlock1994540747 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1994540747' ).click( function() {
location.href='#friend'; } );
</script>
<style>
#ltBlock1994540747 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1994528692
p{
line-height:120%;
}
#ltBlock1994528692
.font-img img{
height: 115px;
vertical-align: top;
}
#ltBlock1994528692
.prd-img img{
max-width:79px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock1994528692 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #000000 }
@media (max-width: 1020px) {
#ltBlock1994528692 {
display: none;
}
}
</style>
<div id="ltBlock1994528692" data-block-id="1994529340"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-aadcf"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #000000">
<div
id="builder6516612"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 22px; margin-top: 10px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера курса
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:40px;">
Ощущая город (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 30px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-400"
>
<div style='' class='text-normal f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p>Концептуальный онлайн-курс<br> акрила от Анны Чайниковой</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button5649317" class="btn f-btn button-md btn-success"
style="color: #000000; background-color: #ffffff; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5649317']) {
e.preventDefault();
return false;
} else {
$('#button5649317').addClass('disabled');
window['prsbutton5649317'] = true;
setTimeout(function(){window['prsbutton5649317'] = false;$('#button5649317').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5649317' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/feelingthecity'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field24543"
data-item-name="field24543"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image prd-img"
>
<div id="image1183900" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/e6157c450635a6d34d9ce30fb5247258.png/s/s1200x/a/1005/sc/53"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/e6157c450635a6d34d9ce30fb5247258.png/s/s1200x/a/1005/sc/53"
data-param="items/parts/field24543/inner/image"
data-hash="e6157c450635a6d34d9ce30fb5247258.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field24543/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder6516612 input[type="radio"]').length == 1 && $('#builder6516612 input[type="radio"]').prop('checked') ) {
$('#builder6516612 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1994528692 .block-box {
color:#000000;
background-image:URL('//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/60e25aeb4fa0a6d318c586a925fbd297.jpg/s/f1200x/a/1005/sc/241');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1994528692 hr.separator {
border-color: #000000;
}
#ltBlock1994528692 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock1994528692' ).click( function() {
location.href='https://kalachevaschool.ru/courses/feelingthecity'; } );
</script>
<style>
#ltBlock1994528692 {
cursor: pointer;
}
</style>
<style>
#ltBlock1994528694 .slider__items{
position:relative;
}
#ltBlock1994528694
img{
max-width:130px;
}
#ltBlock1994528694
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock1994528694
.block-box{
background-size: cover!important;
}
#ltBlock1994528694
/*strong {
color: #ffd61e!important;
}
#ltBlock1994528694
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1994528694
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock1994528694 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #000000 }
@media (min-width: 1021px) {
#ltBlock1994528694 {
display: none;
}
}
</style>
<div id="ltBlock1994528694" data-block-id="1994529341"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-191f7"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1994529341" style="position: relative; background-image: url(https://fs21.getcourse.ru/fileservice/file/download/a/1005/sc/322/h/3d403e28b1130dfb5935ababef7b94da.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder8704461"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013_14"
data-item-name="field54013_14"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 30px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-left"
>
<div id="image451109" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/dbe569ab135f909b8cae452bfc6b41bf.png/s/s1200x/a/1005/sc/385"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/dbe569ab135f909b8cae452bfc6b41bf.png/s/s1200x/a/1005/sc/385"
data-param="items/parts/field54013_14/inner/image"
data-hash="dbe569ab135f909b8cae452bfc6b41bf.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013_14/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; margin-top: 10px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера курса </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 7vw!important; text-transform:uppercase!important;">
Ощущая город (2024) </p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Концептуальный онлайн-курс акрила от Анны Чайниковой
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button541260" class="btn f-btn button-sm btn-success"
style="color: #000000; background-color: #ffffff; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton541260']) {
e.preventDefault();
return false;
} else {
$('#button541260').addClass('disabled');
window['prsbutton541260'] = true;
setTimeout(function(){window['prsbutton541260'] = false;$('#button541260').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button541260' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/feelingthecity'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder8704461 input[type="radio"]').length == 1 && $('#builder8704461 input[type="radio"]').prop('checked') ) {
$('#builder8704461 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1994529341 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1994529341 {
background-attachment: scroll;
}
}
.cover-blockCover1994529341 .cover-wrapper {
height: 420px;
}
#blockCover1994529341 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1994528694 hr.separator {
border-color: #000000;
}
#ltBlock1994528694 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock1994528694' ).click( function() {
location.href='https://kalachevaschool.ru/courses/feelingthecity'; } );
</script>
<style>
#ltBlock1994528694 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1984499705
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock1984499705
.marl{
margin-right:-300px;
}
#ltBlock1984499705
p{
line-height:120%;
} </style>
<style>
#ltBlock1984499705 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #fff }
@media (max-width: 1020px) {
#ltBlock1984499705 {
display: none;
}
}
</style>
<div id="ltBlock1984499705" data-block-id="1984505880"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-3d5ac"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #fff">
<div
id="builder6593238"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field451"
data-item-name="field451"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; margin-top: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/field451/inner/text' data-editable='true'><p style="
font-weight: 500;
font-size: 14px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера программы
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699_41"
data-item-name="field86699_41"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m"
>
<div data-editable=true data-param='items/parts/field86699_41/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="line-height: 100%; font-size:40px; font-weight:800">
ВХШ<br>
Акрил без границ</p></div></div>
<style>
</style> <div
data-param="items/parts/field78332"
data-item-name="field78332"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='font-size: 18px; ' class='text-accurate f-text' data-param='items/parts/field78332/inner/text' data-editable='true'><p>Освойте все актуальные техники, создайте профессиональное <br> портфолио и сформируйте свой стиль с Анной Расторгуевой</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button5533627" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #EA6953; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5533627']) {
e.preventDefault();
return false;
} else {
$('#button5533627').addClass('disabled');
window['prsbutton5533627'] = true;
setTimeout(function(){window['prsbutton5533627'] = false;$('#button5533627').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5533627' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_acrylic'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder6593238 input[type="radio"]').length == 1 && $('#builder6593238 input[type="radio"]').prop('checked') ) {
$('#builder6593238 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1984499705 .block-box {
color:#000000;
background-image:URL('//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c13ba9d0f44a8146a64ab3bfc517927e.jpg/s/f1200x/a/1005/sc/233');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1984499705 hr.separator {
border-color: #fff;
}
#ltBlock1984499705 .f-text {
color: #fff;
}
</style>
<script>
$( '#ltBlock1984499705' ).click( function() {
location.href='https://kalachevaschool.ru/vhsh_acrylic'; } );
</script>
<style>
#ltBlock1984499705 {
cursor: pointer;
}
</style>
<style>
#ltBlock1984499711 .slider__items{
position:relative;
}
#ltBlock1984499711
.slider-mob-img img{
margin-right:-15px!important;
}
#ltBlock1984499711
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock1984499711
.block-box{
background-size: cover!important;
}
#ltBlock1984499711
/*strong {
color: #ffd61e!important;
}
#ltBlock1984499711
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1984499711
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock1984499711 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #fff }
@media (min-width: 1021px) {
#ltBlock1984499711 {
display: none;
}
}
</style>
<div id="ltBlock1984499711" data-block-id="1984505881"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-f142c"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1984505881" style="position: relative; background-image: url(https://fs02.getcourse.ru/fileservice/file/download/a/1005/sc/106/h/291d25f528be6d0315eb816d6f5e8390.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #fff">
<div
id="builder8722093"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 8px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера программы</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size:24px!important;">
ВХШ
Акрил без границ</p></div></div>
<style>
</style> <div
data-param="items/parts/field4160"
data-item-name="field4160"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; color: #000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 14px; ' class='text-accurate f-text' data-param='items/parts/field4160/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Освойте все актуальные техники, создайте
профессиональное портфолио и сформируйте свой
стиль с Анной Расторгуевой
</p></div></div>
<style>
[data-param="items/parts/field4160"] div.f-header, [data-param="items/parts/field4160"] div.f-text {
line-height: 25px; }
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button8064827" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #EA6953; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton8064827']) {
e.preventDefault();
return false;
} else {
$('#button8064827').addClass('disabled');
window['prsbutton8064827'] = true;
setTimeout(function(){window['prsbutton8064827'] = false;$('#button8064827').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button8064827' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_acrylic'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder8722093 input[type="radio"]').length == 1 && $('#builder8722093 input[type="radio"]').prop('checked') ) {
$('#builder8722093 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1984505881 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1984505881 {
background-attachment: scroll;
}
}
.cover-blockCover1984505881 .cover-wrapper {
height: 420px;
}
#blockCover1984505881 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1984499711 hr.separator {
border-color: #fff;
}
#ltBlock1984499711 .f-text {
color: #fff;
}
</style>
<script>
$( '#ltBlock1984499711' ).click( function() {
location.href='https://kalachevaschool.ru/vhsh_acrylic'; } );
</script>
<style>
#ltBlock1984499711 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1943925396
.font-img img{
height: 40px;
vertical-align: top;
}
#ltBlock1943925396
.prd-img img{
max-width:89px;
position:absolute;
bottom:20px;
right:20px;
}
</style>
<style>
#ltBlock1943925396 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #ffffff }
@media (max-width: 1020px) {
#ltBlock1943925396 {
display: none;
}
}
</style>
<div id="ltBlock1943925396" data-block-id="1943929356"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-5f43a"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff">
<div
id="builder754704"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 22px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера курса
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:32px;">
Городские секреты.<br>
Цветные карандаши (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p>Превращаем скетчи в произведения искусства!</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button2607967" class="btn f-btn button-md btn-success"
style="color: #000000; background-color: #FFDDB5; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton2607967']) {
e.preventDefault();
return false;
} else {
$('#button2607967').addClass('disabled');
window['prsbutton2607967'] = true;
setTimeout(function(){window['prsbutton2607967'] = false;$('#button2607967').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button2607967' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/citysecrets'; } );
});
</script>
</div>
<style>
</style> <div
data-param="items/parts/field66782"
data-item-name="field66782"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image prd-img"
>
<div id="image5040343" class="image-box"
data-img-title=""
data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/781ba4affa4b3b5435e5dacb32e53f34.png/s/s1200x/a/1005/sc/324"
>
<img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/781ba4affa4b3b5435e5dacb32e53f34.png/s/s1200x/a/1005/sc/324"
data-param="items/parts/field66782/inner/image"
data-hash="781ba4affa4b3b5435e5dacb32e53f34.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field66782/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder754704 input[type="radio"]').length == 1 && $('#builder754704 input[type="radio"]').prop('checked') ) {
$('#builder754704 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1943925396 .block-box {
color:#000000;
background-image:URL('//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/2f5922c46160982ee8d7d45dd1b9d1a2.jpg/s/f1200x/a/1005/sc/151');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1943925396 hr.separator {
border-color: #ffffff;
}
#ltBlock1943925396 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1943925396' ).click( function() {
location.href='https://kalachevaschool.ru/courses/citysecrets'; } );
</script>
<style>
#ltBlock1943925396 {
cursor: pointer;
}
</style>
<style>
#ltBlock1943925411 .slider__items{
position:relative;
}
#ltBlock1943925411
img{
max-width:130px;
}
#ltBlock1943925411
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock1943925411
.block-box{
background-size: cover!important;
}
#ltBlock1943925411
/*strong {
color: #ffd61e!important;
}
#ltBlock1943925411
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1943925411
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock1943925411 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; background-color: #6E61FF; color: #ffffff }
@media (min-width: 1021px) {
#ltBlock1943925411 {
display: none;
}
}
</style>
<div id="ltBlock1943925411" data-block-id="1943929357"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-3edce"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1943929357" style="position: relative; background-image: url(https://fs17.getcourse.ru/fileservice/file/download/a/1005/sc/142/h/f81fc5dc4bb65a33401eb345982813b7.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #ffffff">
<div
id="builder7075429"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013"
data-item-name="field54013"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-left"
>
<div id="image1768292" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/65cc75d0015b466d8fd91cff2cfca821.png/s/s1200x/a/1005/sc/290"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/65cc75d0015b466d8fd91cff2cfca821.png/s/s1200x/a/1005/sc/290"
data-param="items/parts/field54013/inner/image"
data-hash="65cc75d0015b466d8fd91cff2cfca821.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; margin-top: 45px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера курса </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 5vw!important; text-transform:uppercase!important;">
Городские секреты.<br>
Цветные карандаши (2024)</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Превращаем скетчи в произведения искусства!
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button9000630" class="btn f-btn button-sm btn-success"
style="color: #000000; background-color: #FFDDB5; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton9000630']) {
e.preventDefault();
return false;
} else {
$('#button9000630').addClass('disabled');
window['prsbutton9000630'] = true;
setTimeout(function(){window['prsbutton9000630'] = false;$('#button9000630').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button9000630' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/courses/citysecrets'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder7075429 input[type="radio"]').length == 1 && $('#builder7075429 input[type="radio"]').prop('checked') ) {
$('#builder7075429 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1943929357 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1943929357 {
background-attachment: scroll;
}
}
.cover-blockCover1943929357 .cover-wrapper {
height: 420px;
}
#blockCover1943929357 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1943925411 hr.separator {
border-color: #ffffff;
}
#ltBlock1943925411 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1943925411' ).click( function() {
location.href='https://kalachevaschool.ru/courses/citysecrets'; } );
</script>
<style>
#ltBlock1943925411 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1936664347
.font-img img{
height: 40px;
vertical-align: top;
}
</style>
<style>
#ltBlock1936664347 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #000000 }
@media (max-width: 1020px) {
#ltBlock1936664347 {
display: none;
}
}
</style>
<div id="ltBlock1936664347" data-block-id="1936895707"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-4d3fe"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #000000">
<div
id="builder3307658"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; margin-top: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
абонемент
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 13px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:63px;">
193+ КУРСа</p></div></div>
<style>
</style> <div
data-param="items/parts/field79919"
data-item-name="field79919"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; color: #000000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/field79919/inner/text' data-editable='true'><p style="font-weight: 400!important; font-size: 18px; line-height: 100%;"><strong style="text-transform: uppercase ">абонемент ultimate</strong> <br> Самое выгодное предложение от Школы</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button5472010" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #764BEF; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton5472010']) {
e.preventDefault();
return false;
} else {
$('#button5472010').addClass('disabled');
window['prsbutton5472010'] = true;
setTimeout(function(){window['prsbutton5472010'] = false;$('#button5472010').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button5472010' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/bundles_new'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder3307658 input[type="radio"]').length == 1 && $('#builder3307658 input[type="radio"]').prop('checked') ) {
$('#builder3307658 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1936664347 .block-box {
color:#000000;
background-image:URL('//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/357d6bc37c748352f8b75d2273e97b59.jpg/s/f1200x/a/1005/sc/75');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1936664347 hr.separator {
border-color: #000000;
}
#ltBlock1936664347 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock1936664347' ).click( function() {
location.href='https://kalachevaschool.ru/bundles_new'; } );
</script>
<style>
#ltBlock1936664347 {
cursor: pointer;
}
</style>
<style>
#ltBlock1936664357 .slider__items{
position:relative;
}
#ltBlock1936664357
.slider-mob-img img{
margin-right:-15px!important;
}
#ltBlock1936664357
.cover-wrapper{
margin-top:0!important;
}
#ltBlock1936664357
.block-box{
background-size: cover!important;
}
#ltBlock1936664357
/*strong {
color: #ffd61e!important;
}
#ltBlock1936664357
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1936664357
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
#ltBlock1936664357
img{
max-width:290px;
} </style>
<style>
#ltBlock1936664357 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #000000 }
@media (min-width: 1021px) {
#ltBlock1936664357 {
display: none;
}
}
</style>
<div id="ltBlock1936664357" data-block-id="1936895708"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-01d80"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1936895708" style="position: relative; background-image: url(https://fs18.getcourse.ru/fileservice/file/download/a/1005/sc/26/h/d6bd97f078c074369840931c9917a19d.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder1503072"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 8px; margin-top: 18px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
абонемент </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20 f-text-transform-uppercase'><p style="line-height: 100%;font-weight:800; font-size: 31px!important;">
193+ <br> КУРСа</p></div></div>
<style>
</style> <div
data-param="items/parts/field4160"
data-item-name="field4160"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; color: #000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field4160/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
<strong style="text-transform: uppercase ">абонемент ultimate</strong> <br> Самое выгодное предложение от Школы
</p></div></div>
<style>
[data-param="items/parts/field4160"] div.f-header, [data-param="items/parts/field4160"] div.f-text {
line-height: 25px; }
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button9862649" class="btn f-btn button-sm btn-success"
style="color: #ffffff; background-color: #764BEF; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton9862649']) {
e.preventDefault();
return false;
} else {
$('#button9862649').addClass('disabled');
window['prsbutton9862649'] = true;
setTimeout(function(){window['prsbutton9862649'] = false;$('#button9862649').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button9862649' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/bundles_new'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder1503072 input[type="radio"]').length == 1 && $('#builder1503072 input[type="radio"]').prop('checked') ) {
$('#builder1503072 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1936895708 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1936895708 {
background-attachment: scroll;
}
}
.cover-blockCover1936895708 .cover-wrapper {
height: 420px;
}
#blockCover1936895708 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1936664357 hr.separator {
border-color: #000000;
}
#ltBlock1936664357 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock1936664357' ).click( function() {
location.href='https://kalachevaschool.ru/bundles_new'; } );
</script>
<style>
#ltBlock1936664357 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
p{
line-height:120%;
}
#ltBlock1915220107
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1915220107
.font-img img{
height: 40px;
vertical-align: top;
}
</style>
<style>
#ltBlock1915220107 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #ffffff }
@media (max-width: 1020px) {
#ltBlock1915220107 {
display: none;
}
}
</style>
<div id="ltBlock1915220107" data-block-id="1915257790"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-4394b"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff">
<div
id="builder6269728"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
премьера годовой программы
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m fs-48"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 800; line-height: 100%; font-size:36px;">
вхш Погружение<br>
в карандаши</p></div></div>
<style>
</style> <div
data-param="items/parts/field31843"
data-item-name="field31843"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='font-size: 16px; ' class='text-accurate f-text' data-param='items/parts/field31843/inner/text' data-editable='true'><p style="font-weight:500;">Годовая программа обучения рисованию карандашами<br>
в разных сферах и техниках. Полное погружение в материал:<br>
от быстрой зарисовки до реалистичной картины</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button7207418" class="btn f-btn button-md btn-success"
style="color: #000000; background-color: #EDD0FF; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton7207418']) {
e.preventDefault();
return false;
} else {
$('#button7207418').addClass('disabled');
window['prsbutton7207418'] = true;
setTimeout(function(){window['prsbutton7207418'] = false;$('#button7207418').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button7207418' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_pencil'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder6269728 input[type="radio"]').length == 1 && $('#builder6269728 input[type="radio"]').prop('checked') ) {
$('#builder6269728 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1915220107 .block-box {
color:#000000;
background-image:URL('//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/5bbcae78bf94fe84a786cdbde4569d78.jpg/s/f1200x/a/1005/sc/416');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1915220107 hr.separator {
border-color: #ffffff;
}
#ltBlock1915220107 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1915220107' ).click( function() {
location.href='https://kalachevaschool.ru/vhsh_pencil'; } );
</script>
<style>
#ltBlock1915220107 {
cursor: pointer;
}
</style>
<style>
#ltBlock1915220109 .slider__items{
position:relative;
}
#ltBlock1915220109
img{
max-width:289px;
}
#ltBlock1915220109
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock1915220109
.block-box{
background-size: cover!important;
}
#ltBlock1915220109
/*strong {
color: #ffd61e!important;
}
#ltBlock1915220109
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1915220109
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock1915220109 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; background-color: #0068CD; color: #ffffff }
@media (min-width: 1021px) {
#ltBlock1915220109 {
display: none;
}
}
</style>
<div id="ltBlock1915220109" data-block-id="1915257791"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-b37f6"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1915257791" style="position: relative; " >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #ffffff">
<div
id="builder1361632"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field54013"
data-item-name="field54013"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: -10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-right"
>
<div id="image5824583" class="image-box"
data-img-title=""
data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/36172fe24e74dddb16003d4df5b79d12.png/s/s1200x/a/1005/sc/188"
>
<img class="lazyload" src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/36172fe24e74dddb16003d4df5b79d12.png/s/s1200x/a/1005/sc/188"
data-param="items/parts/field54013/inner/image"
data-hash="36172fe24e74dddb16003d4df5b79d12.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="items/parts/field54013/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 8px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 500;
font-size: 9px;
position:relative;
z-index:4;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
премьера годовой программы </mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size: 6vw!important;">
ВХШ Погружение
в карандаши</p></div></div>
<style>
</style> <div
data-param="items/parts/field2447"
data-item-name="field2447"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field2447/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Годовая программа обучения рисованию карандашами
в разных сферах и техниках. Полное погружение в материал:
от быстрой зарисовки до реалистичной картины
</p></div></div>
<style>
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button9345005" class="btn f-btn button-sm btn-success"
style="color: #000000; background-color: #EDD0FF; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton9345005']) {
e.preventDefault();
return false;
} else {
$('#button9345005').addClass('disabled');
window['prsbutton9345005'] = true;
setTimeout(function(){window['prsbutton9345005'] = false;$('#button9345005').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button9345005' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhsh_pencil'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder1361632 input[type="radio"]').length == 1 && $('#builder1361632 input[type="radio"]').prop('checked') ) {
$('#builder1361632 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1915257791 {
min-height: 420px;
}
@media (max-width: 768px) {
#blockCover1915257791 {
background-attachment: scroll;
}
}
.cover-blockCover1915257791 .cover-wrapper {
height: 420px;
}
#blockCover1915257791 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1915220109 hr.separator {
border-color: #ffffff;
}
#ltBlock1915220109 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1915220109' ).click( function() {
location.href='https://kalachevaschool.ru/vhsh_pencil'; } );
</script>
<style>
#ltBlock1915220109 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1812093645
.font-img img{
height: 40px;
vertical-align: top;
}
</style>
<style>
#ltBlock1812093645 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #ffffff }
@media (max-width: 1020px) {
#ltBlock1812093645 {
display: none;
}
}
</style>
<div id="ltBlock1812093645" data-block-id="1812117772"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-56584"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff">
<div
id="builder4668578"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
абонемент
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="line-height: 100%; font-size:48px; font-weight:800">
ВЕСЬ КРАФТ:</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699_41"
data-item-name="field86699_41"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 40px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m"
>
<div data-editable=true data-param='items/parts/field86699_41/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="line-height: 100%; font-size:32px; font-weight:800">
от вышивки до керамики</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button70323" class="btn f-btn button-md btn-success"
style="color: #000; background-color: #fff; border-radius: 16px !important; ">
Выбрать абонемент</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton70323']) {
e.preventDefault();
return false;
} else {
$('#button70323').addClass('disabled');
window['prsbutton70323'] = true;
setTimeout(function(){window['prsbutton70323'] = false;$('#button70323').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button70323' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/craft'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder4668578 input[type="radio"]').length == 1 && $('#builder4668578 input[type="radio"]').prop('checked') ) {
$('#builder4668578 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1812093645 .block-box {
color:#000000;
background-image:URL('//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c13e199442e3052e5ceaba25cd64f428.png/s/f1200x/a/1005/sc/186');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1812093645 hr.separator {
border-color: #ffffff;
}
#ltBlock1812093645 .f-text {
color: #ffffff;
}
</style>
<script>
$( '#ltBlock1812093645' ).click( function() {
location.href='https://kalachevaschool.ru/craft'; } );
</script>
<style>
#ltBlock1812093645 {
cursor: pointer;
}
</style>
<style>
#ltBlock1815447593 .slider__items{
position:relative;
}
#ltBlock1815447593
.slider-mob-img img{
margin-right:-15px!important;
}
#ltBlock1815447593
.cover-wrapper{
margin-bottom:0!important;
}
#ltBlock1815447593
.block-box{
background-size: cover!important;
}
#ltBlock1815447593
/*strong {
color: #ffd61e!important;
}
#ltBlock1815447593
*/
.banner__header p {
font-size: 26px!important;
}
#ltBlock1815447593
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
}
</style>
<style>
#ltBlock1815447593 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px; color: #000000 }
@media (min-width: 1021px) {
#ltBlock1815447593 {
display: none;
}
}
</style>
<div id="ltBlock1815447593" data-block-id="1815448826"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-9b67c"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1815448826" style="position: relative; background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/1005/sc/500/h/8075771c63f0a941103ca342ec4c2905.png);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #000000">
<div
id="builder4148133"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 8px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
абонемент</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20'><p style="line-height: 100%;font-weight:800; font-size:40px!important;">
Весь крафт:</p></div></div>
<style>
</style> <div
data-param="items/parts/field4160"
data-item-name="field4160"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; color: #000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 16px; ' class='text-accurate f-text' data-param='items/parts/field4160/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
от вышивки до керамики
</p></div></div>
<style>
[data-param="items/parts/field4160"] div.f-header, [data-param="items/parts/field4160"] div.f-text {
line-height: 25px; }
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button4182590" class="btn f-btn button-sm btn-success"
style="color: #fff; background-color: #EC6B23; border-radius: 9px !important; ">
Выбрать абонемент</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #fff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton4182590']) {
e.preventDefault();
return false;
} else {
$('#button4182590').addClass('disabled');
window['prsbutton4182590'] = true;
setTimeout(function(){window['prsbutton4182590'] = false;$('#button4182590').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button4182590' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/craft'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder4148133 input[type="radio"]').length == 1 && $('#builder4148133 input[type="radio"]').prop('checked') ) {
$('#builder4148133 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1815448826 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1815448826 {
background-attachment: scroll;
}
}
.cover-blockCover1815448826 .cover-wrapper {
height: 420px;
}
#blockCover1815448826 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1815447593 hr.separator {
border-color: #000000;
}
#ltBlock1815447593 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock1815447593' ).click( function() {
location.href='https://kalachevaschool.ru/craft'; } );
</script>
<style>
#ltBlock1815447593 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1795899132
.font-img img{
height: 40px;
vertical-align: top;
}
</style>
<style>
#ltBlock1795899132 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #fff }
@media (max-width: 1020px) {
#ltBlock1795899132 {
display: none;
}
}
</style>
<div id="ltBlock1795899132" data-block-id="1795901079"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-80b25"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #fff">
<div
id="builder2829888"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field59698"
data-item-name="field59698"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field59698/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 18px;
">
<mark style="
border-radius: 16px;
padding: 8px 32px;
">
Начни сейчас!
</mark>
</p></div></div>
<style>
</style> <div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 5px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header ff-m"
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; line-height: 100%; font-size:40px;">
ВХШ<br>
Профессия художник</p></div></div>
<style>
</style> <div
data-param="items/parts/field79919"
data-item-name="field79919"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; color: #000000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='items/parts/field79919/inner/text' data-editable='true'><p style="font-weight: 400!important; font-size: 18px">Годовая программа обучения
основам рисования</p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button8466060" class="btn f-btn button-md btn-success"
style="color: #fff; background-color: #B483F0; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #fff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton8466060']) {
e.preventDefault();
return false;
} else {
$('#button8466060').addClass('disabled');
window['prsbutton8466060'] = true;
setTimeout(function(){window['prsbutton8466060'] = false;$('#button8466060').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button8466060' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhshnew'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder2829888 input[type="radio"]').length == 1 && $('#builder2829888 input[type="radio"]').prop('checked') ) {
$('#builder2829888 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1795899132 .block-box {
color:#000000;
background-image:URL('//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/8977379436d87e2088cea76c117cc532.jpg/s/f1200x/a/1005/sc/27');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1795899132 hr.separator {
border-color: #fff;
}
#ltBlock1795899132 .f-text {
color: #fff;
}
</style>
<script>
$( '#ltBlock1795899132' ).click( function() {
location.href='https://kalachevaschool.ru/vhshnew'; } );
</script>
<style>
#ltBlock1795899132 {
cursor: pointer;
}
</style>
<style>
#ltBlock1795899171 .cover-wrapper{
margin-bottom:0!important;
}
#ltBlock1795899171
.block-box{
background-size: cover!important;
}
#ltBlock1795899171
strong {
color: #ffd61e!important;
}
#ltBlock1795899171
.banner__header p {
font-size: 26px!important;
}
#ltBlock1795899171
.block-cover{
border-radius: 10px !important;
margin: 16px 10px !important;
} </style>
<style>
#ltBlock1795899171 .lt-block-wrapper {
padding-top: 15px; padding-bottom: 0px; color: #fff }
@media (min-width: 1021px) {
#ltBlock1795899171 {
display: none;
}
}
</style>
<div id="ltBlock1795899171" data-block-id="1795901080"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-9-mob banner-slide-mob"
data-code="b-856b1"
>
<div class="lazyload lt-block-wrapper block-cover " id="blockCover1795901080" style="position: relative; background-image: url(https://fs16.getcourse.ru/fileservice/file/download/a/1005/sc/232/h/977f504ca521e6ad19165cca38dd02ac.jpg);" >
<div class="cover-filter"></div>
<div class="cover-wrapper flex-container height-fixed" data-main-class="cover-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-center" style="color: #fff">
<div
id="builder4258311"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field82660"
data-item-name="field82660"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 7px; margin-top: 15px; color: #ffffff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/field82660/inner/text' class='f-header f-header-20'><p style="
font-weight: 400;
font-size: 9px;
">
<mark style="
border-radius: 40px;
padding: 4px 8px;
">
Начни сейчас! </mark></p></div></div>
<style>
</style> <div
data-param="items/parts/field32468"
data-item-name="field32468"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 3px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header banner__header ff-e text-left"
>
<div data-editable=true data-param='items/parts/field32468/inner/text' class='f-header f-header-20 f-text-transform-uppercase'><p style="font-weight: 500; font-size:28px!important; ">
ВХШ<br>
Профессия художник</p></div></div>
<style>
</style> <div
data-param="items/parts/field4160"
data-item-name="field4160"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 12px; color: #000; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-left"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='items/parts/field4160/inner/text' data-editable='true'><p style="font-weight:500; line-height:110%;">
Годовая программа обучения<br>
основам рисования
</p></div></div>
<style>
[data-param="items/parts/field4160"] div.f-header, [data-param="items/parts/field4160"] div.f-text {
line-height: 25px; }
</style> <div
data-param="items/parts/field17415"
data-item-name="field17415"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illumob text-left"
>
<button type="button"
id="button7151346" class="btn f-btn button-sm btn-success"
style="color: #fff; background-color: #B483F0; border-radius: 9px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #fff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton7151346']) {
e.preventDefault();
return false;
} else {
$('#button7151346').addClass('disabled');
window['prsbutton7151346'] = true;
setTimeout(function(){window['prsbutton7151346'] = false;$('#button7151346').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button7151346' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/vhshnew'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder4258311 input[type="radio"]').length == 1 && $('#builder4258311 input[type="radio"]').prop('checked') ) {
$('#builder4258311 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div>
</div>
<style media="screen">
#blockCover1795901080 {
min-height: 420px;
background-attachment: scroll }
@media (max-width: 768px) {
#blockCover1795901080 {
background-attachment: scroll;
}
}
.cover-blockCover1795901080 .cover-wrapper {
height: 420px;
}
#blockCover1795901080 .cover-filter {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
background-image: linear-gradient(top, rgba(0, 0, 0,0), rgba(0, 0, 0,0));
}
</style>
</div>
<style>
#ltBlock1795899171 hr.separator {
border-color: #fff;
}
#ltBlock1795899171 .f-text {
color: #fff;
}
</style>
<script>
$( '#ltBlock1795899171' ).click( function() {
location.href='https://kalachevaschool.ru/vhshnew'; } );
</script>
<style>
#ltBlock1795899171 {
cursor: pointer;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');
.f-header.f-header-36 {
font-size: 32px!important;
}
#ltBlock1795899613
.different-font{
font-family: 'Caesar Dressing', cursive;
}
#ltBlock1795899613
.font-img img{
height: 40px;
vertical-align: top;
}
</style>
<style>
#ltBlock1795899613 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 45px; color: #000000 }
@media (max-width: 1020px) {
#ltBlock1795899613 {
display: none;
}
}
</style>
<div id="ltBlock1795899613" data-block-id="1795901089"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common banner-16 banner-slide"
data-code="b-62176"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #000000">
<div
id="builder5364521"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/field86699"
data-item-name="field86699"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; color: #fff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field86699/inner/text' class='f-header f-header-52 f-text-transform-uppercase'><p style="font-weight: 700; font-size:32px ">
Детская <br>художественная <br> школа
</p></div></div>
<style>
</style> <div
data-param="items/parts/field75304"
data-item-name="field75304"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; color: #fff; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='items/parts/field75304/inner/text' class='f-header f-header-20'><p style="font-weight: 400; font-size:20px;">Комплексные годовые программы <br> для детей <mark style="background:#FF1CB2; color:#fff; font-weight: 700!important">от 7 лет</mark></p></div></div>
<style>
</style> <div
data-param="items/parts/field94598"
data-item-name="field94598"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button button-illu"
>
<button type="button"
id="button8423890" class="btn f-btn button-md btn-success"
style="color: #000; background-color: #FFCE21; border-radius: 16px !important; ">
Подробнее</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton8423890']) {
e.preventDefault();
return false;
} else {
$('#button8423890').addClass('disabled');
window['prsbutton8423890'] = true;
setTimeout(function(){window['prsbutton8423890'] = false;$('#button8423890').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button8423890' ).click( function(e) {
//disableButton(e);
location.href='https://kalachevaschool.ru/kids/academall'; } );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder5364521 input[type="radio"]').length == 1 && $('#builder5364521 input[type="radio"]').prop('checked') ) {
$('#builder5364521 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
<style>
#ltBlock1795899613 .block-box {
color:#000000;
background-image:URL('//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/93f402a57d6f826b3a6966012c0c8fd8.jpg/s/f1200x/a/1005/sc/105');
background-size:600px auto;
background-repeat:no-repeat;padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 30px;border: 0px solid #999999;border-radius: 30px; }
</style>
</div></div>
<style>
#ltBlock1795899613 hr.separator {
border-color: #000000;
}
#ltBlock1795899613 .f-text {
color: #000000;
}
</style>
<script>
$( '#ltBlock1795899613' ).click( function() {
location.href='https://kalachevaschool.ru/kids/academall'; } );
</script>
<style>
#ltBlock1795899613 {
cursor: pointer;
}
</style>
<style>
#ltBlock1635262334 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1635262334" data-block-id="1637459223"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-66f04"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs4458295">
const screenWidth = window.screen.width;
const slides = document.querySelectorAll('.slider__item');
const banners = document.querySelectorAll('.banner-slide');
const banners_mob = document.querySelectorAll('.banner-slide-mob');
addEventListener("resize", (event) => {
if (window.screen.width > 1020) {
slides.forEach((slide, index) => {
slide.append(banners[index]);
});
} else {
console.log('switch');
slides.forEach((slide, index) => {
slide.append(banners_mob[index]);
});
}
});
document.addEventListener('DOMContentLoaded', function () {
const slider = new ChiefSlider('.slider', {
loop: true,
autoplay: true,
interval: 8000,
});
if (screenWidth > 1020) {
slides.forEach((slide, index) => {
slide.append(banners[index]);
});
} else {
slides.forEach((slide, index) => {
slide.append(banners_mob[index]);
});
}
});
(function() {
if (typeof window.CustomEvent === 'function' ) return false;
function CustomEvent(event, params) {
params = params || {bubbles: false, cancelable: false, detail: null};
var e = document.createEvent('CustomEvent');
e.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
return e;
}
window.CustomEvent = CustomEvent;
})();
var WRAPPER_SELECTOR = '.slider__wrapper';
var ITEMS_SELECTOR = '.slider__items';
var ITEM_SELECTOR = '.slider__item';
var CONTROL_CLASS = 'slider__control';
/* var ITEM_CLASS_ACTIVE = 'slider__item_active';
var CONTROL_SELECTOR = '.slider__control';
var CONTROL_CLASS_SHOW = 'slider__control_show';
// индикаторы
var INDICATOR_WRAPPER_ELEMENT = 'ol';
var INDICATOR_WRAPPER_CLASS = 'slider__indicators';
var INDICATOR_ITEM_ELEMENT = 'li';
var INDICATOR_ITEM_CLASS = 'slider__indicator';
var INDICATOR_ITEM_CLASS_ACTIVE = 'slider__indicator_active';
// порог для переключения слайда (40%)
var POS_THRESHOLD = 40;
// класс для отключения transition
var TRANSITION_NONE = 'transition-none';*/
var SELECTOR_PREV = '.slider__control[data-slide="prev"]';
var SELECTOR_NEXT = '.slider__control[data-slide="next"]';
var SELECTOR_INDICATOR = '.slider__indicators>li';
var SLIDER_TRANSITION_OFF = 'slider_disable-transition';
var CLASS_CONTROL_HIDE = 'slider__control_hide';
var CLASS_ITEM_ACTIVE = 'slider__item_active';
var CLASS_INDICATOR_ACTIVE = 'active';
function ChiefSlider(selector, config) {
// элементы слайдера
var $root = typeof selector === 'string' ?
document.querySelector(selector) : selector;
this._$root = $root;
this._$wrapper = $root.querySelector(WRAPPER_SELECTOR);
this._$items = $root.querySelector(ITEMS_SELECTOR);
this._$itemList = $root.querySelectorAll(ITEM_SELECTOR);
this._$controlPrev = $root.querySelector(SELECTOR_PREV);
this._$controlNext = $root.querySelector(SELECTOR_NEXT);
this._$indicatorList = $root.querySelectorAll(SELECTOR_INDICATOR);
// экстремальные значения слайдов
this._minOrder = 0;
this._maxOrder = 0;
this._$itemWithMinOrder = null;
this._$itemWithMaxOrder = null;
this._minTranslate = 0;
this._maxTranslate = 0;
// направление смены слайдов (по умолчанию)
this._direction = 'next';
// determines whether the position of item needs to be determined
this._balancingItemsFlag = false;
this._activeItems = [];
// текущее значение трансформации
this._transform = 0;
// swipe параметры
this._hasSwipeState = false;
this.__swipeStartPos = 0;
// slider properties
this._transform = 0; // текущее значение трансформации
this._intervalId = null;
// configuration of the slider
this._config = {
loop: true,
autoplay: false,
interval: 8000,
refresh: true,
swipe: true,
};
for (var key in config) {
if (this._config.hasOwnProperty(key)) {
this._config[key] = config[key];
}
}
// create some constants
var $itemList = this._$itemList;
var widthItem = $itemList[0].offsetWidth;
var widthWrapper = this._$wrapper.offsetWidth;
var itemsInVisibleArea = Math.round(widthWrapper / widthItem);
// initial setting properties
this._widthItem = widthItem;
this._widthWrapper = widthWrapper;
this._itemsInVisibleArea = itemsInVisibleArea;
this._transformStep = 100 / itemsInVisibleArea;
// initial setting order and translate items
for (var i = 0, length = $itemList.length; i < length; i++) {
$itemList[i].dataset.index = i;
$itemList[i].dataset.order = i;
$itemList[i].dataset.translate = 0;
if (i < itemsInVisibleArea) {
this._activeItems.push(i);
}
}
if (this._config.loop) {
// перемещаем последний слайд перед первым
var count = $itemList.length - 1;
var translate = -$itemList.length * 100;
$itemList[count].dataset.order = -1;
$itemList[count].dataset.translate = -$itemList.length * 100;
$itemList[count].style.transform = 'translateX(' + translate + '%)';
this.__refreshExtremeValues();
} else {
if (this._$controlPrev) {
this._$controlPrev.classList.add(CLASS_CONTROL_HIDE);
}
}
this._setActiveClass();
this._addEventListener();
this._updateIndicators();
this._autoplay();
}
// подключения обработчиков событий для слайдера
ChiefSlider.prototype._addEventListener = function() {
var $root = this._$root;
var $items = this._$items;
var config = this._config;
function onClick(e) {
var $target = e.target;
this._autoplay('stop');
if ($target.classList.contains(CONTROL_CLASS)) {
e.preventDefault();
this._direction = $target.dataset.slide;
this._move();
} else if ($target.dataset.slideTo) {
var index = parseInt($target.dataset.slideTo);
this._moveTo(index);
}
if (this._config.loop) {
this._autoplay();
}
}
function onMouseEnter(e) {
this._autoplay('stop');
}
function onMouseLeave(e) {
this._autoplay();
}
function onTransitionStart() {
if (this._balancingItemsFlag) {
return;
}
this._balancingItemsFlag = true;
window.requestAnimationFrame(this._balancingItems.bind(this));
}
function onTransitionEnd() {
this._balancingItemsFlag = false;
}
function onResize() {
window.requestAnimationFrame(this._refresh.bind(this));
}
function onSwipeStart(e) {
this._autoplay('stop');
var event = e.type.search('touch') === 0 ? e.touches[0] : e;
this._swipeStartPos = event.clientX;
this._hasSwipeState = true;
}
function onSwipeEnd(e) {
if (!this._hasSwipeState) {
return;
}
var event = e.type.search('touch') === 0 ? e.changedTouches[0] : e;
var diffPos = this._swipeStartPos - event.clientX;
if (diffPos > 50) {
this._direction = 'next';
this._move();
} else if (diffPos < -50) {
this._direction = 'prev';
this._move();
}
this._hasSwipeState = false;
if (this._config.loop) {
this._autoplay();
}
}
function onDragStart(e) {
e.preventDefault();
}
function onVisibilityChange() {
if (document.visibilityState === 'hidden') {
this._autoplay('stop');
} else if (document.visibilityState === 'visible') {
if (this._config.loop) {
this._autoplay();
}
}
}
$root.addEventListener('click', onClick.bind(this));
$root.addEventListener('mouseenter', onMouseEnter.bind(this));
$root.addEventListener('mouseleave', onMouseLeave.bind(this));
// on resize
if (config.refresh) {
window.addEventListener('resize', onResize.bind(this));
}
// on transitionstart and transitionend
if (config.loop) {
$items.addEventListener('transition-start', onTransitionStart.bind(this));
$items.addEventListener('transitionend', onTransitionEnd.bind(this));
}
// on touchstart and touchend
if (config.swipe) {
$root.addEventListener('touchstart', onSwipeStart.bind(this));
$root.addEventListener('mousedown', onSwipeStart.bind(this));
document.addEventListener('touchend', onSwipeEnd.bind(this));
document.addEventListener('mouseup', onSwipeEnd.bind(this));
}
$root.addEventListener('dragstart', onDragStart.bind(this));
// при изменении активности вкладки
document.addEventListener('visibilitychange', onVisibilityChange.bind(this));
};
// update values of extreme properties
ChiefSlider.prototype.__refreshExtremeValues = function() {
var $itemList = this._$itemList;
this._minOrder = +$itemList[0].dataset.order;
this._maxOrder = this._minOrder;
this._$itemByMinOrder = $itemList[0];
this._$itemByMaxOrder = $itemList[0];
this._minTranslate = +$itemList[0].dataset.translate;
this._maxTranslate = this._minTranslate;
for (var i = 0, length = $itemList.length; i < length; i++) {
var $item = $itemList[i];
var order = +$item.dataset.order;
if (order < this._minOrder) {
this._minOrder = order;
this._$itemByMinOrder = $item;
this._minTranslate = +$item.dataset.translate;
} else if (order > this._maxOrder) {
this._maxOrder = order;
this._$itemByMaxOrder = $item;
this._minTranslate = +$item.dataset.translate;
}
}
};
// update position of item
ChiefSlider.prototype._balancingItems = function() {
if (!this._balancingItemsFlag) {
return;
}
var $wrapper = this._$wrapper;
var $wrapperClientRect = $wrapper.getBoundingClientRect();
var widthHalfItem = $wrapperClientRect.width / this._itemsInVisibleArea / 2;
var count = this._$itemList.length;
var translate;
var clientRect;
if (this._direction === 'next') {
var wrapperLeft = $wrapperClientRect.left;
var $min = this._$itemByMinOrder;
translate = this._minTranslate;
clientRect = $min.getBoundingClientRect();
if (clientRect.right < wrapperLeft - widthHalfItem) {
$min.dataset.order = this._minOrder + count;
translate += count * 100;
$min.dataset.translate = translate;
$min.style.transform = 'translateX('.concat(translate, '%)');
// update values of extreme properties
this.__refreshExtremeValues();
}
} else {
var wrapperRight = $wrapperClientRect.right;
var $max = this._$itemByMaxOrder;
translate = this._maxTranslate;
clientRect = $max.getBoundingClientRect();
if (clientRect.left > wrapperRight + widthHalfItem) {
$max.dataset.order = this._maxOrder - count;
translate -= count * 100;
$max.dataset.translate = translate;
$max.style.transform = 'translateX('.concat(translate, '%)');
// update values of extreme properties
this.__refreshExtremeValues();
}
}
// updating...
requestAnimationFrame(this._balancingItems.bind(this));
};
// _setActiveClass
ChiefSlider.prototype._setActiveClass = function() {
var activeItems = this._activeItems;
var $itemList = this._$itemList;
for (var i = 0, length = $itemList.length; i < length; i++) {
var $item = $itemList[i];
var index = +$item.dataset.index;
if (activeItems.indexOf(index) > -1) {
$item.classList.add(CLASS_ITEM_ACTIVE);
} else {
$item.classList.remove(CLASS_ITEM_ACTIVE);
}
}
};
// _updateIndicators
ChiefSlider.prototype._updateIndicators = function() {
var $indicatorList = this._$indicatorList;
var $itemList = this._$itemList;
if (!$indicatorList.length) {
return;
}
for (var index = 0, length = $itemList.length; index < length; index++) {
var $item = $itemList[index];
if ($item.classList.contains(CLASS_ITEM_ACTIVE)) {
$indicatorList[index].classList.add(CLASS_INDICATOR_ACTIVE);
} else {
$indicatorList[index].classList.remove(CLASS_INDICATOR_ACTIVE);
}
}
};
// move slides
ChiefSlider.prototype._move = function() {
var step = this._direction ===
'next' ? -this._transformStep : this._transformStep;
var transform = this._transform + step;
if (!this._config.loop) {
var endTransformValue =
this._transformStep * (this._$itemList.length - this._itemsInVisibleArea);
transform = Math.round(transform * 10) / 10;
if (transform < -endTransformValue || transform > 0) {
return;
}
this._$controlPrev.classList.remove(CLASS_CONTROL_HIDE);
this._$controlNext.classList.remove(CLASS_CONTROL_HIDE);
if (transform === -endTransformValue) {
this._$controlNext.classList.add(CLASS_CONTROL_HIDE);
} else if (transform === 0) {
this._$controlPrev.classList.add(CLASS_CONTROL_HIDE);
}
}
var activeIndex = [];
var i = 0;
var length;
var index;
var newIndex;
if (this._direction === 'next') {
for (i = 0, length = this._activeItems.length; i < length; i++) {
index = this._activeItems[i];
newIndex = ++index;
if (newIndex > this._$itemList.length - 1) {
newIndex -= this._$itemList.length;
}
activeIndex.push(newIndex);
}
} else {
for (i = 0, length = this._activeItems.length; i < length; i++) {
index = this._activeItems[i];
newIndex = --index;
if (newIndex < 0) {
newIndex += this._$itemList.length;
}
activeIndex.push(newIndex);
}
}
this._activeItems = activeIndex;
this._setActiveClass();
this._updateIndicators();
this._transform = transform;
this._$items.style.transform = 'translateX(' + transform + '%)';
this._$items.dispatchEvent(new CustomEvent('transition-start', {bubbles: true}));
};
// _moveToNext
ChiefSlider.prototype._moveToNext = function() {
this._direction = 'next';
this._move();
};
// _moveToPrev
ChiefSlider.prototype._moveToPrev = function() {
this._direction = 'prev';
this._move();
};
// _moveTo
ChiefSlider.prototype._moveTo = function(index) {
var $indicatorList = this._$indicatorList;
var nearestIndex = null;
var diff = null;
var i;
var length;
for (i = 0, length = $indicatorList.length; i < length; i++) {
var $indicator = $indicatorList[i];
if ($indicator.classList.contains(CLASS_INDICATOR_ACTIVE)) {
var slideTo = +$indicator.dataset.slideTo;
if (diff === null) {
nearestIndex = slideTo;
diff = Math.abs(index - nearestIndex);
} else {
if (Math.abs(index - slideTo) < diff) {
nearestIndex = slideTo;
diff = Math.abs(index - nearestIndex);
}
}
}
}
diff = index - nearestIndex;
if (diff === 0) {
return;
}
this._direction = diff > 0 ? 'next' : 'prev';
for (i = 1; i <= Math.abs(diff); i++) {
this._move();
}
};
// _autoplay
ChiefSlider.prototype._autoplay = function(action) {
if (!this._config.autoplay) {
return;
}
if (action === 'stop') {
clearInterval(this._intervalId);
this._intervalId = null;
return;
}
if (this._intervalId === null) {
this._intervalId = setInterval(
function() {
this._direction = 'next';
this._move();
}.bind(this),
this._config.interval
);
}
};
// _refresh
ChiefSlider.prototype._refresh = function() {
// create some constants
var $itemList = this._$itemList;
var widthItem = $itemList[0].offsetWidth;
var widthWrapper = this._$wrapper.offsetWidth;
var itemsInVisibleArea = Math.round(widthWrapper / widthItem);
if (itemsInVisibleArea === this._itemsInVisibleArea) {
return;
}
this._autoplay('stop');
this._$items.classList.add(SLIDER_TRANSITION_OFF);
this._$items.style.transform = 'translateX(0)';
// setting properties after reset
this._widthItem = widthItem;
this._widthWrapper = widthWrapper;
this._itemsInVisibleArea = itemsInVisibleArea;
this._transform = 0;
this._transformStep = 100 / itemsInVisibleArea;
this._balancingItemsFlag = false;
this._activeItems = [];
// setting order and translate items after reset
for (var i = 0, length = $itemList.length; i < length; i++) {
var $item = $itemList[i];
var position = i;
$item.dataset.index = position;
$item.dataset.order = position;
$item.dataset.translate = 0;
$item.style.transform = 'translateX(0)';
if (position < itemsInVisibleArea) {
this._activeItems.push(position);
}
}
this._setActiveClass();
this._updateIndicators();
window.requestAnimationFrame(
function() {
this._$items.classList.remove(SLIDER_TRANSITION_OFF);
}.bind(this)
);
// hide prev arrow for non-infinite slider
if (!this._config.loop) {
if (this._$controlPrev) {
this._$controlPrev.classList.add(CLASS_CONTROL_HIDE);
}
return;
}
// translate last item before first
var count = $itemList.length - 1;
var translate = -$itemList.length * 100;
$itemList[count].dataset.order = -1;
$itemList[count].dataset.translate = -$itemList.length * 100;
$itemList[count].style.transform = 'translateX('.concat(translate, '%)');
// update values of extreme properties
this.__refreshExtremeValues();
// calling _autoplay
this._autoplay();
};
// public
ChiefSlider.prototype.next = function() {
this._moveToNext();
};
ChiefSlider.prototype.prev = function() {
this._moveToPrev();
};
ChiefSlider.prototype.moveTo = function(index) {
this._moveTo(index);
};
ChiefSlider.prototype.refresh = function() {
this._refresh();
}; </script>
</div></div>
<style>
#ltBlock1628232621 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1628232621" data-block-id="1637460377"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-e8858"
>
<div class="lt-block-wrapper">
<style id="rawCss3012157">@media(min-width: 1020px){
#ltBlock1635262259, #ltBlock1795914926, #ltBlock1963135866{
background:#222!important;
}
#ltBlock1795914926 > * {
color: #fff!important;
}
.course-title{
color:#fff!important;
}
}
#ltBlock1309759414 {
height: 0!important;
}
#ltBlock1309771968 {
z-index: 99999;
}
#ltBlock1309771964 {
position: sticky;
top: 0;
z-index: 9999;
}
@media(max-width:1020px){
.nav_item .main_link {
color: #000;
}
.main_nav{
background:#fff;
}
.logo img {
filter: invert(1);
}
.user_name{
color:#000 !important;
}
}
@media(max-width:760px){
.balance-container{
display:none!important;
}
}
@media (max-width: 425px) {
#ltBlock1309771964 {
position: sticky;
top: 50px;
z-index: 9999;
}
}
#ltBlock1162133186 {
background: #5E17EB!important;
}
#ltBlock1575753960 {
}
</style>
</div></div>
<style>
#ltBlock1639622669 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1639622669" data-block-id="1639631390"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-e9135"
>
<div class="lt-block-wrapper">
<style id="rawCss8058255">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
/*@font-face{
font-family: "CraftworkGrotesk-Bold";
src: url('/fileservice/file/download/h/0904f77f242eaad6538dab3cce7896e9.ttf/a/1005/sc/257') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-Medium";
src: url('/fileservice/file/download/h/0d383b8c39c507c8af401862fa7b6c57.ttf/a/1005/sc/150') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-SemiBold";
src: url('/fileservice/file/download/h/25993dbe2ba1c721f4cadfa44fbc4e98.ttf/a/1005/sc/384') format('truetype');
}
@font-face{
font-family: "CraftworkGrotesk-Heavy";
src: url('/fileservice/file/download/h/78cc3a46660cdd4d42c1e1f4b6d61632.ttf/a/1005/sc/186') format('truetype');
}
.consultation .f-header p{
font-family:'CraftworkGrotesk-Bold', sans-serif !important;
}
.consultation .f-text p{
font-family:'CraftworkGrotesk-Medium', sans-serif !important;
}
.consultation button{
font-family:'CraftworkGrotesk-SemiBold', sans-serif !important;
font-weight:600!important;
}*/</style>
</div></div>
<style>
#ltBlock1795911017 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795911017" data-block-id="1795912291"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-a1363"
>
<div class="lt-block-wrapper">
<style id="rawCss5948307">.g-fl{
display:flex;
align-items:center;
}
.g-fl-img{
margin-right:10px;
}
.f-header.f-header-52 {
font-size: 50px;
}
.boxs{
background: #FFFFFF;
box-shadow: -6px -1px 8px rgba(0, 102, 153, 0.2), 3px 4px 14px rgba(0, 102, 153, 0.34);
border-radius: 30px;
padding:23px;
}
.svg-center svg{
vertical-align:middle;
}
.txt-up p{
text-transform:uppercase;
}
.txt-up {
text-transform:uppercase;
}
@media(max-width:1020px){
.boxs{
padding:10px 20px;
}}
.form-mark{
background: #D61355!important;
color:#fff!important;
padding: 10px 5px !important;
border-radius: 10px !important;
}
.lt-anchor{
height: 0 !important;
}
.fw-400 p, .fw-400 ul{
font-weight:400;
}
.fw-500 p{
font-weight:500;
}
.fw-600 p{
font-weight:600;
}
.fw-700 p{
font-weight:700;
}
.fw-800 p{
font-weight:800;
}
.fw-900 p{
font-weight:900;
}
.fs-16 p{
font-size:16px;
}
.fs-20 p, .fs-20 ul {
font-size:20px;
}
.fs-22 p{
font-size:22px;
}
.fs-24 p{
font-size:24px;
}
.fs-26 p{
font-size:26px;
}
.fs-18 p{
font-size:18px;
}
.fs-28 p{
font-size:28px;
}
.fs-30 p{
font-size:30px;
}
.fs-32 p{
font-size:32px;
}
.fs-34 p{
font-size:34px;
}
.fs-38 p{
font-size:38px;
}
.fs-46 p{
font-size:46px;
}
.fs-40 p{
font-size:40px;
}
.fs-41 p{
font-size:52px;
}
.fs-55 p{
font-size:55px;
}
.fs-60 p{
font-size:60px;
}
.lh-30 p{
line-height:125%;
}
.lh-20 p{
line-height:120%;
}
.lh-110 p{
line-height:110%;
}
.lh-100 p{
line-height:100%;
}
@media(max-width:580px){
.fs-26 p{
font-size:18px;
}
.fs-22 p{
font-size:16px;
}
.fs-24 p{
font-size:18px;
}
.fs-30 p{
font-size:23px;
}
.fs-32 p{
font-size:24px;
}
.fs-34 p{
font-size:30px;
}
.fs-46 p{
font-size:30px;
}
.fs-41 p{
font-size:30px;
}
.fs-38 p{
font-size:24px;
}
.fs-60 p{
font-size:32px;
}
}
.mob-br{
display:none;
}
@media(max-width:760px){
.mob-br{
display:block;
}
.d-br{
display:none;
}
.fs-40 p{
font-size:32px;
}
.f-header.f-header-36 {
font-size: 23px;
}
.f-header.f-header-52 {
font-size: 32px;
}
.fs-55 p{
font-size:32px;
}
/*.modal-block-content{
padding-right:8px!important;
padding-left:8px!important;
} */
}
@media (max-width: 335px){
.f-header.f-header-36 {
font-size: 23px;
}
}</style>
</div></div>
<style>
#ltBlock1795911227 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795911227" data-block-id="1795912292"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-0c20a"
>
<div class="lt-block-wrapper">
<style id="rawCss6408436">.gc-modal .modal-content {
border-radius: 20px;
}
.lt-block-modal-window.modal.in .modal-dialog {
margin-top: 65px;
}
.lt-block-modal-window.modal.in .modal-dialog .modal-content {
background-color: #ffffff;
box-shadow: none;
border: none;
}
.gc-modal.lt-block-modal-window .gc-modal-content {
overflow: visible;
}
.gc-modal.lt-block-modal-window .lt-block-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.gc-modal .close-btn {
background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/252/h/99f604a9c89051e0ca399bd2edca0f67.svg);
background-repeat:no-repeat;
background-size: contain;
height: 32px;
width: 32px;
right: auto;
top: 16px;
left: 50%;
transform: translateX(-50%);
}
.gc-modal .close-btn i {
display: none;
}
.modal-backdrop.in {
opacity: 0.8;
background-color: #0b0c0f;
}
@media(min-width:1020px){
.lt-block-modal-window.modal.in .modal-dialog .modal-content {
border-radius: 10px;
}
}
@media only screen and (max-width: 640px) {
.gc-modal .modal-dialog {
padding-top: 0;
margin: 0;
}
.lt-block-modal-window .modal-content {
margin: 0!important;
}
.gc-modal.lt-block-modal-window .lt-block-wrapper {
padding-left: 0;
padding-right: 0;
}
}
</style>
</div></div>
<style>
#ltBlock1639623476 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1639623476" data-block-id="1639631391"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-e697a"
>
<div class="lt-block-wrapper">
<style id="rawCss5373799">.b2-fl{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.b2-col{
flex: 0 1 49%;
background: #FAF8FF;
border-radius: 16px;
padding:20px 20px 20px 20px;
}
.b2-num{
font-size: 50px;
font-weight:900 !important;
color: #6457F8;
text-align:center;
padding-bottom:5px;
}
.b2-txt{
font-size:16px;
font-weight:500;
}
@media(max-width:760px){
.mob-mr{
margin-bottom:15px!important;
}
.b2-fl{
margin:0;
}
.b2-num{
font-size:32px;
}
.b2-txt{
font-size:13px;
}
.b2-col{
width:48%;
flex: 0 0 48%;
background: #FAF8FF;
border-radius: 16px;
padding:20px 15px 15px 15px;
}
.mr-r{
margin-right:16px;
}
}
@media(max-width:350px){
.b2-num{
font-size:28px;
}
}</style>
</div></div>
<style>
#ltBlock1795922867 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795922867" data-block-id="1795922994"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-c1664"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs4136547">
if (location.href.indexOf('courses') > 0) {
setTimeout(() => {
document.querySelector('.start-blocks').scrollIntoView(top);
}, 2000)
} </script>
</div></div>
<style>
#ltBlock1795923152 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795923152" data-block-id="1795923254"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-40eae"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs5690133">
/* $('body').prepend(`
<div id="preloader">
<div id="loader">
<div class="spinner"></div>
</div>
</div>
`);
setTimeout(function(){
$('#preloader').fadeOut();
$('.spinner').delay(250).fadeOut('slow');
}, 2500);
*/
</script>
</div></div>
<style>
#ltBlock1795923216 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795923216" data-block-id="1795923253"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-8cad9"
>
<div class="lt-block-wrapper">
<style id="rawCss9921629">/*#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
background: #fff;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: -75px;
z-index: 100001;
}
.loaded #loader {
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.loaded #preloader {
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s 0.5s ease-out;
transition: all .3s 0.5s ease-out;
}
.spinner {
width: 70px;
height: 70px;
background: linear-gradient(170deg, #5B4DFF 0%, #A098FF 100%);
border-radius:100%;
margin: 20px auto;
-webkit-animation: lds-circle 4.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
animation: lds-circle 4.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@-webkit-keyframes lds-circle {
0%, 100% {
animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
0% {
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
}
50% {
transform: rotateY(1800deg);
-webkit-transform: rotateY(1800deg);
animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
-webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
100% {
transform: rotateY(3600deg);
-webkit-transform: rotateY(3600deg);
}
}
*/</style>
</div></div>
<style>
@media(min-width:1020px){
#ltBlock1795927370
.col-md-7{
flex: 0 0 60% !important;
}
#ltBlock1795927370
.col-md-5{
flex: 0 0 40% !important;
}
}
@media(max-width:1020px){
#ltBlock1795927370
.flex-container {
flex-wrap: wrap;
}
}
#ltBlock1795927370
.block2-icon{
position:absolute;
top:18px;
right:25px;
} </style>
<style>
#ltBlock1795927370 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 0px }
@media (min-width: 1021px) {
#ltBlock1795927370 {
display: none;
}
}
</style>
<div id="ltBlock1795927370" data-block-id="1795929233"
data-has-css="true" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard"
data-code="b-945be"
>
<div class="lt-block-wrapper">
<div class="my-container flex-container wrap-col">
<div
id="builder8047575"
class="builder flex-column col-md-7 col-md-offset-0"
data-path="column1"
>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Стиль блока" data-setting-editable="true"></div>
<div
data-param="column1/parts/field4761"
data-item-name="field4761"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-html "
>
<div data-raw-editable="true" data-param="column1/parts/field4761/inner/value" data-mode="text/html"><div class="b2-fl">
<div class="b2-col"> <p class="b2-num">1100К</p>
<p class="b2-txt">учеников по всему миру</p>
</div>
<div class="b2-col">
<p class="b2-num">97% </p>
<p class="b2-txt">учеников готовы рекомендовать наши курсы друзьям</p>
</div>
</div></div></div>
<style>
</style> <div
data-param="column1/parts/field4761_85"
data-item-name="field4761_85"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-html mob-mr"
>
<div data-raw-editable="true" data-param="column1/parts/field4761_85/inner/value" data-mode="text/html"><div class="b2-fl">
<div class="b2-col"> <p class="b2-num">12 </p>
<p class="b2-txt">классических и современных направлений</p>
</div>
<div class="b2-col">
<p class="b2-num">5 </p>
<p class="b2-txt">доступных языков: русский, английский, немеций, португальский, испанский</p>
</div>
</div></div></div>
<style>
</style> </div>
<style>
#builder8047575 {
; }
</style>
<script>
$( function() {
if( $('#builder8047575 input[type="radio"]').length == 1 && $('#builder8047575 input[type="radio"]').prop('checked') ) {
$('#builder8047575 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
<div
id="builder5400648"
class="builder flex-column col-md-5 col-md-offset-0"
data-path="column2"
>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Стиль блока" data-setting-editable="true"></div>
</div>
<style>
#builder5400648 {
align-self:stretch; }
</style>
<script>
$( function() {
if( $('#builder5400648 input[type="radio"]').length == 1 && $('#builder5400648 input[type="radio"]').prop('checked') ) {
$('#builder5400648 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div></div>
<style>
@media(min-width:1020px){
#ltBlock1795927413
.col-md-7{
flex: 0 0 60% !important;
}
#ltBlock1795927413
.col-md-5{
flex: 0 0 40% !important;
}
}
#ltBlock1795927413
.lt-block-wrapper{
margin-right:15px!important;
margin-left:15px!important;
border-radius: 20px;
background: linear-gradient(170deg, #5B4DFF 0%, #A098FF 100%)!important;
}
#ltBlock1795927413
.flex-container {
flex-wrap: wrap;
}
#ltBlock1795927413
div[data-path="column2"]{
position:relative;
}
#ltBlock1795927413
.block2-icon{
position:absolute;
top:10px;
right:10px;
} </style>
<style>
#ltBlock1795927413 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 30px; color: #fff }
@media (min-width: 1021px) {
#ltBlock1795927413 {
display: none;
}
}
</style>
<div id="ltBlock1795927413" data-block-id="1795929234"
data-has-css="true" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard"
data-code="b-3d98c"
>
<div class="lt-block-wrapper">
<div class="my-container flex-container wrap-col">
<div
id="builder787051"
class="builder flex-column col-md-0 col-md-offset-0"
data-path="column1"
>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Стиль блока" data-setting-editable="true"></div>
</div>
<style>
#builder787051 {
; }
</style>
<script>
$( function() {
if( $('#builder787051 input[type="radio"]').length == 1 && $('#builder787051 input[type="radio"]').prop('checked') ) {
$('#builder787051 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
<div
id="builder5697961"
class="builder flex-column col-md-12 col-md-offset-0"
data-path="column2"
>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Стиль блока" data-setting-editable="true"></div>
<div
data-param="column2/parts/field1301"
data-item-name="field1301"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='column2/parts/field1301/inner/text' class='f-header f-header-36'><p>бесплатная консультация по выбору курса!</p></div></div>
<style>
</style> <div
data-param="column2/parts/field92965"
data-item-name="field92965"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text block2-icon text-right"
>
<div style='' class='text-normal f-text' data-param='column2/parts/field92965/inner/text' data-editable='true'><div class="image-box">
<img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/139/h/56e2a0e727aa4551650cb42d29e5c66d.svg">
</div></div></div>
<style>
</style> <div
data-param="column2/parts/field90565"
data-item-name="field90565"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500"
>
<div style='' class='text-subnormal f-text' data-param='column2/parts/field90565/inner/text' data-editable='true'><p>Сложно определиться? Остались вопросы по курсу? Персональный менеджер поможет</p></div></div>
<style>
</style> <div
data-param="column2/parts/field2549"
data-item-name="field2549"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 0px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button text-center"
>
<button type="button"
id="button6365280" class="btn f-btn button-md btn-success"
style="color: #000; background-color: #ffffff; border-radius: 6px !important; ">
Хочу консультацию</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #000;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton6365280']) {
e.preventDefault();
return false;
} else {
$('#button6365280').addClass('disabled');
window['prsbutton6365280'] = true;
setTimeout(function(){window['prsbutton6365280'] = false;$('#button6365280').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button6365280' ).click( function(e) {
//disableButton(e);
ltShowModalBlock("b-3ea6a") } );
});
</script>
</div>
<style>
</style> </div>
<style>
#builder5697961 {
align-self:stretch; }
</style>
<script>
$( function() {
if( $('#builder5697961 input[type="radio"]').length == 1 && $('#builder5697961 input[type="radio"]').prop('checked') ) {
$('#builder5697961 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div></div>
<style>
#ltBlock1795927413 hr.separator {
border-color: #fff;
}
#ltBlock1795927413 .f-text {
color: #fff;
}
</style>
<style>
#ltBlock1639631454 form{
background:#FAF8FF;
border-radius:16px;
padding:20px;
}
#ltBlock1639631454
input{
border: none;
background:transparent;
border-bottom:1px solid #121212;
} </style>
<style>
#ltBlock1639631454 .lt-block-wrapper {
padding-top: 75px; padding-bottom: 75px; background-color: #FAF8FF }
</style>
<div id="ltBlock1639631454" data-block-id="1639632486"
data-has-css="true" class="lt-block lt-view form02 lt-form lt-form-normal lt-modal-block lt-modal-block lt-system-block consultation"
data-code="b-3ea6a"
data-modal-width="70%" >
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-8 col-md-offset-2" style="">
<form
id="ltForm7812798"
class="
lt-normal-form
lt-form-inner
lt-form
"
action="https://kalachevaschool.ru/pl/lite/block-public/process?id=1639632486"
method="post"
data-open-new-window="0"
>
<input type="hidden" name="formParams[setted_offer_id]" class="external-value offer_id">
<div class="form-result-block"></div>
<div class="form-content">
<div
id="builder1397530"
class="builder "
data-path="form/items"
>
<div
data-param="form/items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; color: #6457F8; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header fs-32 text-center"
>
<div data-editable=true data-param='form/items/parts/header1/inner/text' class='f-header f-header-36'><p>бесплатная консультация <br class="d-br">по выбору курса!</p></div></div>
<style>
</style> <div
data-param="form/items/parts/emailField"
data-item-name="emailField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard7876423" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваш эл. адрес" name="formParams[email]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/nameField"
data-item-name="nameField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard8042495" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваше имя" name="formParams[full_name]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/phoneField"
data-item-name="phoneField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard1719435" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваш телефон" name="formParams[phone]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/submitButton"
data-item-name="submitButton"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button text-center"
>
<button type="submit"
id="button6664487" data-btn-locked disabled="disabled" class="btn f-btn button-md btn-success"
style="color: #fff; background-color: #6457F8; border-radius: 16px !important; ">
Хочу консультацию</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #fff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton6664487']) {
e.preventDefault();
return false;
} else {
$('#button6664487').addClass('disabled');
window['prsbutton6664487'] = true;
setTimeout(function(){window['prsbutton6664487'] = false;$('#button6664487').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button6664487' ).click( function(e) {
//disableButton(e);
} );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder1397530 input[type="radio"]').length == 1 && $('#builder1397530 input[type="radio"]').prop('checked') ) {
$('#builder1397530 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="form/formBox" data-title="Стиль блока" data-setting-editable="true"></div>
<div class="common-setting-link form-setting-link"
data-icon-class="fa fa-wpforms"
data-param="form/handler"
data-title="Что делать после заполнения"
data-setting-editable="true"
></div>
</form>
<script>
$( function() {
$('#ltForm7812798').liteForm();
} );
</script>
<style>
#ltForm7812798 {
; }
</style>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1628232629 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1628232629" data-block-id="1637460378"
class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block"
data-code="b-e47f5"
>
<div class="lt-block-wrapper">
<div class="edit-block btn-settings">
Ссылка на это место страницы:
<a class="anchor" data-anchor="courses" name='courses' id='courses' href="#courses">#courses</a>
</div>
</div></div>
<style>
@media (max-width:425px) {
#ltBlock1801615154
.lt-block-wrapper {
margin-bottom: -20px;
}
#ltBlock1801615154
p {
font-weight: normal!important;
}
} </style>
<style>
#ltBlock1801615154 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 0px; background-color: #fff; color: #000 }
@media (min-width: 1021px) {
#ltBlock1801615154 {
display: none;
}
}
</style>
<div id="ltBlock1801615154" data-block-id="1801618058"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common"
data-code="b-098e4"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #000">
<div
id="builder2182629"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-left"
>
<div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>Выбирайте курсы на свой вкус и цвет</p></div></div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder2182629 input[type="radio"]').length == 1 && $('#builder2182629 input[type="radio"]').prop('checked') ) {
$('#builder2182629 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1801615154 hr.separator {
border-color: #000;
}
#ltBlock1801615154 .f-text {
color: #000;
}
</style>
<style>
@media (max-width:425px) {
#ltBlock1628232630
.lt-block-wrapper {
margin-bottom: -20px;
}
#ltBlock1628232630
p {
font-weight: normal!important;
}
} </style>
<style>
#ltBlock1628232630 .lt-block-wrapper {
padding-top: 30px; padding-bottom: 0px; background-color: #222; color: #fff }
@media (max-width: 1020px) {
#ltBlock1628232630 {
display: none;
}
}
</style>
<div id="ltBlock1628232630" data-block-id="1637460379"
data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common"
data-code="b-c231e"
>
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-12 text-left" style="color: #fff">
<div
id="builder1568457"
class="builder animated-block"
data-path="items"
data-animation-order="in-turn">
<div
data-param="items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header te text-left"
>
<div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>Выбирайте курсы на свой вкус и цвет</p></div></div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder1568457 input[type="radio"]').length == 1 && $('#builder1568457 input[type="radio"]').prop('checked') ) {
$('#builder1568457 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock1628232630 hr.separator {
border-color: #fff;
}
#ltBlock1628232630 .f-text {
color: #fff;
}
</style>
<style>
#ltBlock1795914926 /*.course-price-button{
display:none;
}
#ltBlock1795914926
*/
.course {
background: none!important;
}
#ltBlock1795914926
img {
border-radius: 10px;
}
#ltBlock1795914926
.tag-yellow {
color: #2E2E2E!important;
}
#ltBlock1795914926
.course-price-button {
border-radius: 10px;
}
#ltBlock1795914926
.catalog-pager-page.__selected {
background-color: #FD4D7F!important;
}
#ltBlock1795914926
.tag-purple {
color: #000!important;
background: #EFF358!important;
}
#ltBlock1795914926
input {
color: #000!important;
}
</style>
<style>
#ltBlock1795914926 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 45px }
</style>
<div id="ltBlock1795914926" data-block-id="1795915491"
data-has-css="true" class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-33a0f"
>
<div class="lt-block-wrapper">
<div id="rawHtml3385681" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div id="main-block" class="catalog container">
<div class='catalog-filters'></div>
<div class='catalog-content'>
<div class="input-group">
<input type="text" class="form-control" placeholder="Поиск" id="searchBar"/>
<div class="input-group-btn">
<button class="btn btn-primary" type="submit">
<span class="glyphicon glyphicon-search"></span>
</button>
</div>
</div>
<div class='catalog-pager'></div>
<div class='catalog-courses'></div>
<div class='catalog-pager'></div>
</div>
</div>
<link rel='stylesheet' type='text/css' href="/chtm/utilities.css"/>
<link rel='stylesheet' type='text/css' href="/chtm/courses.css"/>
<script src="/chtm/catalog_libs.js"></script>
<script src="/chtm/catalog_search2.js"></script>
</div>
</div></div>
<style>
#ltBlock1932182784 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1932182784" data-block-id="1932184254"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-aa65c"
>
<div class="lt-block-wrapper">
<style id="rawCss983762">.course{
position:relative;
}
.sale-sticker{
position:absolute;
right:10px;
top:10px;
}
.sale-sticker mark{
border-radius:10px!important;
font-size:16px!important;
padding:5px!important;
font-weight:600!important;
}
/*
.course-body:before {
display: block;
content: '';
background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/221/h/3d89968766a5c277ae06c59ba5f4be8d.svg');
background-repeat: no-repeat;
background-size: contain;
height: 70.8px;
position: absolute;
top: -3px;
right: 0;
width: 105px;
}
.course{
position:relative!important;
}*/</style>
</div></div>
<style>
#ltBlock2009096475 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock2009096475" data-block-id="2009099373"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-91c77"
>
<div class="lt-block-wrapper">
<style id="rawCss858653">.cst-container .container, .cst-container .my-container{
padding:40px;
border-radius:50px;
background:#000;
}
@media(max-width:1020px){
.cst-container .container, .cst-container .my-container{
padding:20px 5px!important;
border-radius:30px!important;
margin:0 16px;
}
}</style>
</div></div>
<style>
#ltBlock2009096525 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock2009096525" data-block-id="2009099374"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-7fa15"
>
<div class="lt-block-wrapper">
<style id="rawCss1628875">/*@media(min-width:1020px){
.container{
max-width:1080px !important;
}
.my-container {
max-width:1080px !important;
}
}*/
p{
text-wrap: balance;
}
.g-fl{
display:flex;
align-items:center;
}
p{
line-height:120%!important;
}
.svg-center svg{
vertical-align:middle;
}
.txt-up p{
text-transform:uppercase;
}
.vhi-iframe {
border-radius: 20px !important;
}
.txt-und p{
text-decoration:underline;
}
.f-header.f-header-52 {
font-size: 50px;
}
.f-header.f-header-64 {
font-size: 40px;
}
.boxs{
background: #FFFFFF;
box-shadow: -6px -1px 8px rgba(0, 102, 153, 0.2), 3px 4px 14px rgba(0, 102, 153, 0.34);
border-radius: 30px;
padding:23px;
}
.lh-20 p{
line-height: 120%;
}
@media(max-width:1020px){
.boxs{
padding:10px 20px;
}}
.form-mark{
background: #D61355!important;
color:#fff!important;
padding: 10px 5px !important;
border-radius: 10px !important;
}
.lt-anchor{
height: 0 !important;
}
.t-up{
text-transform:uppercase;
}
.fw-400 p{
font-weight:400;
}
.fw-500 p{
font-weight:500;
}
.fw-600 p{
font-weight:600;
}
.fw-700 p{
font-weight:700;
}
.fw-800 p{
font-weight:800;
}
.fw-900 p{
font-weight:900;
}
.fs-16 p{
font-size:16px;
}
.fs-20 p{
font-size:20px;
}
.fs-22 p{
font-size:22px;
}
.fs-24 p{
font-size:24px;
}
.fs-26 p{
font-size:26px;
}
.fs-18 p{
font-size:18px;
}
.fs-28 p{
font-size:28px;
}
.fs-30 p{
font-size:30px;
}
.fs-32 p{
font-size:32px;
}
.fs-36 p{
font-size:36px;
}
.fs-38 p{
font-size:38px;
}
.fs-46 p{
font-size:46px;
}
.fs-40 p{
font-size:40px;
}
.fs-41 p{
font-size:52px;
}
.fs-48 p{
font-size:48px;
}
.fs-60 p{
font-size:60px;
}
.lh-30 p{
line-height:125%;
}
@media(max-width:580px){
.fs-26 p{
font-size:18px;
}
.fs-22 p{
font-size:16px;
}
.fs-24 p{
font-size:18px;
}
.fs-30 p{
font-size:18px;
}
.fs-32 p{
font-size:26px;
}
.fs-46 p{
font-size:30px;
}
.fs-41 p{
font-size:30px;
}
.fs-38 p{
font-size:24px;
}
.fs-60 p{
font-size:32px;
}
}
.mob-br{
display:none;
}
.fs-20{
font-size:20px;
}
@media(max-width:760px){
.mob-br{
display:block;
}
.d-br{
display:none;
}
.fs-20{
font-size:18px;
}
.fs-40 p{
font-size:32px;
}
.fs-48 p{
font-size:32px;
}
.f-header.f-header-36 {
font-size: 24px;
}
.f-header.f-header-52 {
font-size: 32px;
}
.f-header.f-header-64 {
font-size: 28px;
}
.fs-18 p{
font-size:14px;
}
}
@media (max-width: 335px){
.f-header.f-header-36 {
font-size: 22px;
}
}</style>
</div></div>
<style>
#ltBlock2009096638 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock2009096638" data-block-id="2009099375"
class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block"
data-code="b-6bb4b"
>
<div class="lt-block-wrapper">
<div class="edit-block btn-settings">
Ссылка на это место страницы:
<a class="anchor" data-anchor="friend" name='friend' id='friend' href="#friend">#friend</a>
</div>
</div></div>
<style>
#ltBlock2009096421 mark{
background:#F0FD96;
padding:5px 10px;
}
@media(min-width:992px){
#ltBlock2009096421
.flex-container .col-md-5 {
flex: 0 1 31.666667%!important;
}
#ltBlock2009096421
.flex-container .col-md-7 {
flex: 0 1 66.66666667%!important;
}
}
#ltBlock2009096421
.lt-text-header-expand .header p {
border-bottom:1px dashed #fff;
}
#ltBlock2009096421
a, #ltBlock2009096421 .sp-a{
color:#9D5AE6;
text-decoration:underline;
font-weight:700;
cursor: pointer;
}
#ltBlock2009096421
p{
font-weight:500;
}
#ltBlock2009096421
li{
font-weight:500;
padding-top:15px;
}
@media(max-width:992px){
#ltBlock2009096421
.flex-container {
flex-direction: column-reverse!important;
}
}
@media(max-width:760px){
#ltBlock2009096421
.lt-block-wrapper{
padding-bottom:30px!important;
}
#ltBlock2009096421
a {
font-size: 4vw;
}
}
#ltBlock2009096421
li{
line-height:120%;
}
</style>
<style>
#ltBlock2009096421 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 45px; color: #ffffff }
</style>
<div id="ltBlock2009096421" data-block-id="2009099377"
data-has-css="true" data-has-limited-visibility="true" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard cst-container bg-black"
data-code="b-c1375"
>
<div class="lt-block-wrapper">
<div class="my-container flex-container wrap-col">
<div
id="builder4182411"
class="builder flex-column col-md-5 col-md-offset-0"
data-path="column1"
>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Стиль блока" data-setting-editable="true"></div>
<div
data-param="column1/parts/field10306"
data-item-name="field10306"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 10px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-image text-center"
>
<div id="image8632982" class="image-box"
data-img-title=""
data-img-src="https://fs24.getcourse.ru/fileservice/file/download/a/1005/sc/167/h/1ff98499675f37fca708b40ec8f0065a.png"
>
<img class="lazyload" src="https://fs24.getcourse.ru/fileservice/file/download/a/1005/sc/167/h/1ff98499675f37fca708b40ec8f0065a.png"
data-param="column1/parts/field10306/inner/image"
data-hash="1ff98499675f37fca708b40ec8f0065a.png"
data-image-editable="true"
title=""
alt=""
style=""
/>
<div data-editable="true" data-param="column1/parts/field10306/inner/image/caption" class="lt-image-caption">
</div>
</div>
</div>
<style>
</style> <div
data-param="column1/parts/field53102"
data-item-name="field53102"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text text-center"
>
<div style='font-size: 12px; ' class='text-accurate f-text' data-param='column1/parts/field53102/inner/text' data-editable='true'><p style="opacity: 0.7">Весна (Примавера). Деталь: Три грации Сандро Боттичелли • Живопись, 1482</p></div></div>
<style>
</style> </div>
<style>
#builder4182411 {
align-self:flex-start; }
</style>
<script>
$( function() {
if( $('#builder4182411 input[type="radio"]').length == 1 && $('#builder4182411 input[type="radio"]').prop('checked') ) {
$('#builder4182411 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
<div
id="builder9067991"
class="builder flex-column col-md-7 col-md-offset-0"
data-path="column2"
>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Стиль блока" data-setting-editable="true"></div>
<div
data-param="column2/parts/field50295"
data-item-name="field50295"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text "
>
<div style='' class='text-normal f-text' data-param='column2/parts/field50295/inner/text' data-editable='true'><p><mark><strong>Новинка</strong></mark></p></div></div>
<style>
</style> <div
data-param="column2/parts/field44823"
data-item-name="field44823"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header "
>
<div data-editable=true data-param='column2/parts/field44823/inner/text' class='f-header f-header-36'><p><strong>5000 РУБЛЕЙ ЗА ДРУГА</strong> </p></div></div>
<style>
</style> <div
data-param="column2/parts/field57175"
data-item-name="field57175"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 15px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500"
>
<div style='' class='text-normal f-text' data-param='column2/parts/field57175/inner/text' data-editable='true'><p>★ 500 бонусных рублей за каждого приведенного друга<br> ★ 5000 реальных рублей за первую оплату от друга</p></div></div>
<style>
</style> <div
data-param="column2/parts/field57175_47"
data-item-name="field57175_47"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 40px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500"
>
<div style='' class='text-normal f-text' data-param='column2/parts/field57175_47/inner/text' data-editable='true'><p>Приглашайте друзей рисовать и получайте 500 бонусных рублей за каждого приведенного друга на счёт в Школе. Другу достаточно зарегистрироваться на сайте Школы.
Если ваш друг совершит покупку, мы заплатим вам реальные деньги — 50% от стоимости оплаченного заказа, но не более 5000 руб. </p></div></div>
<style>
</style> <div
data-param="column2/parts/field57175_47_1"
data-item-name="field57175_47_1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 40px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-text fw-500"
>
<div style='' class='text-normal f-text' data-param='column2/parts/field57175_47_1/inner/text' data-editable='true'><p>Чтобы получить индивидуальную ссылку <span class="sp-a" onclick="ltShowModalBlock('b-3d068')"> войдите или зарегистрироуйтесь </span>
</p></div></div>
<style>
</style> <div
data-param="column2/parts/field28806"
data-item-name="field28806"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-textHeaderExpand "
>
<div id="textExpandHeader5256865" class="lt-text-header-expand">
<div data-editable="true" data-param="column2/parts/field28806/inner/header" data-main-class="header" class="header f-name f-name-lg">
<p>Подробнее</p></div>
<div data-editable="true" data-param="column2/parts/field28806/inner/text" data-main-class="text" class="text f-text hidden" >
<p> Инструкция, как получить бонусные рубли и реальные деньги:</p>
<ul>
<li> Поделитесь индивидуальной ссылкой с друзьями в любом мессенджере или социальной сети </li>
<li> Когда по вашей ссылке зарегистрируется новый пользователей и подтвердит свою почту — мы пришлем вам уведомление и начислим 500 бонусных рублей. Чем больше новых регистраций от вас, тем больше бонусных рублей </li>
<li> Когда ваш друг совершит первую покупку, мы начислим вам комиссию в размере 50% от ее стоимости, но не более 5000 руб. Это будут уже настоящие деньги, которые вы сможете вывести себе на карту или получить иным способом. </li>
</ul>
<p style="line-height:10px!important;"> <br> </p>
<p> *Новым учеником считается только тот, кто ранее не был зарегистрирован на сайте Kalacheva School</p></div>
</div>
<script>
$( '#textExpandHeader5256865 .header' ).click( function() {
$( '#textExpandHeader5256865 .text' ).toggleClass('hidden');
} );
</script>
</div>
<style>
</style> </div>
<style>
#builder9067991 {
align-self:center; }
</style>
<script>
$( function() {
if( $('#builder9067991 input[type="radio"]').length == 1 && $('#builder9067991 input[type="radio"]').prop('checked') ) {
$('#builder9067991 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
</div></div>
<style>
#ltBlock2009096421 hr.separator {
border-color: #ffffff;
}
#ltBlock2009096421 .f-text {
color: #ffffff;
}
</style>
<style>
#ltBlock2009098242 button{
width:100%;
} </style>
<style>
#ltBlock2009098242 .lt-block-wrapper {
padding-top: 75px; padding-bottom: 75px }
</style>
<div id="ltBlock2009098242" data-block-id="2009099379"
data-has-css="true" data-has-limited-visibility="true" class="lt-block lt-view form02 lt-form lt-form-normal lt-modal-block lt-modal-block lt-system-block"
data-code="b-3d068"
data-modal-width="70%" >
<div class="lt-block-wrapper">
<div class="container">
<div class="row">
<div class="modal-block-content block-box col-md-8 col-md-offset-2" style="">
<form
id="ltForm1292146"
class="
lt-normal-form
lt-form-inner
lt-form
"
action="https://kalachevaschool.ru/pl/lite/block-public/process?id=2009099379"
method="post"
data-open-new-window="0"
>
<input type="hidden" name="formParams[setted_offer_id]" class="external-value offer_id">
<div class="form-result-block"></div>
<div class="form-content">
<div
id="builder6204524"
class="builder "
data-path="form/items"
>
<div
data-param="form/items/parts/header1"
data-item-name="header1"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-header text-center"
>
<div data-editable=true data-param='form/items/parts/header1/inner/text' class='f-header f-header-26'><p>Чтобы получить индивидуальную ссылку войдите или зарегистрироуйтесь</p></div></div>
<style>
</style> <div
data-param="form/items/parts/nameField"
data-item-name="nameField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard7322590" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваше имя" name="formParams[full_name]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/emailField"
data-item-name="emailField"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-userField "
>
<div id="fieldStandard3220281" data-hide-filled="0"
>
<div class="field-content" >
<input type="text" maxlength="60" class="f-input" placeholder="Введите ваш эл. адрес" name="formParams[email]" value="">
</div>
</div>
</div>
<style>
</style> <div
data-param="form/items/parts/submitButton"
data-item-name="submitButton"
data-title="Элемент"
data-animation-mode="no"
style="margin-bottom: 25px; border-radius: ; "
data-setting-editable="true"
class="builder-item part-button g text-center"
>
<button type="submit"
id="button2727150" data-btn-locked disabled="disabled" class="btn f-btn button-md btn-success"
style="color: #ffffff; background-color: #EB44FF; ">
Продолжить</button>
<style>
.btn.f-btn.button-sm {
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
min-height: 46px;
}
.btn.f-btn.button-lg {
padding-left: 70px;
padding-right: 70px;
min-height: 74px;
font-size: 20px;
}
.btn.f-btn.button-md {
padding-left: 60px;
padding-right: 60px;
min-height: 60px;
font-size: 16px;
}
.lt-menu .btn.f-btn.button-md {
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
font-size: 14px;
}
.lt-menu .btn.f-btn.button-sm {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
min-height: 18px;
}
.lt-menu .btn.f-btn.button-lg {
padding-left: 40px;
padding-right: 40px;
min-height: 47px;
font-size: 18px;
}
.btn.f-btn:disabled,
.btn.f-btn[disabled] {
cursor: not-allowed;
color: transparent;
filter: alpha(opacity=65);
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.f-btn {
position: relative;
}
@keyframes rotation-btn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
animation: rotation-btn 1s linear infinite;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
}
.btn.f-btn[disabled]:after, .btn.f-btn:disabled:after {
border-bottom-color: transparent;
}
.btn.f-btn.button-sm[disabled]:after, .btn.f-btn.button-sm:disabled:after {
width: 25px;
height: 25px;
border-width: 3px;
}
.btn.f-btn.button-lg[disabled]:after, .btn.f-btn.button-lg:disabled:after {
width: 40px;
height: 40px;
border-width: 4px;
}
.btn.f-btn.button-md[disabled]:after, .btn.f-btn.button-md:disabled:after {
width: 30px;
height: 30px;
border-width: 4px;
}
</style>
<script>
$( function() {
var disableButton = function (e) {
if (window['prsbutton2727150']) {
e.preventDefault();
return false;
} else {
$('#button2727150').addClass('disabled');
window['prsbutton2727150'] = true;
setTimeout(function(){window['prsbutton2727150'] = false;$('#button2727150').removeClass('disabled');}, 6000);
}
return true;
};
$( '#button2727150' ).click( function(e) {
//disableButton(e);
} );
});
</script>
</div>
<style>
</style> </div>
<script>
$( function() {
if( $('#builder6204524 input[type="radio"]').length == 1 && $('#builder6204524 input[type="radio"]').prop('checked') ) {
$('#builder6204524 input[type="radio"]').hide();
}
if ($('.animated-block').animatedBlock) {
$('.animated-block').animatedBlock();
}
} );
</script>
</div>
<div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="form/formBox" data-title="Стиль блока" data-setting-editable="true"></div>
<div class="common-setting-link form-setting-link"
data-icon-class="fa fa-wpforms"
data-param="form/handler"
data-title="Что делать после заполнения"
data-setting-editable="true"
></div>
</form>
<script>
$( function() {
$('#ltForm1292146').liteForm();
} );
</script>
<style>
#ltForm1292146 {
; }
</style>
</div>
</div>
</div>
</div></div>
<style>
#ltBlock57332 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock57332" data-block-id="57333"
data-has-limited-visibility="true" class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-2bd93"
>
<div class="lt-block-wrapper">
<div id="rawHtml7863925" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<script src="https://callback3.onlinepbx.ru/?cb-id=315d2f3e-72ab-4b66-8b64-501393113c41"></script> </div>
</div></div>
<style>
#ltBlock4719061 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock4719061" data-block-id="4719064"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-5cde6"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs5187729">
$windowWidth = $(window).width();
if ($windowWidth < 594) {
console.log('slicks');
$('.slider-plates .thumbnails-list').slick({ mobileFirst: true });
$('.lesson-list-01 .lesson-list').slick({ mobileFirst: true });
}
$('.slick-prev').attr('aria-label','Предыдущий урок');
$('.slick-next').attr('aria-label','Следующий урок'); </script>
</div></div>
<style>
#ltBlock813711 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock813711" data-block-id="813737"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-fe178"
>
<div class="lt-block-wrapper">
<style id="rawCss6727255">#ltBlock58290 .tlgm { background: url('/public/kalacheva/img/21x42-telegram.png') no-repeat center top;}
#ltBlock58290 .tlgm:hover { background-position:center bottom; }
.onpbxcb__button{
right: 15px!important;
bottom: 15px!important;
}
.footer-section.section-5 a {
color:#999
}
.youtube {
background: url(/public/kalacheva/img/21x42-youtube.png) no-repeat center top;
}
.youtube:hover {
background: url(/public/kalacheva/img/21x42-youtube.png) no-repeat center bottom;
}
</style>
</div></div>
<style>
#ltBlock65041 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock65041" data-block-id="65042"
class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-db360"
>
<div class="lt-block-wrapper">
<div id="rawHtml4225849" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<script type="text/javascript">(window.Image ? (new Image()) : document.createElement('img')).src = location.protocol + '//vk.com/rtrg?r=JaGU964H053mJtYdoLobBNHNbx6cTs2cFwM0nSimgNd62mbidSJzVEYyi6bdt0D3baz/BasCFoHEV8lWWMzbk8E8TDIlYLDCABKt6SuRgLylp6HE28T4vdy5Id4rMYeq/nLwf7CQvuFMtvZ*YQXzkbhM2cKFR3/xaCrhzisvlkM-';</script> </div>
</div></div>
<style>
#ltBlock58290 .policy {
margin:0 auto;
display:inline;
}
#ltBlock58290
.lines {
display:inline-block;
text-align:center;
padding:10px;
}
#ltBlock58290
.footer-container {
display:flex;
flex-flow:row wrap;
}
#ltBlock58290
.footer-container .f-header {
text-align:left;
}
#ltBlock58290
.footer-section {
flex:0 1 245px;
font-size:16px;
margin:10px 0;
}
#ltBlock58290
.footer-section ul>li>a {
color:#999999;
}
#ltBlock58290
.footer-section.section-4 {
margin-left:auto;
flex:0 1 274px;
}
#ltBlock58290
.footer-section.section-5 {
flex: 1 1 100%;
}
#ltBlock58290
.section-5 p {
margin-top:30px;
font-weight:bold;
}
#ltBlock58290
.footer-section ul {
list-style-type:none;
text-align:left;
padding:0;
}
@media all and (max-width:1199px) {
#ltBlock58290
.footer-section.section-4 {
margin-left:0;
flex:0 1 245px;
}
#ltBlock58290
.footer-container {
justify-content:center;
}
#ltBlock58290
.footer-section {
flex:0 1 200px;
font-size:90%;
margin:10px auto;
}
}
@media all and (max-width:992px) {
#ltBlock58290
.footer-section.section-2 {
display:none;
}
}
@media all and (max-width:719px) {
#ltBlock58290
.footer-section.section-3 {
display:none;
}
}
@media all and (max-width:554px) {
#ltBlock58290
.footer-section.section-1 {
display:none;
}
#ltBlock58290
.footer-section.section-4 {
margin:10px auto;
}
#ltBlock58290
.footer-section.section-4 .f-header, #ltBlock58290
.footer-section.section-4 ul {
text-align:center;
}
}
#ltBlock58290
.social {
display:inline-block;
height:21px;
width:21px;
padding:1px;
margin-top:1px;
margin-left:5px;
}
#ltBlock58290
.vk {
background:url('/public/kalacheva/img/21x42-vk.png') no-repeat center top;
}
#ltBlock58290
.vk:hover {
background-position:center bottom;
}
#ltBlock58290
.fb {
background:url('/public/kalacheva/img/21x42-fb.png') no-repeat center top;
}
#ltBlock58290
.fb:hover {
background-position:center bottom;
}
#ltBlock58290
.inst {
background:url('/public/kalacheva/img/21x42-inst.png') no-repeat center top;
}
#ltBlock58290
.inst:hover {
background-position:center bottom;
}
#ltBlock58290
.zen {
background:url('https://fs01.getcourse.ru/fileservice/file/download/a/1005/sc/14/h/d591a65e4d1609374846f8304c255ce6.png') no-repeat center top ;
}
#ltBlock58290
.zen:hover {
background-position:center bottom;
}
</style>
<style>
#ltBlock58290 .lt-block-wrapper {
padding-top: 45px; padding-bottom: 45px; background-color: #222; color: #ffffff }
</style>
<div id="ltBlock58290" data-block-id="58291"
data-has-css="true" class="lt-block lt-view raw-html lt-raw lt-raw-html"
data-code="b-62c92"
>
<div class="lt-block-wrapper">
<div id="rawHtml3689447" data-raw-editable="true" data-param="rawValue" data-mode="text/html">
<div class="container text-center">
<div class="footer-container">
<div class="footer-section section-1">
<h2 class="f-header f-header-26">Школа</h2>
<ul>
<li><a href="/blog">Блог</a></li>
<li><a href="/about">О школе</a></li>
<li><a href="/about/teachers">Преподаватели</a></li>
<li><a href="/about/welcome">Работа в школе</a></li>
<li><a href="/about/contacts">Контакты</a></li>
<li><a href="/for_partners">Партнерам</a></li>
<li><a href="/toinvite">Пригласить друзей</a></li>
<li><a href="/franchise">Франшиза</a></li>
<!--<li><a href="/getpartner">Партнерская программа</a></li> -->
</ul>
</div>
<div class="footer-section section-2">
<h2 class="f-header f-header-26">Ученики</h2>
<ul>
<li><a href="/feed/my">Лента работ</a></li>
<li><a href="/feed/rating">Рейтинг работ</a></li>
<li><a href="/feed/add">Добавить работу</a></li>
</ul>
</div>
<div class="footer-section section-3">
<h2 class="f-header f-header-26">Программы</h2>
<ul>
<li><a href="/lsp/plan">План обучения</a></li>
<li><a href="/courses/newbasiccourse">Базовый курс рисования</a></li>
<li><a href="/courses/watercolor2">Курс акварели для начинающих</a></li>
<li><a href="/courses/pastelforbeginners">Пастель для начинающих</a></li>
<li><a href="/courses/sketchbook">Скетчбук</a></li>
<li><a href="/craft">Школа ремесла</a></li>
<li><a href="/kids">Курсы для детей</a></li>
<li><a href="/certificates" style="color:yellow;">Подарите курс</a></li>
</ul>
</div>
<div class="footer-section section-4">
<h2 class="f-header f-header-26">Контакты</h2>
<ul>
<li><a href="tel:8 800 505-00-85"><nobr class="phone">8 800 505-00-85</nobr></a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li>ООО "ШРВК"</li>
<li>ИНН 9703013225</li>
<li>Москва, Столярный переулок, д.3, к.18</li>
<li style="padding-top:20px"><i class="fa fa-envelope" aria-hidden="true">
</i><a style="color:yellow;"> По вопросам сотрудничества:</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li style="padding-top:20px"><i class="fa fa-envelope" aria-hidden="true"></i>
Написать основателю школы</li>
<li>Матвею Калачеву</li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
<div class="footer-section section-5">
<p>Школа Вероники Калачевой, 2013—2024</p>
<p> <a class="social vk" href="//vk.com/kalachevaschool" target="_blank"></a>
<a class="social tlgm" href="https://tgclick.com/kalachevaSchool" target="_blank"></a>
<a class="social youtube" href="//www.youtube.com/channel/UCEa2IVXMq8sIadZdOWVe6-A?view_as=subscriber" target="_blank"></a>
<a class="social zen" href="https://zen.yandex.ru/id/5e8dace617dba3371914b93b" target="_blank"></a>
<!-- <a class="social fb" href="//www.facebook.com/kalachevaschool" target="_blank"></a>
<a class="social inst" href="//instagram.com/kalachevaschool" target="_blank"></a>-->
</p>
</div>
<div class="footer-section section-5">
<ul class="policy">
<li class="lines"><a href="/oferta">Договор-оферта</a></li>
<li class="lines"><a href="/privacy">Политика обработки персональных данных</a></li>
</ul>
</div>
</div> </div>
</div></div>
<style>
#ltBlock58290 hr.separator {
border-color: #ffffff;
}
#ltBlock58290 .f-text {
color: #ffffff;
}
</style>
<style>
#ltBlock38741826 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock38741826" data-block-id="38741836"
class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-ac5ee"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs8548785">
(function() {
var currentPath = location.pathname;
var container = document.querySelector('.lite-page.block-set > .container');
if (currentPath === '/blog') {
container.classList.add('filter-tiles');
}
})();
</script>
</div></div>
<style>
#ltBlock1795922765 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795922765" data-block-id="1795922995"
class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block"
data-code="b-621df"
>
<div class="lt-block-wrapper">
<style id="rawCss7260698">/**/
iframe[allow="microphone"]{
z-index: 2147483646!important;
}
#ltBlock1309759415 .tag-purple {
background: #ffd61e!important
}
/*
.close-modal{
width: 20px;
top: 25px;
position: absolute;
margin-right: 20px;
margin-left: 32px;
height: 20px;
cursor: pointer;
color: #000!important;
right: 0;
background-size: cover;
background-repeat: no-repeat;
}
.time-modal .is-global{
max-width: 100vw;
}
.time-modal{
left: 0;
bottom: 0;
top: 0;
right: 0;
position: fixed!important;
background: rgba(0, 0, 0, .6);
cursor: default;
z-index: 1111111111111111111;
}
.is-global{
position: absolute!important;
right: 55px!important;
bottom: 65px!important;
width: fit-content;
min-height: fit-content;
display: flex;
flex-direction: row;
background: #fff!important;
color: #000!important;
border: 1px solid lightgray;
border-radius: 30px;
padding: 40px;
align-items: center;
cursor: default;
transition: all .2s linear;
}
#reset-colors{
background: #fff!important;
color: #000!important;
}
.time-modal a{
margin-top: 20px;
}
.time-modal .time-modal-buttons{
display: flex;
margin-top: 35px;
align-items: center;
text-align: center;
}
.time-modal .time-modal-buttons button:not(:last-child){
margin-right: 15px;
}
.time-modal .default-link{
background: none!important;
color: #337ab7!important;
box-shadow: none!important;
}
.time-modal .time-modal-buttons button,
.time-modal a:not(.default-link){
border: none;
cursor: pointer;
color: #000!important;
border-radius: 16px;
background-color: #FFE600!important;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px!important;
font-family: Roboto!important;
font-style: normal!important;
font-weight: normal!important;
font-size: 18px!important;
line-height: 21px!important;
display: flex!important;
align-items: center!important;
padding: 12px 25px!important;
text-align: center!important;
}
.header-custom{
font-weight: bold;
font-size: 28.5714px;
line-height: 35px;
color: #000000;
}
.flex-column span{
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #000000;
}
.right-side{
margin-left: 15px;
text-align: left;
}
@media(max-width: 485px){
.flex-column span{
font-size: 14px;
line-height: normal;
}
.is-global,
#reset-colors{
right: 0!important;
left: 0!important;
margin-right: -30px;
}
.time-modal{
left: 0;
right: 0;
}
.time-modal-buttons{
flex-wrap: wrap;
justify-content: center;
}
.time-modal-buttons button:last-child{
margin-top: 20px;
}
.close-modal{
width: 20px;
top: 13px;
position: absolute;
margin-right: 20px;
margin-left: 32px;
height: 20px;
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNyA1LjU4NkwyLjA1LjYzNi42MzYgMi4wNSA1LjU4NiA3bC00Ljk1IDQuOTUgMS40MTQgMS40MTRMNyA4LjQxNGw0Ljk1IDQuOTUgMS40MTQtMS40MTRMOC40MTQgN2w0Ljk1LTQuOTVMMTEuOTUuNjM2IDcgNS41ODZ6Ii8+PC9zdmc+);
right: -5px;
background-size: cover;
background-repeat: no-repeat;
}
#reset-colors{
display: flex;
flex-direction: column;
right: 0!important;
bottom: 0!important;
padding: 10px!important;
border-radius: 0!important;
}
#reset-colors .right-side{
margin: 0!important;
text-align: center;
}
#reset-colors .right-side .time-modal-buttons{
margin-top: 0!important;
}
#reset-colors .right-side .header-custom{
font-size: 22px!important;
}
#reset-colors .right-side .time-modal-buttons a{
margin-top: 10px!important;
font-size: 13px!important;
line-height: normal!important;
}
#reset-colors .right-side .time-modal-buttons .default-link{
padding: 0!important;
margin-left: 10px!important;
}
#reset-colors img{
display: none!important;
}
}
*/</style>
</div></div>
<style>
#ltBlock1795922797 .lt-block-wrapper {
padding-top: 0px; padding-bottom: 0px }
</style>
<div id="ltBlock1795922797" data-block-id="1795922996"
data-has-limited-visibility="true" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block"
data-code="b-3c053"
>
<div class="lt-block-wrapper">
<script language="javascript" id="rawJs2128818">
/* document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
openLeesonModalNew();
}, 5000);//120000
}); */
/*
$(document).mouseleave(function(e){
if (e.clientY < 10 && !!document.querySelector('.time-modal') == false) {
openLeesonModalNew('Вам доступны бесплатные уроки');
}
})*/
/*
$(window).on("beforeunload", function() {
openLeesonModalNew('Вам доступны бесплатные уроки');
})*/
/*window.onunload = function() {
openLeesonModalNew('Вам доступны бесплатные уроки')
};
*/
/*function openLeesonModalNew(str = ''){
createModal(`
<div class="is-global" id="reset-colors">
<span class="close-modal" onclick="document.querySelector('.time-modal').remove()">х</span>
<div><img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/243/h/a686364f5bdb0ebc0bd017c98f19d356.png"></div>
<div class="flex-column right-side">
<h3 class="header-custom">Впервые у нас?</h3>
<span>Зарегистрируйтесь и получите 15
мастер-классов <br class="d-br">по самым популярным техникам + 4 детских МК </span>
<div class="time-modal-buttons">
<a href="/free_new" style="color: #000!important;">Получить</a>
<a class="default-link" href="/free_new">Подробнее</a>
</div>
</div>
</div>`, true
);
} */
/*
function openLeesonModalNew(str = ''){
createModal(`
<div class="is-global" id="reset-colors">
<span class="close-modal" onclick="document.querySelector('.time-modal').remove()">х</span>
<div><img src="https://fs.getcourse.ru/fileservice/file/download/a/1005/sc/243/h/a686364f5bdb0ebc0bd017c98f19d356.png"></div>
<div class="flex-column right-side">
<h3 class="header-custom">Впервые у нас?</h3>
<span>Зарегистрируйтесь и получите 10 бесплатных курсов навсегда </span>
<div class="time-modal-buttons">
<a href="/free_new?banner=true" style="color: #000!important;">Получить курсы</a>
</div>
</div>
</div>`, true
);
}
*/
/*const createModal = (nodeInner, isGlobal) => {
let modalNode = document.createElement('div');
modalNode.innerHTML = nodeInner;
modalNode.classList.add('time-modal');
document.querySelector('.lite-page').append(modalNode);
document.querySelector('.time-modal').addEventListener('click', () => {
if(event.target.classList.contains('time-modal')){
document.querySelector('.time-modal').removeEventListener('click', () => {});
document.querySelector('.time-modal').remove();
}
});
}
*/ </script>
</div></div>
</div>
<style>
body .block-set,
body .f-text,
body .description,
body .text,
body .image-box,
body .lt-form .f-input,
body .lt-form .field-label,
body .lt-form,
body .lt-block .f-btn,
body,
body .lt-menu .right-descr,
body .stsr05 .description,
body .comment-form-wrapper,
body .tag-editor,
body .comments-tree a,
body div.juxtapose,
body .fotorama__caption,
body .lt-column-with-icons .column .title,
body .stsr05
{
font-family: 'Montserrat', serif;;
}
body .f-header,
body .f-subheader,
body .f-desc,
body .f-name,
body .f-btn,
body .stsr05 .subheader,
body .stsr05 .header,
body .title {
font-family: 'Montserrat', serif;;
}
.gc-account-leftbar, .talks-widget-window, .page-edit-link, .create-link-link {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
</style>
</div>
<script src="/nassets/89bfd734/js/blueimp-gallery.min.js?v=1685613220"></script>
<script src="/nassets/89bfd734/js/jquery.blueimp-gallery.min.js?v=1685613220"></script>
<script src="/nassets/89bfd734/js/blueimp-gallery-indicator.js?v=1685613220"></script>
<script src="/nassets/ea3a51ee/js/modal.js?v=1685613220"></script>
<script src="https://vh-asset-static.vhcdn.com/vhstatic/gz/gc.ts.vh-bridge/app/10/vh.min.js"></script>
<script src="/nassets/74fe3495/js/cdnfeedback.js?v=1685613220"></script>
<script src="/nassets/74fe3495/js/videoplayer.js?v=1715600515"></script>
<script src="/nassets/a0fcbb24/fotorama.js?v=1685613220"></script>
<script src="/nassets/fcb5811a/file_widget.js?v=1709020004"></script>
<script src="/nassets/811906ac/js/jquery.Jcrop.min.js?v=1685613220"></script>
<script src="/nassets/b52047c6/js/jquery.dataTables.min.js?v=1685613219"></script>
<script src="/nassets/99dd3b9f/tus.min.js?v=1685613220"></script>
<script src="/nassets/24d4d8eb/js/file-dialog.js?v=1715678881"></script>
<script src="/nassets/24d4d8eb/js/editable-image.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/folder.js?v=1702730120"></script>
<script src="/nassets/24d4d8eb/js/folder-upload.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/tus-uploader.js?v=1703593245"></script>
<script src="/nassets/24d4d8eb/js/folder-favorites.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/folder-covers.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/file-widget-with-dialog.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/folder-pixabay.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/frames/folder.js?v=1715600515"></script>
<script src="/nassets/24d4d8eb/js/frames/dialog.js?v=1702380426"></script>
<script src="/nassets/24d4d8eb/js/frames/grid.js?v=1685613219"></script>
<script src="/nassets/24d4d8eb/js/frames/gridLog.js?v=1702380426"></script>
<script src="/nassets/24d4d8eb/js/frames/statistics.js?v=1702380426"></script>
<script src="/nassets/24d4d8eb/js/frames/subtitles.js?v=1690974743"></script>
<script src="/nassets/ae6d39fe/js/block-animation.js?v=1685613220"></script>
<script src="/nassets/js/lite-block-7ed3fe010affa7a0c98a141af1d100cd.js?v=1716118028"></script>
<script src="/nassets/8ce7462f/js/replace.js?v=1702380426"></script>
<script type="module" src="/nassets/dc774405/js/index.js?v=1715860769" crossorigin></script>
<script src="/nassets/a1049b59/js/widget.js?v=1687247235"></script>
<script src="/nassets/da188578/js/common.js?v=1685613220"></script>
<script src="/nassets/644c2834/js/light-menu.js?v=1702380426"></script>
<script src="/nassets/a2cbf6d5/js/comment_rating_widget.js?v=1685613219"></script>
<script src="/nassets/f2afe282/audio.min.js?v=1702380426"></script>
<script src="/nassets/a2cbf6d5/js/conversation_widget.js?v=1690974743"></script>
<script src="/nassets/a2cbf6d5/js/conversation_controls.js?v=1685613219"></script>
<script src="/nassets/a2cbf6d5/js/talks_widget.js?v=1702380426"></script>
<script async src="https://kalachevaschool.ru/chtm/s/metric/clarity.js"></script><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9CRTQT"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(28777711, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/28777711" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script type="text/javascript" src="https://lk.letsbot.ru/getcourse.js"></script>
<script src="/public/js/gccounter-new.js?1"></script>
<script async src="https://vhencapi13.gcfiles.net/st/stat.js?v=1716124145"></script>
</body>
<div style="display: none;" id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"><div class="slides next-click"></div><h3 class="title"></h3><a class="prev">‹</a><a class="next next-click">›</a><a class="play-pause"></a><ol class="indicator"></ol></div>