<!DOCTYPE html>
<html
lang="ru-RU" prefix="og: https://ogp.me/ns#"xmlns:og="http://ogp.me/ns#"
itemscope
itemtype="http://schema.org/Article"
>
<head>
    <meta name="generator" content="wpm 2.88 | http://wpm.wppage.ru"/>
    <meta charset="utf-8">
    <meta name="theme-color" content="#ffffff">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

	<link rel="canonical" href="https://avtoshkoladoma.ru/wpm/zanyatie-12-tema-4-2-vertikalnaya-razmetka-5/" />

     <link rel="icon" type="image/png" href="//avtoshkoladoma.ru/wp-content/uploads/2021/05/cropped-avtoshkoladoma-logo.png" />    <title>Самоподготовка. Тема 4.2. Вертикальная разметка.</title>
	    <script type="text/javascript">
    var dictionary = {
        lessons : {
            passed : 'Пройден',
            not_passed : 'Не пройден'
        },
        update : 'Обновить',
        loading : 'Загрузка...',
        hide : 'Скрыть',
        show : 'Показать'
    };
</script>
    <script>
        var summernote_locales = {"font":{"bold":"\u041f\u043e\u043b\u0443\u0436\u0438\u0440\u043d\u044b\u0439","italic":"\u041a\u0443\u0440\u0441\u0438\u0432","underline":"\u041f\u043e\u0434\u0447\u0451\u0440\u043a\u043d\u0443\u0442\u044b\u0439","clear":"\u0423\u0431\u0440\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0448\u0440\u0438\u0444\u0442\u0430","height":"\u0412\u044b\u0441\u043e\u0442\u0430 \u043b\u0438\u043d\u0438\u0438","name":"\u0428\u0440\u0438\u0444\u0442","strikethrough":"\u0417\u0430\u0447\u0451\u0440\u043a\u043d\u0443\u0442\u044b\u0439","subscript":"\u041d\u0438\u0436\u043d\u0438\u0439 \u0438\u043d\u0434\u0435\u043a\u0441","superscript":"\u0412\u0435\u0440\u0445\u043d\u0438\u0439 \u0438\u043d\u0434\u0435\u043a\u0441","size":"\u0420\u0430\u0437\u043c\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430"},"image":{"image":"\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430","insert":"\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443","resizeFull":"\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0440","resizeHalf":"\u0423\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0434\u043e 50%","resizeQuarter":"\u0423\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0434\u043e 25%","floatLeft":"\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0441\u043b\u0435\u0432\u0430","floatRight":"\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0441\u043f\u0440\u0430\u0432\u0430","floatNone":"\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e","shapeRounded":"\u0424\u043e\u0440\u043c\u0430: \u0417\u0430\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u0430\u044f","shapeCircle":"\u0424\u043e\u0440\u043c\u0430: \u041a\u0440\u0443\u0433","shapeThumbnail":"\u0424\u043e\u0440\u043c\u0430: \u041c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u0430","shapeNone":"\u0424\u043e\u0440\u043c\u0430: \u041d\u0435\u0442","dragImageHere":"\u041f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0441\u044e\u0434\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443","dropImage":"\u041f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443","selectFromFiles":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0438\u0437 \u0444\u0430\u0439\u043b\u043e\u0432","url":"URL \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438","remove":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443"},"video":{"video":"\u0412\u0438\u0434\u0435\u043e","videoLink":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0432\u0438\u0434\u0435\u043e","insert":"\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432\u0438\u0434\u0435\u043e","url":"URL \u0432\u0438\u0434\u0435\u043e","providers":"(YouTube, Vimeo, Vine, Instagram, DailyMotion \u0438\u043b\u0438 Youku)"},"link":{"link":"\u0421\u0441\u044b\u043b\u043a\u0430","insert":"\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443","unlink":"\u0423\u0431\u0440\u0430\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443","edit":"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","textToDisplay":"\u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c\u044b\u0439 \u0442\u0435\u043a\u0441\u0442","url":"URL \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430","openInNewWindow":"\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0432 \u043d\u043e\u0432\u043e\u043c \u043e\u043a\u043d\u0435"},"table":{"table":"\u0422\u0430\u0431\u043b\u0438\u0446\u0430"},"hr":{"insert":"\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u043b\u0438\u043d\u0438\u044e"},"style":{"style":"\u0421\u0442\u0438\u043b\u044c","p":"\u041d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0439","blockquote":"\u0426\u0438\u0442\u0430\u0442\u0430","pre":"\u041a\u043e\u0434","h1":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a 1","h2":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a 2","h3":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a 3","h4":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a 4","h5":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a 5","h6":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a 6"},"lists":{"unordered":"\u041c\u0430\u0440\u043a\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a","ordered":"\u041d\u0443\u043c\u0435\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a"},"options":{"help":"\u041f\u043e\u043c\u043e\u0449\u044c","fullscreen":"\u041d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d","codeview":"\u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434"},"paragraph":{"paragraph":"\u041f\u0430\u0440\u0430\u0433\u0440\u0430\u0444","outdent":"\u0423\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u043e\u0442\u0441\u0442\u0443\u043f","indent":"\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u043e\u0442\u0441\u0442\u0443\u043f","left":"\u0412\u044b\u0440\u043e\u0432\u043d\u044f\u0442\u044c \u043f\u043e \u043b\u0435\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e","center":"\u0412\u044b\u0440\u043e\u0432\u043d\u044f\u0442\u044c \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443","right":"\u0412\u044b\u0440\u043e\u0432\u043d\u044f\u0442\u044c \u043f\u043e \u043f\u0440\u0430\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e","justify":"\u0420\u0430\u0441\u0442\u044f\u043d\u0443\u0442\u044c \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0435"},"color":{"recent":"\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0446\u0432\u0435\u0442","more":"\u0415\u0449\u0435 \u0446\u0432\u0435\u0442\u0430","background":"\u0426\u0432\u0435\u0442 \u0444\u043e\u043d\u0430","foreground":"\u0426\u0432\u0435\u0442 \u0448\u0440\u0438\u0444\u0442\u0430","transparent":"\u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439","setTransparent":"\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u043c","reset":"\u0421\u0431\u0440\u043e\u0441","resetToDefault":"\u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e"},"shortcut":{"shortcuts":"\u0421\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u044f \u043a\u043b\u0430\u0432\u0438\u0448","close":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","textFormatting":"\u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430","action":"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435","paragraphFormatting":"\u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444\u0430","documentStyle":"\u0421\u0442\u0438\u043b\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430","extraKeys":"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u0438"},"history":{"undo":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c","redo":"\u041f\u043e\u0432\u0442\u043e\u0440"},"videoUpload":{"dialogTitle":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u0438\u0434\u0435\u043e, \u043c\u0430\u043a\u0441. - ","tooltip":"\u0412\u0438\u0434\u0435\u043e [beta]","href":"URL \u0430\u0443\u0434\u0438\u043e \u0444\u0430\u0439\u043b\u0430","note":"URL \u0432\u0438\u0434\u0435\u043e (YouTube, Vimeo, Vine, Instagram, DailyMotion \u0438\u043b\u0438 Youku)","somethingWrong":"\u041e\u0439. \u0427\u0442\u043e \u0442\u043e \u043f\u043e\u0448\u043b\u043e \u043d\u0435 \u0442\u0430\u043a!","selectFromFiles":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0438\u0437 \u0444\u0430\u0439\u043b\u043e\u0432 (\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b: mp4\/mov)","maxUploadSize":"\u0424\u0430\u0439\u043b \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 ","videoFileType":"\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u0439 \u0444\u0430\u0439\u043b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0444\u0430\u0439\u043b\u043e\u043c!","ok":"\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432\u0438\u0434\u0435\u043e","cancel":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c"},"audioUpload":{"dialogTitle":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0430\u0443\u0434\u0438\u043e, \u043c\u0430\u043a\u0441. - ","tooltip":"\u0410\u0443\u0434\u0438\u043e [beta]","href":"URL \u0430\u0443\u0434\u0438\u043e \u0444\u0430\u0439\u043b\u0430","note":"URL \u0430\u0443\u0434\u0438\u043e \u0444\u0430\u0439\u043b\u0430","somethingWrong":"\u041e\u0439. \u0427\u0442\u043e \u0442\u043e \u043f\u043e\u0448\u043b\u043e \u043d\u0435 \u0442\u0430\u043a!","selectFromFiles":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0438\u0437 \u0444\u0430\u0439\u043b\u043e\u0432 (\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b: mp3\/m4a\/wav)","maxUploadSize":"\u0424\u0430\u0439\u043b \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 ","audioFileType":"\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u0439 \u0444\u0430\u0439\u043b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0430\u0443\u0434\u0438\u043e \u0444\u0430\u0439\u043b\u043e\u043c!","ok":"\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0430\u0443\u0434\u0438\u043e","cancel":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c"},"emojiUpload":{"tooltip":"\u042d\u043c\u043e\u0434\u0436\u0438 [beta]"}};
    </script>
    
<!-- SEO от Rank Math - https://rankmath.com/ -->
<title>Самоподготовка. Тема 4.2. Вертикальная разметка. &mdash; Автошколадома</title>
<meta name="description" content="Самоподготовка. Тема 4.2. Вертикальная разметка."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://avtoshkoladoma.ru/wpm/zanyatie-12-tema-4-2-vertikalnaya-razmetka-5/" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Самоподготовка. Тема 4.2. Вертикальная разметка. &mdash; Автошколадома" />
<meta property="og:description" content="Самоподготовка. Тема 4.2. Вертикальная разметка." />
<meta property="og:url" content="https://avtoshkoladoma.ru/wpm/zanyatie-12-tema-4-2-vertikalnaya-razmetka-5/" />
<meta property="og:site_name" content="Автошколадома" />
<meta property="og:updated_time" content="2026-01-20T16:21:09+03:00" />
<meta property="og:image" content="https://avtoshkoladoma.ru/wp-content/uploads/2024/01/1140550_oqrg4r0.jpg" />
<meta property="og:image:secure_url" content="https://avtoshkoladoma.ru/wp-content/uploads/2024/01/1140550_oqrg4r0.jpg" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="600" />
<meta property="og:image:alt" content="Самоподготовка. Тема 4.2. Вертикальная разметка." />
<meta property="og:image:type" content="image/jpeg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Самоподготовка. Тема 4.2. Вертикальная разметка. &mdash; Автошколадома" />
<meta name="twitter:description" content="Самоподготовка. Тема 4.2. Вертикальная разметка." />
<meta name="twitter:image" content="https://avtoshkoladoma.ru/wp-content/uploads/2024/01/1140550_oqrg4r0.jpg" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https://avtoshkoladoma.ru/wpm/zanyatie-12-tema-4-2-vertikalnaya-razmetka-5/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://avtoshkoladoma.ru","name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430"}},{"@type":"ListItem","position":"2","item":{"@id":"https://avtoshkoladoma.ru/wpm/","name":"MEMBERLUX"}},{"@type":"ListItem","position":"3","item":{"@id":"https://avtoshkoladoma.ru/wpm/zanyatie-12-tema-4-2-vertikalnaya-razmetka-5/","name":"\u0421\u0430\u043c\u043e\u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430. \u0422\u0435\u043c\u0430 4.2. \u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430."}}]}]}</script>
<!-- /Rank Math WordPress SEO плагин -->

<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://avtoshkoladoma.ru/wp-json/oembed/1.0/embed?url=https%3A%2F%2Favtoshkoladoma.ru%2Fwpm%2Fzanyatie-12-tema-4-2-vertikalnaya-razmetka-5%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://avtoshkoladoma.ru/wp-json/oembed/1.0/embed?url=https%3A%2F%2Favtoshkoladoma.ru%2Fwpm%2Fzanyatie-12-tema-4-2-vertikalnaya-razmetka-5%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:6995bf625a6fd*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='bbspoiler-css' href='https://avtoshkoladoma.ru/wp-content/plugins/bbspoiler/inc/bbspoiler.css?ver=6.9.1'  media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='https://avtoshkoladoma.ru/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5'  media='all' />
<link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css?family=Roboto%3A400%2C400i%2C700&#038;subset=cyrillic&#038;display=swap&#038;ver=6.9.1'  media='all' />
<link rel='stylesheet' id='root-style-css' href='https://avtoshkoladoma.ru/wp-content/themes/root/css/style.min.css?ver=3.0.1'  media='all' />
<script type="text/javascript" id="bbspoiler-js-extra">
/* <![CDATA[ */
var title = {"unfolded":"\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c","folded":"\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c"};
//# sourceURL=bbspoiler-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://avtoshkoladoma.ru/wp-content/plugins/bbspoiler/inc/bbspoiler.js?ver=6.9.1" id="bbspoiler-js"></script>
<script type="text/javascript" src="https://avtoshkoladoma.ru/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://avtoshkoladoma.ru/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://avtoshkoladoma.ru/wp-json/" /><link rel='dns-prefetch' href='https://i0.wp.com/'><link rel='preconnect' href='https://i0.wp.com/' crossorigin><link rel='dns-prefetch' href='https://i1.wp.com/'><link rel='preconnect' href='https://i1.wp.com/' crossorigin><link rel='dns-prefetch' href='https://i2.wp.com/'><link rel='preconnect' href='https://i2.wp.com/' crossorigin><link rel='dns-prefetch' href='https://i3.wp.com/'><link rel='preconnect' href='https://i3.wp.com/' crossorigin> <style> #h5vpQuickPlayer { width: 100%; max-width: 100%; margin: 0 auto; } </style> <style>.scrolltop { background-color: #cccccc;}.scrolltop:after { color: #ffffff;}.scrolltop { width: 50px;}.scrolltop { height: 50px;}.scrolltop:after { content: "\f102"; }body { font-family: "Roboto" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }.site-title, .site-title a { font-family: "Roboto" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }.site-description { font-family: "Roboto" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-image__title h1, .entry-title, .entry-title a { font-family: "Roboto" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }.main-navigation ul li a, .main-navigation ul li .removed-link, .footer-navigation ul li a, .footer-navigation ul li .removed-link{ font-family: "Roboto" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }@media (min-width: 576px) { body { font-size: 16px;} }@media (min-width: 576px) { .site-title, .site-title a { font-size: 25px;} }@media (min-width: 576px) { .site-description { font-size: 16px;} }@media (min-width: 576px) { .main-navigation ul li a, .main-navigation ul li .removed-link, .footer-navigation ul li a, .footer-navigation ul li .removed-link { font-size: 16px;} }@media (min-width: 576px) { body { line-height: 1.5;} }@media (min-width: 576px) { .site-title, .site-title a { line-height: 1.1;} }@media (min-width: 576px) { .main-navigation ul li a, .main-navigation ul li .removed-link, .footer-navigation ul li a, .footer-navigation ul li .removed-link { line-height: 1.5;} }.mob-hamburger span, .card-slider__category, .card-slider-container .swiper-pagination-bullet-active, .page-separator, .pagination .current, .pagination a.page-numbers:hover, .entry-content ul > li:before, .entry-content ul:not([class])>li:before, .taxonomy-description ul:not([class])>li:before, .btn, .comment-respond .form-submit input, .contact-form .contact_submit, .page-links__item { background-color: #bb6600;}.spoiler-box, .entry-content ol li:before, .entry-content ol:not([class]) li:before, .taxonomy-description ol:not([class]) li:before, .mob-hamburger, .inp:focus, .search-form__text:focus, .entry-content blockquote,
         .comment-respond .comment-form-author input:focus, .comment-respond .comment-form-author textarea:focus, .comment-respond .comment-form-comment input:focus, .comment-respond .comment-form-comment textarea:focus, .comment-respond .comment-form-email input:focus, .comment-respond .comment-form-email textarea:focus, .comment-respond .comment-form-url input:focus, .comment-respond .comment-form-url textarea:focus { border-color: #bb6600;}.entry-content blockquote:before, .spoiler-box__title:after, .sidebar-navigation .menu-item-has-children:after,
        .star-rating--score-1:not(.hover) .star-rating-item:nth-child(1),
        .star-rating--score-2:not(.hover) .star-rating-item:nth-child(1), .star-rating--score-2:not(.hover) .star-rating-item:nth-child(2),
        .star-rating--score-3:not(.hover) .star-rating-item:nth-child(1), .star-rating--score-3:not(.hover) .star-rating-item:nth-child(2), .star-rating--score-3:not(.hover) .star-rating-item:nth-child(3),
        .star-rating--score-4:not(.hover) .star-rating-item:nth-child(1), .star-rating--score-4:not(.hover) .star-rating-item:nth-child(2), .star-rating--score-4:not(.hover) .star-rating-item:nth-child(3), .star-rating--score-4:not(.hover) .star-rating-item:nth-child(4),
        .star-rating--score-5:not(.hover) .star-rating-item:nth-child(1), .star-rating--score-5:not(.hover) .star-rating-item:nth-child(2), .star-rating--score-5:not(.hover) .star-rating-item:nth-child(3), .star-rating--score-5:not(.hover) .star-rating-item:nth-child(4), .star-rating--score-5:not(.hover) .star-rating-item:nth-child(5), .star-rating-item.hover { color: #bb6600;}body { color: #333333;}a, .spanlink, .comment-reply-link, .pseudo-link, .root-pseudo-link { color: #bb6600;}a:hover, a:focus, a:active, .spanlink:hover, .comment-reply-link:hover, .pseudo-link:hover { color: #bb6600;}.site-header { background-color: #ffffff;}.site-title, .site-title a { color: #bb6600;}.site-description, .site-description a { color: #666666;}.main-navigation, .footer-navigation, .main-navigation ul li .sub-menu, .footer-navigation ul li .sub-menu { background-color: #ffffff;}.main-navigation ul li a, .main-navigation ul li .removed-link, .footer-navigation ul li a, .footer-navigation ul li .removed-link { color: #bb6600;}.site-footer { background-color: #ffffff;}@media (min-width: 768px) {.site-header { background-repeat: no-repeat; }}@media (min-width: 768px) {.site-header { background-position: center center; }}</style><!-- Yandex.RTB -->
<script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>        <!-- Yandex.RTB R-A-11803533-1 -->
        <div id="yandex_rtb_R-A-11803533-1" style="max-height: 300px;"></div>
        <script>
            window.yaContextCb.push(() => {
                Ya.Context.AdvManager.render({
                    "blockId": "R-A-11803533-1",
                    "renderTo": "yandex_rtb_R-A-11803533-1"
                })
            })
        </script>
	
    <!-- 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();
            for (var j = 0; j < document.scripts.length; j++) {
                if (document.scripts[j].src === r) {
                    return;
                }
            }
            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(98211269, "init", {
            clickmap: true,
            trackLinks: true,
            accurateTrackBounce: true,
            webvisor: true,
            ecommerce: "dataLayer"
        });
    </script>
    <noscript>
        <div><img src="https://mc.yandex.ru/watch/98211269" style="position:absolute; left:-9999px;" alt=""/></div>
    </noscript>
    <!-- /Yandex.Metrika counter -->
	<link rel="icon" href="https://avtoshkoladoma.ru/wp-content/uploads/2021/05/cropped-avtoshkoladoma-logo-32x32.png" sizes="32x32" />
<link rel="icon" href="https://avtoshkoladoma.ru/wp-content/uploads/2021/05/cropped-avtoshkoladoma-logo-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://avtoshkoladoma.ru/wp-content/uploads/2021/05/cropped-avtoshkoladoma-logo-180x180.png" />
<meta name="msapplication-TileImage" content="https://avtoshkoladoma.ru/wp-content/uploads/2021/05/cropped-avtoshkoladoma-logo-270x270.png" />
<!-- wpm_enqueue_styles --> 
<link rel="stylesheet" type="text/css" media="all" id="wpm-bootstrap-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/2_0/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" media="all" id="wpm-app-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-mini-interface/assets/css/app.css?v=1.5">
<link rel="stylesheet" type="text/css" media="all" id="wpm-mediaelement-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/mediaelement/mediaelementplayer.min.css">
<link rel="stylesheet" type="text/css" media="all" id="wpm-mediaelement-skins-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/mediaelement/wpm-skins.css">
<link rel="stylesheet" type="text/css" media="all" id="wpm-owl-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/owl.carousel/assets/owl.carousel.css">
<link rel="stylesheet" type="text/css" media="all" id="wpm-summernote-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/summernote/summernote.css">
<link rel="stylesheet" type="text/css" media="all" id="wpm-emojionearea-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/summernote/plugin/summernote-emoji/summernote-emoji.css">
<link rel="stylesheet" type="text/css" media="all" id="wpm-plyr-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/plyr/3.6.7/plyr.css?v=2.88">
<link rel="stylesheet" type="text/css" media="all" id="wpm-fancybox-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/2_0/fancybox/jquery.fancybox.min.css">
<!-- // wpm_enqueue_styles --> 
<!-- wpm_enqueue_scripts --> 
<script>window.wpmClearUtmCookie = () => {
        const keys = ["wpm_utm_source","wpm_utm_medium","wpm_utm_campaign","wpm_utm_id","wpm_utm_term","wpm_utm_content"];
        document.cookie = 'wpm_has_utm=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
        keys.forEach(name => {
          document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'
        });
    };
    </script><script type="text/javascript" id="wpm-scripts-js" src="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/all.min.js?v=2.88"></script>
<script type="text/javascript" id="wpm-comments-reply-js" src="https://avtoshkoladoma.ru/wp-includes/js/comment-reply.min.js"></script>
<script type="text/javascript" id="wpm-scripts-video-js" src="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/js/video/3.6.7/video.min.js?v=2.88"></script>
<script type="text/javascript" id="wpm-scripts-captcha-js" src="https://www.google.com/recaptcha/api.js?onload=mblRecaptchaLoadCallback&render=explicit"></script>
<!-- // wpm_enqueue_scripts --> 
<link rel="stylesheet" type="text/css" media="all" id="mbla_main-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-auto/assets/css/main.css?v=0.4.1.7">
<link rel="stylesheet" type="text/css" media="all" id="mblr_main-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-autoregistration/assets/css/main.css?v=1.2">
<link rel="stylesheet" type="text/css" media="all" id="mbli3_main-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-navpanel/assets/css/main.css?v=1.3">
<style type="text/css" id="mbli3-left-menu-style">
    body .mbli3-left-menu .mbli3-left-menu-holder {
        border-right: 1px solid #E7E7E7;

        background-color: #F7F8F9;
        background-repeat: repeat;
        background-position: center top;
        background-size: auto;
        min-height: 100%;
            }
    
    .mbli3-menu-close {
        color: #868686;
    }
    .mbli3-menu-close:hover {
        color: #2E2E2E;
    }
    .mbli3-menu-close:active {
        color: #2E2E2E;
    }

    .top-nav-row a.nav-item[data-mbli3-menu-toggle] {
        color: #868686;
    }
    .top-nav-row .nav-item[data-mbli3-menu-toggle]:hover {
        color: #2E2E2E;
    }
    .top-nav-row .nav-item[data-mbli3-menu-toggle]:active {
        color: #2E2E2E;
    }

    .top-nav-row .nav-item[data-mbli3-menu-toggle] .iconmoon {
        color: #868686;
    }
    .top-nav-row .nav-item[data-mbli3-menu-toggle]:hover > .iconmoon {
        color: #2E2E2E;
    }
    .top-nav-row .nav-item[data-mbli3-menu-toggle]:active > .iconmoon {
        color: #2E2E2E;
    }

    body .mbli3-left-menu-holder .current-post .material-item.material-opened .col-content {
        background: #DFECE0;
        border-color: #CEDCCF;
    }

    body .mbli3-left-menu-holder .mbli3-page-title {
        color: #000000;
        font-size: 20px;
    }
</style><link rel="stylesheet" type="text/css" media="all" id="mbl_test_front_style-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-tests/assets/css/front.css?v=1.2">
<style>
.mt-question_number_color {
  color: #4A4A4A;
}
.mt-question_text_color {
  color: #4A4A4A;
}
.mt-text_variants_color {
  color: #4A4A4A;
}
.mt-answer_number_color {
  color: #4A4A4A;
}

.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li .mbl-test-radio,
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li .mbl-test-checkbox {
  color: #3D84E6;
  border-color: #3D84E6;
}
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li .mbl-test-custom-input[type=radio]:checked + label::before{
  background-color:#3D84E6;
}

.mt-answer_text_color {
  color: #4A4A4A;
}

.mt-you_answer_icon_color {
    color: #4A4A4A;
}

.mt-you_answer_text_color {
    color: #4A4A4A;
}

.mbl-test .mbl-test-questions-list > li:not(:last-child) {
    border-color: #E3E3E3;
}

.content-wrap .question-answer-row .title .iconmoon.mt-test_desc_icon_color {
    color: #000000;
}

.content-wrap .question-answer-row .title.mt-test_desc_text_color {
    color: #000000;
}

</style><link rel="stylesheet" type="text/css" media="all" id="mbln-styles-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-notifications/assets/css/mbln-styles.css?v=1.54">
<link rel="stylesheet" type="text/css" media="all" id="comment-images-css" href="https://avtoshkoladoma.ru/wp-content/plugins/member-luxe/plugins/comment-images/css/plugin.css">
<link rel="stylesheet" type="text/css" media="all" id="mbl_access_style-css" href="https://avtoshkoladoma.ru/wp-content/plugins/mbl-universal-access/assets/css/main.css">
	    <script type="text/javascript">
        var ajaxurl = 'https://avtoshkoladoma.ru/wp-admin/admin-ajax.php';
        var wp_max_uload_size = '50331648';
        function bytesToSize(bytes) {
            var sizes = ['Байт', 'КБ', 'Мб', 'Гб', 'Тб'];
            if (bytes == 0) return '0 Byte';
            var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
            return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
        }

        jQuery(function ($) {
            $('.interkassa-payment-button').fancybox({
                'padding': '20',
                'type': 'inline',
                'href': '#order_popup'
            });
            $('.fancybox').fancybox();

        });
    </script>
    
    <script type="text/javascript">
    function cc(data) {
        var val = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
        var o1, o2, o3, h1, h2, h3, h4, p, i = 0, res = '';

        do {
            h1 = val.indexOf(data.charAt(i++));
            h2 = val.indexOf(data.charAt(i++));
            h3 = val.indexOf(data.charAt(i++));
            h4 = val.indexOf(data.charAt(i++));
            p = h1 << 18 | h2 << 12 | h3 << 6 | h4;
            o1 = p >> 16 & 0xff;
            o2 = p >> 8 & 0xff;
            o3 = p & 0xff;
            if (h3 == 64) res += String.fromCharCode(o1);
            else if (h4 == 64) res += String.fromCharCode(o1, o2);
            else               res += String.fromCharCode(o1, o2, o3);
        } while (i < data.length);

        return res;
    }
</script>
    <style type="text/css">
    body{
        background-color: #FDFEFF;
        background-repeat: repeat;
        background-position: center top;
        background-size: auto;
            }
    .search-hint-form,
    .top-nav-row {
        background: #F9F9F9;
    }
    .top-nav-row {
        border-bottom-color: #E7E7E7;
    }
    .mobile-menu .menu-item > a,
    .top-nav-row .nav-item .dropdown-menu li a,
    .top-nav-row a {
        color: #868686;
        transition: none;
    }
    .top-nav-row .nav-item:hover {
        color: #2E2E2E;
    }
    .mobile-menu .menu-item > a .iconmoon,
    .mobile-menu .menu-item > a .fa,
    .search-hint-form .form .search-input-icon,
    .top-nav-row .nav-item .iconmoon,
    .top-nav-row .nav-item .fa {
        color: #3176BB;
    }
    .mobile-menu-button .line {
        background: #3176BB;
    }
    .top-nav-row .nav-item:hover > [class^="icon-"],
    .top-nav-row .dropdown-menu li a:hover > .iconmoon,
    .search-hint-form .form .search-input-icon:hover,
    .mobile-menu .menu-item > a:hover .iconmoon,
    .mobile-menu .menu-item > a.active .iconmoon,
    .top-nav-row .nav-item:hover > .iconmoon {
        color: #2E2E2E;
    }
    .search-hint-form .search-toggle-button.active,
    .search-hint-form.active {
        background: #F9F9F9;
    }
    .search-hint-form.active {
        border: 1px solid #EDEDED;
        /*border-bottom: none;*/
    }
    .search-hint-form .form .search-hint-input {
        background: #F9F9F9;
        color: #000;
    }
    .top-nav-row .mbl-dropdown-menu,
    .top-nav-row .dropdown-menu,
    .top-nav-row .mobile-menu,
    .top-nav-row .mobile-menu-button.active,
    .top-nav-row .nav-item.user-login-button.open,
    .top-nav-row .nav-item.user-login-button:hover,
    .top-nav-row .nav-item.user-profile-button:hover,
    .top-nav-row .nav-item.user-profile-button.open,
    .top-nav-row .nav-item.user-registration-button.open,
    .mobile-menu .menu-item,
    .mobile-menu .menu-item .slide-down-wrap,
    .top-nav-row .nav-item.user-registration-button:hover {
        background: #EFEFEF;
        color:  #2E2E2E;
    }
    .top-nav-row .mbl-dropdown-menu > a,
    .top-nav-row .dropdown-menu > a,
    .top-nav-row .mobile-menu > a,
    .top-nav-row .mobile-menu-button.active > a,
    .top-nav-row .nav-item.user-login-button.open > a,
    .top-nav-row .nav-item.user-login-button:hover > a,
    .top-nav-row .nav-item.user-profile-button:hover > a,
    .top-nav-row .nav-item.user-profile-button.open > a,
    .top-nav-row .nav-item.user-registration-button.open > a,
    .top-nav-row .nav-item.user-registration-button:hover > a {
        color:  #2E2E2E;
    }
    .top-nav-row .mbl-dropdown-menu > a > .iconmoon,
    .top-nav-row .dropdown-menu > a > .iconmoon,
    .top-nav-row .mobile-menu > a > .iconmoon,
    .top-nav-row .mobile-menu-button.active > a > .iconmoon,
    .top-nav-row .nav-item.user-login-button.open > a > .iconmoon,
    .top-nav-row .nav-item.user-login-button:hover > a > .iconmoon,
    .top-nav-row .nav-item.user-profile-button:hover > a > .iconmoon,
    .top-nav-row .nav-item.user-profile-button.open > a > .iconmoon,
    .top-nav-row .nav-item.user-registration-button.open > a > .iconmoon,
    .top-nav-row .nav-item.user-registration-button:hover > a > .iconmoon {
        color: #2E2E2E;
    }
    .mobile-menu .menu-item > a:hover,
    .mobile-menu .menu-item > a.active,
    .top-nav-row .dropdown-menu li a:hover {
        color: #2E2E2E;
        background: #F0F0F0;
    }
    .top-nav-row .form-icon:before,
    .top-nav-row .note-editor.note-frame .note-placeholder,
    .search-hint-form.active .search-hint-input::placeholder,
    .top-nav-row .form-group input.form-control::placeholder {
        color: #A9A9A9;
    }

    .search-hint-form.active .search-hint-input,
    .top-nav-row .form-control {
        color: #555555    }

    /** buttons **/
    .mbr-btn.btn-solid.btn-green {
        border-radius: 4px;
        background: #A0B0A1;
        color: #FFFFFF;
    }

    .mbr-btn.btn-solid.btn-green:hover:not(:disabled) {
        background: #ADBEAD;
        color: #FFFFFF;
    }

    .mbr-btn.btn-solid.btn-green:active,
    .mbr-btn.btn-solid.btn-green:focus {
        background: #8E9F8F;
        color: #FFFFFF;
    }
    /** buttons end **/

    /** close button **/
    .top-nav-row a.close-dropdown-panel {
        color: #868686;
    }
    .close-button .icon-close {
        color: #FFFFFF;
    }
    .close-button:hover .icon-close {
        color: #FFFFFF;
    }
    .close-button .icon-close:active {
        color: #FFFFFF;
    }
    .close-button {
        background-color: #C1C1C1;
    }
    .close-button:hover {
        background-color: #D4D4D4;
    }
    .close-button:active {
        background-color: #B4B4B4;
    }
    /** close button end **/

    /** breadcrumbs **/
    .breadcrumbs-wrap .breadcrumbs .item {
        color: #8E8E8E;
    }
    .breadcrumbs-wrap .icon-angle-right {
        color: #8E8E8E;
    }
    .breadcrumbs-wrap .breadcrumbs .item:last-child {
        color: #8E8E8E;
    }
    .breadcrumbs-wrap .breadcrumbs .item:hover {
        color: #000000;
    }
    .breadcrumbs-wrap .breadcrumbs .item [class^="icon-"],
    .breadcrumbs-wrap .breadcrumbs .item .iconmoon {
        color: #8E8E8E;
    }
    .breadcrumbs-wrap .breadcrumbs .item:last-child .iconmoon {
        color: #8E8E8E;
    }
    .breadcrumbs-wrap .breadcrumbs .item:hover [class^="icon-"],
    .breadcrumbs-wrap .breadcrumbs .item:hover .iconmoon {
        color: #000000;
    }
    .breadcrumbs-wrap {
        border-bottom: 1px solid #E7E7E7;
    }
    /** breadcrumbs end **/

    .page-title-row .page-title {
        color: #000000;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        font-size: 19px;
        display: block;
    }

    .page-title-row .page-description {
        color: #7D7D7D;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        font-size: 15px;
        display: block;
    }

    .page-title-row .page-description-content .mbr-btn.btn-bordered.btn-gray {
        background-color: #FFFFFF;
        color: #ACACAC;
        border-color: #C1C1C1;
    }
    .page-title-row .page-description-content .mbr-btn.btn-bordered.btn-gray .iconmoon {
        color: #ACACAC;
    }
    .page-title-row .page-description-content.visible .mbr-btn.btn-bordered.btn-gray.active {
        background-color: #FBFBFB;
        color: #ACACAC;
        border-color: #FBFBFB;
    }
    .page-title-row .page-description-content.visible .mbr-btn.btn-bordered.btn-gray.active .iconmoon {
        color: #ACACAC;
    }
    .page-title-row .page-description-content.visible {
        background: #FBFBFB;
        border: 1px solid #E3E3E3;
    }
    .folder-wrap .folder-content .title {
        font-size: 17px;
                color: #FFFFFF !important;
    }

    /** materials **/
    .material-item .content-overlay .doc-label.opened,
    .materials-row .material-item .content-overlay .doc-label.opened,
    .materials-row.one-in-line .material-item .content-overlay .doc-label.opened {
        color: #FFFFFF !important;
        background: #A0B0A1;
    }

    .material-item .content-overlay .doc-label.locked,
    .materials-row .material-item .content-overlay .doc-label.locked,
    .materials-row.one-in-line .material-item .content-overlay .doc-label.locked {
        color: #FFFFFF !important;
        background: #D29392;
    }

    .material-item.material-inaccessible .content-overlay .doc-label,
    .materials-row .material-item.material-inaccessible .content-overlay .doc-label,
    .materials-row.one-in-line .material-item.material-inaccessible .content-overlay .doc-label {
        color: #FFFFFF !important;
        background: #838788 !important;
    }

    .material-item .thumbnail-wrap .icons-bottom,
    .materials-row .material-item .thumbnail-wrap .icons-bottom,
    .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom {
        color: #FFFFFF !important;
    }
    .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon.count,
    .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon,
    .materials-row .material-item .thumbnail-wrap .icons-top .m-icon.count,
    .materials-row .material-item .thumbnail-wrap .icons-top .m-icon,
    .material-item .thumbnail-wrap .icons-top .m-icon.count,
    .material-item .thumbnail-wrap .icons-top .m-icon {
        background: rgba(0, 0, 0, 0.6);
        color: #FFFFFF;
    }

    .material-item .col-content,
    .materials-row .material-item .col-content,
    .materials-row.one-in-line .material-item .col-content {
        border: 1px solid #EAEAEA;
        background: #FAFAFA;
    }

    .material-item.material-opened:hover .col-content,
    .materials-row.one-in-line .material-item.material-opened:hover .col-content,
    .materials-row .material-item.material-opened:hover .col-content {
        background: #DFECE0 ;
        border-color: #CEDCCF;
    }

    .material-item.material-closed:hover .col-content,
    .material-item.material-locked:hover .col-content,
    .materials-row.one-in-line .material-item.material-closed:hover .col-content,
    .materials-row.one-in-line .material-item.material-locked:hover .col-content,
    .materials-row .material-item.material-closed:hover .col-content,
    .materials-row .material-item.material-locked:hover .col-content {
        background: #EED5D5;
        border-color: #DDC4C4;
    }

    .material-item.material-inaccessible:hover .col-content,
    .materials-row.one-in-line .material-item.material-inaccessible:hover .col-content,
    .materials-row .material-item.material-inaccessible:hover .col-content {
        background: #D8D8D8;
        border-color: #BEBEBE;
    }

    .lesson-tabs.bordered-tabs .nav-tabs li a .tab-label {
        color: #9B9B9B;
    }
    .lesson-tabs.bordered-tabs .nav-tabs li a [class^="icon-"] {
        color: #9B9B9B;
    }
    .lesson-tabs.bordered-tabs .nav-tabs li.active a .tab-label {
        color: #555555;
    }
    .lesson-tabs.bordered-tabs .nav-tabs li.active a [class^="icon-"] {
        color: #555555;
    }
    .lesson-tabs.bordered-tabs .tab-content:before,
    .lesson-tabs.bordered-tabs .tab-content:after,
    .lesson-tabs.white-tabs .nav-tabs li.active a,
    .lesson-tabs .content-wrap .question-answer-row,
    .lesson-tabs.white-tabs .tab-content .tab-pane {
        background: #FFFFFF;
    }

    .lesson-tabs.bordered-tabs .nav-tabs li a {
        background: #EFEFEF;
    }

    .content-wrap .question-answer-row .answer .answer-meta {
        background: rgba(0, 0, 0, 0.04);
    }

    .lesson-tabs.bordered-tabs .tab-content:before,
    .lesson-tabs.bordered-tabs .tab-content:after,
    .lesson-tabs.bordered-tabs .nav-tabs > li.active > a,
    .lesson-tabs.bordered-tabs .tab-content {
        border-color: #E3E3E3;
    }

    .reading-status-row .next,
    .reading-status-row .prev,
    .reading-status-row .status-toggle-wrap {
        color: #9B9B9B;
    }
    .reading-status-row .next:hover,
    .reading-status-row .prev:hover,
    .reading-status-row .status-toggle-wrap:hover {
        color: #555555;
    }

    .comments-tabs.bordered-tabs .nav-tabs li a .tab-label{
        color: #9B9B9B;
    }
    .comments-tabs.bordered-tabs .nav-tabs li a .iconmoon {
        color: #9B9B9B;
    }
    .comments-row .comments-header .all-comments-count,
    .comments-tabs.bordered-tabs .nav-tabs li.active a .tab-label{
        color: #555555;
    }
    .comments-tabs.bordered-tabs .nav-tabs li.active a .iconmoon {
        color: #555555;
    }

    .comments-tabs.bordered-tabs .tab-content:before,
    .comments-tabs.bordered-tabs .tab-content:after,
    .comments-tabs.bordered-tabs .nav-tabs li.active a,
    .comments-tabs.bordered-tabs .content-wrap .question-answer-row,
    .comments-tabs.bordered-tabs .tab-content,
    .comments-tabs.bordered-tabs .tab-content .tab-pane {
        background-color: #FFFFFF;
    }

    .comments-tabs.bordered-tabs .nav-tabs li a {
        background: #EFEFEF;
    }

    .comments-list .comment.comment-admin {
        background: rgba(0, 0, 0, 0.025);
    }

    .comments-tabs.bordered-tabs .tab-content:before,
    .comments-tabs.bordered-tabs .tab-content:after,
    .comments-tabs.bordered-tabs .nav-tabs > li.active > a,
    .comments-tabs.bordered-tabs .tab-content {
        border-color: #E3E3E3;
    }
    /** materials end **/

    /** pagination **/
    .wp-pagenavi a,
    .wp-pagenavi .current,
    .wp-pagenavi .nextpostslink:hover,
    .wp-pagenavi .prevpostslink:hover,
    .wp-pagenavi .extend:hover,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .prevpostslink,
    .wp-pagenavi .extend {
        color: #000000;
    }

    .wp-pagenavi a:hover,
    .wp-pagenavi .current:hover {
        color: #000000;
    }

    .wp-pagenavi .page {
        border-color: #C1C1C1;
        background: #FBFBFB;
        color: #000000;
    }
    .wp-pagenavi .page:hover {
        border-color: #C1C1C1;
        background: #FBFBFB;
        color: #000000;
    }

    .wp-pagenavi .current,
    .wp-pagenavi .current:hover {
        background: #C1C1C1;
        border-color: #C1C1C1;
        color: #FFFFFF;
    }
    /** pagination end **/
    /** progress **/
    .course-progress-wrap .progress .progress-bar.progress-bar-unlock,
    .reading-status-row .progress-wrap .progress .progress-bar,
    .breadcrumbs-wrap .course-progress-wrap .progress-bar {
        background-color: #65BF49;
    }
    .progress {
        background-color: #F5F5F5;
    }
    .course-progress-wrap .progress-count {
        color: #4A4A4A;
    }
    .folder-content .course-progress-wrap .progress-count {
        color: #ffffff;
    }
    /** progress end **/
    .footer-row {
                    background: #FFFFFF;
            border-top-color: #E7E7E7;
            }

    .wpm-video-size-wrap .plyr--audio .plyr__control.plyr__tab-focus,
    .wpm-video-size-wrap .plyr--audio .plyr__control:hover,
    .wpm-video-size-wrap .plyr--audio .plyr__control[aria-expanded=true],
    .wpm-video-size-wrap .plyr--audio .plyr__controls button.tab-focus:focus,
    .wpm-video-size-wrap .plyr--audio .plyr__controls button:hover,
    .wpm-video-size-wrap .plyr--video .plyr__control.plyr__tab-focus,
    .wpm-video-size-wrap .plyr--video .plyr__control:hover,
    .wpm-video-size-wrap .plyr--video .plyr__control[aria-expanded=true],
    .wpm-video-size-wrap .plyr__control--overlaid,
    .wpm-video-size-wrap .plyr__control--overlaid:focus,
    .wpm-video-size-wrap .plyr__control--overlaid:hover,
    .wpm-video-size-wrap .plyr__play-large {
        background: #3498DB;;
        color: #fff
    }

    .wpm-video-size-wrap .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before,
    .wpm-video-size-wrap .plyr input[type=range]:active::-webkit-slider-thumb {
        background: #3498DB; !important
    }

    .wpm-video-size-wrap .plyr input[type=range]:active::-moz-range-thumb {
        background: #3498DB; !important
    }

    .wpm-video-size-wrap .plyr input[type=range]:active::-ms-thumb {
        background: #3498DB; !important
    }

    .wpm-video-size-wrap .plyr--video .plyr__controls button.tab-focus:focus,
    .wpm-video-size-wrap .plyr--video .plyr__controls button:hover {
        background: #3498DB;;
        color: #fff
    }

    .wpm-video-size-wrap .plyr__progress--played,
    .wpm-video-size-wrap .plyr--full-ui input[type=range],
    .wpm-video-size-wrap .plyr__volume--display {
        color: #3498DB;
    }

    .material-item .content-wrap .title,
    .materials-row .material-item .content-wrap .title,
    .materials-row.one-in-line .material-item .content-wrap .title {
        color: #000000 !important;
    }

    .material-item .content-wrap .description,
    .material-row .material-item .content-wrap .description {
        color: #666666 !important;
    }

                                                    .save-form-alert {
        margin-bottom: 15px;
        text-align: right;
        color: #FF3838;
        font-weight: 700;
    }
    .top-nav-row--inner {
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .top-nav-row .dropdown-button.user-profile-dropdown-button {
        height: 100%;
    }
    .dropdown-button.shop-menu {
        height: 100%;
        display: inline-flex;
        align-items: center;
    }
    .shop-menu .caret{
        margin-left: 5px;
    }
    @media screen and (max-width: 1199px) {
        .mobile-menu-row.visible {
            visibility: visible;
            opacity: 1;
        }
    }

    #ask-dropdown, #login-dropdown, #registration-dropdown, #telegram-dropdown {
        height: 100%;
    }

    #ask-dropdown, .top-nav-row a.nav-item, #login-dropdown, #registration-dropdown, #telegram-dropdown {
        display: inline-flex;
        align-items: center;
    }
    .top-nav-row .nav-item.user-profile-button {
        margin-left: auto;
    }
    .top-nav-row .dropdown-menu > li > a {
        white-space: normal;
    }
    .top-nav-row .nav-item.user-profile-button .dropdown-menu {
        width: max-content;
        min-width: 100%;
        max-width: 340px;
        word-break: break-word;
    }
    @media screen and (max-width: 369px) {
        .top-nav-row .nav-item.user-profile-button .dropdown-menu {
            max-width: calc(100vw - 30px);
        }
    }
    @media screen and (min-width: 768px) {
        .user-registration-button  .dropdown-menu {
            top: calc(100% + 1px);
        }
    }
    @media screen and (max-width: 767px) {
        .search-hint-form {
            flex-grow: unset;
        }
        .mobile-menu-button {
            padding-left: 15px;
            padding-right: 15px;
        }
        .search-hint-form .search-toggle-button {
            margin-left: 20px;
            margin-right: 20px;
        }
        .navbar-cart-inner .cart-contents {
            padding: 0;
            display: inline-flex;
            align-items: center;
        }
        .top-nav-row .user-profile-humbnail {
            margin-right: 5px;
        }
    }
</style>

    <!-- wpm head code -->
        <!-- / wpm head code -->
    <!-- wpm global head code -->
    <script>
   document.addEventListener('DOMContentLoaded', function() {
    const lessonTasksLink = document.querySelector('.lesson-tabs .lesson-tasks-nav a[href="#lesson-tasks"]');
    const buttonHideShow = document.querySelector('button#mbl-tests_hide-show_btn');
    console.log(buttonHideShow)
    if (lessonTasksLink) {
      lessonTasksLink.click();
      setTimeout(() => {
        const mblTestForm = document.querySelector('#mbl-test-start');
        if (mblTestForm) {
         const lists = document.querySelectorAll('ul.mbl-test-answers-list');
         lists.forEach(list => {
           const listItems = list.querySelectorAll('li');

           listItems.forEach(listItem => {
             const spoilerTitle = listItem.querySelector('.js-spoiler-box-title');
             if (spoilerTitle) {
               listItem.classList.add('has-spoiler');
             }
           });
           listItems.forEach(listItem => {
             const aTrue = listItem.querySelector('.a-true');
             if (aTrue) {
               listItem.classList.add('has-a-true');
             }
           });
         });
          mblTestForm.click();



          lists.forEach(list => {
            // Добавляем обработчик событий на список
            list.addEventListener('change', function(event) {
              const input = event.target;
              if (input.classList.contains('mbl-test-custom-input') && input.checked) {
                const listItem = input.closest('li');
                if (listItem) {
                  // Добавляем класс к выбранному элементу
                  listItem.classList.add('selected');
                }
              }
            });

            // Инициализация для уже выбранных элементов
            list.querySelectorAll('.mbl-test-custom-input').forEach(input => {
              if (input.checked) {
                input.closest('li')?.classList.add('selected');
              }
            });
          });
        } 
      }, 200); 
    }


    if (buttonHideShow) {
      setTimeout(() => {
         const lists = document.querySelectorAll('ul.mbl-test-answers-list');
         lists.forEach(list => {
           const listItems = list.querySelectorAll('li');

           listItems.forEach(listItem => {
             const spoilerTitle = listItem.querySelector('.js-spoiler-box-title');
             if (spoilerTitle) {
               listItem.classList.add('has-spoiler');
             }
           });
           listItems.forEach(listItem => {
             const aTrue = listItem.querySelector('.a-true');
             if (aTrue) {
               listItem.classList.add('has-a-true');
             }
           });
         });

          lists.forEach(list => {
            // Добавляем обработчик событий на список
            list.addEventListener('change', function(event) {
              const input = event.target;
              if (input.classList.contains('mbl-test-custom-input') && input.checked) {
                const listItem = input.closest('li');
                if (listItem) {
                  // Добавляем класс к выбранному элементу
                  listItem.classList.add('selected');
                }
              }
            });

            // Инициализация для уже выбранных элементов
            list.querySelectorAll('.mbl-test-custom-input').forEach(input => {
              if (input.checked) {
                input.closest('li')?.classList.add('selected');
              }
            });
          });
      }, 200); 
    }

   });
</script>


<style>

.comments-list .comment .comment-meta-wrap .comment-avatar img {
    border-radius: 20px;
}

#mbl_login_backdrop {
    z-index: 111;
}
#mbl_login_backdrop {
    z-index: 111;
}

.shop-menu {
    font-weight: bold;
}
.left-wrap
{
color: orange;
font-weight: bold;
font-size: 20px;
}
.right-wrap
{
color: orange;
font-weight: bold;
font-size: 20px;
}

.summerNoteImgMargin {
    margin: 5px;
    max-width: calc(100% - 10px);
   /* border: 4px solid #dcb17c; */
###box-shadow: 0px 0px 15px 1px #d3d3d3;
}

.su-spoiler-icon {
    position: absolute;
    left: 7px;
    top: 7px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    font-family: 'FontAwesome';
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
.su-spoiler-style-fancy {
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    color: #333;
    margin-left: -26px;
    margin-top: -8px;
}
.mt-question_text_color {
    color: #4A4A4A;
    font-size: 20px;
}
.mbl-test .mbl-test-questions-list > li > span {
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}

.folders-row .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
} 
.code-block-4 {
display:none;
}
.code-block-1 {
display:none;
}
.code-block-3 {
display:none;
}
.mt-answer_number_color {
    color: #4A4A4A;
    display: none;
}
.content-wrap .question-answer-row .title.mt-test_desc_text_color {
    color: #000000;
    display: none;
}
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li > span {
 min-width: 25px;
 display: block;
}
.page-title-row .page-description-content.visible {
    background: white;
    border: 1px solid #E3E3E3;
}
.page-title-row .page-description-content {
    display: block;
    border-color: #fff;
    max-width: 1200px;
    margin: 10px auto;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.page-title-row .page-description-content .content {
    max-width: 950px;
    background: white;
    margin: 0 auto;
    display: none;
    padding: 20px 30px;
    opacity: 0;
    text-align: left;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
}


.breadcrumbs-wrap .breadcrumbs {
    flex: 1;
    position: relative;
    padding: 0px 0 10px;
    color: #8e8e8e;
    font-size: 1.6rem;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: baseline;
}

.brand-row {
    display: block;
    padding: 5px 0;
    background: no-repeat center center;
    position: relative;
    z-index: 500;
}

.bordered-tabs .tab-content .tab-pane {
    padding: 1px;
    border-radius: 5px;
}
.page-title-row .page-title {
    color: #3e606f;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-size: 20px;
    display: block;
}
.page-title-row {
    margin-top: 20px;
}
.brand-row .flex-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}
.login-tabs {
    margin: 10px auto;
    max-width: 460px;
}
.mt-question_text_color {
    color: #4A4A4A;
    font-weight: bold;
    font-size: 18px;
  #  float: none;
    padding-bottom: 0px;
 #   margin: 55px;
}
p.summerNoteImgMargin {
    margin: 5px;
    max-width: calc(100% - 10px);
  #  float: left;
 #   margin: 0px 15px 15px 0px;
}
.mt-text_variants_color {
    font-size: 0px;
}
.folders-row .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.bordered-tabs .tab-content {
    position: relative;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 20px;
}

.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li.has-spoiler .mbl-test-radio, 
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li.has-spoiler span.mt-answer_number_color, 
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li.has-spoiler label.mbl-test-radio{
    display: none !important;
}
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li.has-spoiler label.answer-text {
    max-width: 100%;
}
.mbl-test .mbl-test-questions-list .mbl-test-answers-list > li.has-spoiler .spoiler-box{
    border: none;
}
.bordered-tabs .tab-content {
    padding: 20px 5px;
}
ul.mbl-test-answers-list > li.selected label.answer-text p, ul.mbl-test-answers-list > li.selected label.answer-text p span{
    background-color: #ff0000;
    color: #fff !important;
    padding: 2px 5px;
}
ul.mbl-test-answers-list > li.selected.has-a-true label.answer-text p, ul.mbl-test-answers-list > li.selected.has-a-true label.answer-text p span{
    background-color: #52ac62;
    color: #fff !important;
    padding: 2px 5px;
}
</style>    <!-- / wpm global head code -->
</head>
<body
class="wp-singular wpm-page-template-default single single-wpm-page postid-3436 wp-theme-root  fix-top-nav home wpm-preloader-show theme-root woocommerce-no-js sidebar-none" >


<script type="text/javascript">
	$ = jQuery;
	var iframe = $('.wptelegram-widget-message iframe');

	iframe.on('resize_iframe', function () {
		var $this = $(this);
		var height = $this.contents().find('body').height();

		$this.height(height);
	});

	iframe.on('load', function () {
		var $this = $(this);
		if ($this.contents().find('body').is(':empty')) {
			$this.parent().remove();
		} else {
			$this.trigger('resize_iframe');
		}
	});

	$(window).on('resize', () => {
		iframe.trigger('resize_iframe');
	});
</script>
<!--
<div class="poloska" align="center" style="background-color:#E3F5DC;">
			<div class="block_head">
      <p style="font-size:14px;color:black;font-weight:normal;padding:10px;">
Исправлены проблемы с долгой загрузкой страниц. Всем пользователям у кого был куплен платный тариф добавлен +1 месяц в подарок на Видео-уроки АВМ + Решебник АВМ.
			</div>
              </p>
    </div>  
    
--><!-- header -->
    <div id="mbl_login_backdrop"></div>
<header class="header-row">
    <section class="top-nav-row">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 not-relative top-nav-row--inner">
                    <button type="button" name="button" class="mobile-menu-button visible-md visible-xs visible-sm">
                        <span class="line line-1"></span>
                        <span class="line line-2"></span>
                        <span class="line line-3"></span>
                    </button>
                                                            <a class="nav-item hidden-xs hidden-sm"
   data-mbli3-menu-toggle
   href="#">
    <span class="iconmoon icon-sitemap"></span>
    Меню</a>    <a class="nav-item hidden-md hidden-xs hidden-sm"
       href="https://avtoshkoladoma.ru/wpm/start/">
        <span class="iconmoon icon-home"></span>
        Начало    </a>
                                        	                                    <div class="search-hint-form">
                                            </div>
                                        <script>
                      (function ($) {
                        let parent = $('.top-nav-row--inner');
                        let toggle = $('.shop-menu-dropdown');
                        let dropdown = $('.shop-menu-dropdown .dropdown-menu');
                        toggle.on('show.bs.dropdown', function (event) {
                          setPos()
                          $( window ).on( "resize", setPos );
                        });
                        toggle.on('hide.bs.dropdown', function (event) {
                          $( window ).off( "resize", setPos );
                        });
                        function setPos () {
                          let left = Math.floor(toggle.offset().left - parent.offset().left - 15);
                          let width = $( window ).width() < 767 ? parent.width() : '';
                          dropdown.css('width', `${width}px`)
                          dropdown.css('left', $( window ).width() < 767 ? `-${left}px` : '')
                        }
                      })(jQuery);
                    </script>
                                            <div class="dropdown user-login-button nav-item navbar-right hidden-md hidden-xs hidden-sm" data-dropdown-backdrop>
                            <a id="login-dropdown" class="dropdown-button dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown">
                                <span class="iconmoon icon-sign-in"></span>Войти                            </a>
                            <div class="dropdown-menu dropdown-panel" aria-labelledby="login-dropdown" style="z-index: 999">
                                <form class="login" method="post">
            <div class="dropdown-panel-header text-right">
            <a class="close-dropdown-panel">закрыть<span class="close-button"><span class="icon-close"></span></span> </a>
        </div>
        <div class="form-fields-group">
        <p class="status"></p>
        <div class="form-group form-icon form-icon-user">
            <input type="text" name="username"  class="form-control" placeholder="Логин" required="">
        </div>
        <div class="form-group form-icon form-icon-lock">
            <input type="password" name="password" class="form-control" placeholder="Пароль" required="">
        </div>
                    <div class="form-group">
                <a href="https://avtoshkoladoma.ru/my-account/lost-password/" class="helper-link">Забыли пароль?</a>
            </div>
        

    </div>

    
    
    <button type="submit"
                        class="mbr-btn btn-default btn-solid btn-green text-uppercase wpm-sign-in-button "
    >Войти</button>

    
	
    <input type="hidden" id="security" name="security" value="1d3a3af641" /><input type="hidden" name="_wp_http_referer" value="/wpm/zanyatie-12-tema-4-2-vertikalnaya-razmetka-5/" /></form>
    <script>
        jQuery(function ($) {
            $(document).off('submit', 'form.login');
            $(document).on('submit', 'form.login', function (e) {
                var $form = $(this),
                    $button = $('.wpm-sign-in-button'),
                    $recaptcha = $form.find('[name="g-recaptcha-response"]');
                $button.addClass('progress-button-active');
                $form.find('p.status').show().text('Проверка...');
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: ajaxurl,
                    xhrFields: { withCredentials: true },
                    data: {
                        'action': 'wpm_ajaxlogin',
                        'username': $form.find('[name="username"]').val(),
                        'password': $form.find('[name="password"]').val(),
                        'security': $('[name="security"]').val(),
                        'remember': $form.find('[name="remember"]').val(),
                        '_wp_http_referer': ($form.find('[name="_wp_http_referer"]').length ? $form.find('[name="_wp_http_referer"]').val() : ''),
                        'g-recaptcha-response': ($recaptcha.length ? $recaptcha.val() : '')
                    },
                    success: function (data) {
                        $form.find('p.status').text(data.message);
                        if (data.loggedin == true) {
                            location.reload(false);
                        }
                    }
                })
                .always(function(){
                    $button.removeClass('progress-button-active');
                });
                e.preventDefault();
                return false;
            });
        });
    </script>
                            </div>
                        </div>
                                                    <div class="dropdown user-registration-button nav-item navbar-right hidden-md hidden-xs hidden-sm main-holder" data-dropdown-backdrop>
                                <a id="registration-dropdown" class="dropdown-button dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown">
                                    <span class="iconmoon icon-user"></span>Регистрация                                </a>
                                <div class="dropdown-menu dropdown-panel" aria-labelledby="registration-dropdown" style="z-index: 999">
                                    <form class="wpm-registration-form" name="wpm-user-register-form" action="" method="post" autocomplete="off">
            <div class="dropdown-panel-header text-right">
            <a class="close-dropdown-panel">закрыть<span class="close-button"><span class="icon-close"></span></span> </a>
        </div>
            <div class="form-fields-group">
        <div class="form-group form-icon form-icon-email">
            <input type="email" name="email" value="" class="form-control" placeholder="Email" required="">
        </div>
            </div>


    <div class="form-fields-group">

	                <div class="form-group form-icon form-icon-user">
                <input type="text" name="login"  value="" class="form-control" placeholder="Желаемый логин" required="">
            </div>
	    
	                <div class="form-group form-icon form-icon-lock">
                <input type="password" name="pass" value="" class="form-control" placeholder="Желаемый пароль" required="" autocomplete="new-password">
            </div>
	        </div>

	
                                            
    
            <div class="form-fields-group">
            <div class="g-recaptcha"
                 data-sitekey="6LegYcMrAAAAAHWyEejiA2rjr2V7nEPmoPT1aPYA"
                 data-is-mobile="0"
            ></div>
        </div>
    
    <div class="result alert alert-warning ajax-result"></div>

    <input
        type="submit"
        class="mbr-btn btn-default btn-solid btn-green text-uppercase register-submit "
                name="wpm-register-submit"
        value="Зарегистрироваться"
    >

	
    <div class="result alert alert-success text-center ajax-user-registered"></div>
</form>
    <script type="text/javascript">
    jQuery(function ($) {
        var $form = $('form[name=wpm-user-register-form]');
        var $button = $('[name="wpm-register-submit"]');
        var result = $form.find('.ajax-result');
        var registered_alert = $form.find('.ajax-user-registered');
        var $wpmUserCode = $form.find('[name="code"]');
        var $loader = $('.wpm_generate_pin_code_loader');

        // Function to fetch the PIN code
        function fetchPinCode(callback) {
            $loader.css('display', 'block');
            $wpmUserCode.prop('disabled', true);
            $.post(ajaxurl, { action: 'wpm_get_pin_code_action' }, function (data) {
                $wpmUserCode.prop('disabled', false);
                if (data.success && data.code) {
                    console.log(data);
                    $wpmUserCode.val(data.code);
                    $loader.hide();
                    callback();
                } else {
                    $('.pin-code-error').show().html(data.error).show();
                    $loader.hide();
                }
            }, "json");
        }

        // Function to register the user
        function registerUser() {
            $button.val('Регистрация...');
            $button.addClass('progress-button-active');
            result.html('').css({ 'display': 'none' });

            var formData = $form.serializeArray();

            // Remove duplicate fields
            var uniqueFormData = [];
            var seenKeys = {};
            formData.forEach(function(field) {
                if (!seenKeys[field.name]) {
                    uniqueFormData.push(field);
                    seenKeys[field.name] = true;
                }
            });

            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: ajaxurl,
                data: {
                    'action': 'wpm_ajax_register_user_action',
                    'fields': uniqueFormData
                },
                success: function (data) {
                    if (data.registered === true) {
                        if (data.clear_utm) {
                            window.wpmClearUtmCookie && window.wpmClearUtmCookie();
                        }
                        $form[0].dispatchEvent(new CustomEvent("ajax-user-registered-success"));

                        registered_alert.html(data.message).fadeIn('fast', function () {
                            setTimeout(function () {
                                $('a[href="#wpm-login"]').click();
                                var $loginForm = $('form.login:first');
                                $loginForm.find('input[name=username]').val($form.find('input[name=login]').val());
                                $loginForm.find('input[name=password]').val($form.find('input[name=pass]').val());

                                if (!$loginForm.find('[name="g-recaptcha-response"]').length) {
                                    $loginForm.submit();
                                }
                                location.reload();
                            }, 2000);
                        });

                    } else {
                        result.html(data.message).fadeIn();
                        $button.val('Зарегистрироваться');
                    }
                },
                error: function (data) {
                    result.html('Произошла ошибка.').fadeIn();
                    $button.val('Зарегистрироваться');
                }
            })
            .always(function () {
                $button.removeClass('progress-button-active');
            });
        }

        // Handle form submission
        $form.submit(function (e) {
            e.preventDefault();
            fetchPinCode(registerUser);
        });
    });
</script>

                                </div>
                            </div>
                                                            </div>
            </div>
        </div>
    </section>
</header>
    <section class="mobile-menu-row">
    <div class="inner">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <ul class="mobile-menu">
                                                                                                    <li class="menu-item"><a href="https://avtoshkoladoma.ru/wpm/start/"><span class="iconmoon icon-home"></span>Начало</a></li>
                                                                        
                        
                                                    <li class="menu-item"><a class="panel-toggler" id="mobile-login-button"><span class="iconmoon icon-sign-in"></span>Войти <span class="close-button"><span class="icon-close"></span></span></a>
                                <div class="slide-down-wrap">
                                    <form class="login" method="post">
        <div class="form-fields-group">
        <p class="status"></p>
        <div class="form-group form-icon form-icon-user">
            <input type="text" name="username"  class="form-control" placeholder="Логин" required="">
        </div>
        <div class="form-group form-icon form-icon-lock">
            <input type="password" name="password" class="form-control" placeholder="Пароль" required="">
        </div>
                    <div class="form-group">
                <a href="https://avtoshkoladoma.ru/my-account/lost-password/" class="helper-link">Забыли пароль?</a>
            </div>
        

    </div>

    
    
    <button type="submit"
                        class="mbr-btn btn-default btn-solid btn-green text-uppercase wpm-sign-in-button "
    >Войти</button>

    
	
</form>
                                </div>
                            </li>
                                                            <li class="menu-item main-holder"><a class="panel-toggler" id="mobile-register-button"><span class="iconmoon icon-user"></span>Регистрация <span class="close-button"><span class="icon-close"></span></span></a>
                                    <div class="slide-down-wrap holder">
                                        <form class="wpm-registration-form" name="wpm-user-register-form" action="" method="post" autocomplete="off">
            <div class="form-fields-group">
        <div class="form-group form-icon form-icon-email">
            <input type="email" name="email" value="" class="form-control" placeholder="Email" required="">
        </div>
            </div>


    <div class="form-fields-group">

	                <div class="form-group form-icon form-icon-user">
                <input type="text" name="login"  value="" class="form-control" placeholder="Желаемый логин" required="">
            </div>
	    
	                <div class="form-group form-icon form-icon-lock">
                <input type="password" name="pass" value="" class="form-control" placeholder="Желаемый пароль" required="" autocomplete="new-password">
            </div>
	        </div>

	
                                            
    
            <div class="form-fields-group">
            <div class="g-recaptcha"
                 data-sitekey="6LegYcMrAAAAAHWyEejiA2rjr2V7nEPmoPT1aPYA"
                 data-is-mobile="0"
            ></div>
        </div>
    
    <div class="result alert alert-warning ajax-result"></div>

    <input
        type="submit"
        class="mbr-btn btn-default btn-solid btn-green text-uppercase register-submit "
                name="wpm-register-submit"
        value="Зарегистрироваться"
    >

	
    <div class="result alert alert-success text-center ajax-user-registered"></div>
</form>

                                    </div>
                                </li>
                                                                        </ul>
                </div>
            </div>
        </div>
    </div>
</section>
    <script type="text/javascript">
        jQuery(function ($) {
            var hash = window.location.hash,
                $loginFull = $('#login-dropdown:visible'),
                $registerFull = $('#registration-dropdown:visible'),
                $mobileMenuButton = $('.mobile-menu-button:first'),
                $mobileLoginButton = $('#mobile-login-button'),
                $mobileRegisterButton = $('#mobile-register-button');
            if (hash === '#registration') {
                if($registerFull.length) {
                    $registerFull.click();
                } else {
                    $mobileMenuButton.click();
                    setTimeout(function () {
                        $mobileRegisterButton.click();
                    }, 0);
                }
            } else if (hash === '#login') {
                if($loginFull.length) {
                    $loginFull.click();
                } else {
                    $mobileMenuButton.click();
                    setTimeout(function () {
                        $mobileLoginButton.click();
                    }, 0);
                }
            }
        });
    </script>
    <!-- // header -->
<div class="site-content">
            
            <section
            class="brand-row"
                            style="background-image: url('//avtoshkoladoma.ru/wp-content/uploads/2024/12/04-1.jpg')"
                    >
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 text-center flex-logo-wrap">
                                                    <a href="https://avtoshkoladoma.ru/wpm/start/" class="wpm_default_header">
                                <img class='brand-logo' src="//avtoshkoladoma.ru/wp-content/uploads/2025/02/01.jpg" alt="logo">
                            </a>
                                            </div>
                </div>
            </div>
        </section>
                    <section class="breadcrumbs-row">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="breadcrumbs-wrap">
                        <div class="breadcrumbs">
                            <a class="item"  href="https://avtoshkoladoma.ru/wpm/start/" title="Главная страница">
    <span class="iconmoon icon-home"></span>
    Начало</a>                                                                                                                                    <span class="separator"><span class="icon-angle-right"></span></span>
                                    <a class="item" href="<error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Ошибка]]></title>
    <message><![CDATA[&lt;p&gt;На сайте возникла критическая ошибка.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Узнайте больше про решение проблем с WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
