@font-face {font-family:'PT Sans Regular';src:url('../fonts/ptsansregular.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face {font-family:'PT Serif';src:url('../fonts/ptserifregular.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face {font-family:'Fira Mono Regular';src:url('../fonts/firamono-regular.woff2') format('woff2');font-weight:normal;font-style:normal}

*{margin:0;padding:0;box-sizing:border-box}

html, body{font-family:"PT Sans Regular",Verdana,Helvetica,"Nimbus Sans L", sans-serif;font-size:1.125em;background:#fefefe;line-height:1.7;word-wrap:break-word;height:100%}

/* Кепка */
header{color:#ffffff;font-weight:bold;letter-spacing:1px;padding:5px 7px;text-shadow:1px 1px 0 #000;z-index:998}
header a:link, header a:visited, footer a:link, footer a:visited{color:#ffffff;text-decoration:none}
header a:hover,footer a:hover{filter:sepia(100%);outline:0;transition:0.5s}
header img{vertical-align:middle;margin-right:7px}
header,footer{background:#000;background:linear-gradient(180deg, #708090 0%, rgba(40,40,40,0.9) 100%)}

/* Меню */
nav{background:#000;background:linear-gradient(180deg, rgba(40,40,40,0.9) 0%, #000 100%);font-size:0.9em;color:#fff;padding:5px 10px}
nav a:link, nav a:visited{color:#000;background:#fefefe;text-decoration:none;padding:1px 4px;margin:0.1em;line-height:2;border-radius:3px}
nav a:hover, nav a.live:hover{background:none;color:#fff}
nav a:active, nav a.live{background:#dcdcdc;color:#000}

main{margin:2em}
#main{margin:2em 1em}

article a{color:#0000cd;text-decoration:none;border-bottom:1px solid #0000cd}
article a:visited{color:#8b008b}
article a:hover{color:#0000ff;border-bottom:none}
article a:active{color:#a80000}
/**/
a[href*='https://']:not(footer a){background:url(../img/link.svg) no-repeat right top;padding-right:18px}
/* Якорь */
a.anchor{background:url(../img/anchor.svg) no-repeat right top;padding:3px 18px 0 0;border-bottom:1px dashed #0000cd}
.anchor-block .anchor2{display:none}
.anchor-block2 .anchor2{display:block}
.anchor-block2{position:relative;margin-left:-2em;padding-left:2em}
a.anchor2{position:absolute;top:5px;left:3px;background:#fff;border:2px solid #ffd700 !important;border-radius:20px;line-height:0}
ul a.anchor2{left:-1.3em}
a.anchor2:hover{background:#ffd700;border:2px solid #aac8e6 !important}

p{margin:16px auto}
tt{font-family:Fira Mono Regular}

footer span{background:url(../img/ciklop.png) no-repeat center;height:48px;display:block;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 5px #7abcff)}

/* Flex-меню */
.container_public_block{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:stretch}
.public_block{display:inline-block;width:300px;margin-bottom:20px;border:1px solid #c5c5c5;background:#fefefe;box-shadow:0 4px 4px 0 rgba(84, 84, 84, 0.3)}
.public_block .top{position:relative;z-index:1;height:100px}
.public_block .top .cover{position:relative;z-index:1;height:100px;overflow:hidden;transition:all 0.3s}
.public_block:hover .top .cover{height:180px}
.public_block .top .cover img{position:absolute;z-index:-1;top:-35%;transition:all 0.3s;width:100%}
.public_block:hover .top .cover img{top:0}
.public_block .top .cover:before{content:'';position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background:rgba(255, 255, 255, 0.3)}
.public_block:hover .top .cover:before{background:rgba(255, 255, 255, 0)}
.public_block .top .icon{position:absolute;z-index:1;left:50%;top:50%;transform:translate3d(-50%, -10px, 0);transition:all 0.3s}
.public_block:hover .top .icon{transform:translate3d(-50%, -20px, 0)}
.public_block .top .icon img{border-radius:50%;border:2px solid #c5c5c5;padding:28px;box-sizing:content-box;width:64px;height:64px;background:linear-gradient(to top, #dcdcdc, #fff)}
.public_block:hover .top .icon img{background:rgba(255,255,255,0.5)}
.public_block .body{margin:90px 16px 16px}
.public_block h3{transition:all 0.7s ease 0s;color:#000;font-size:20px;margin:10px 0;text-align:center;font-family:'PT Sans Regular'}
.public_block:hover h3{color:#00008B}

.manual{text-align:center;border:1px solid #c5c5c5;margin:1em 0.5em 2em;background:linear-gradient(to top, #fff, #f2f2f2);box-shadow:0 4px 4px 0 rgba(84, 84, 84, 0.3)}
a:link .manual, a:visited .manual{color:#00008B}
a:hover .manual{background:#fefefe;text-decoration:underline double;color:#000}
a:active .manual{background:linear-gradient(to top, #f2f2f2, #fff)}
.manual h5{font-family:'PT Sans Regular'}

.dscrptn{margin:auto 0.7em;font-family:'Fira Mono Regular';text-align:center}

h1,h2,h3,h4,h5,h6{letter-spacing:1px;font-family:"PT Serif";text-align:center;margin:1em auto;line-height:1.5}
h1{font-size:1.802rem}
h2{font-size:1.602rem}
h3{font-size:1.424rem}
h4{font-size:1.266rem}
h5{font-size:1.125rem}
h6{font-size:1rem}
#h4 h4{color:#000;background:#bf7eff;background:linear-gradient(to right, transparent, #dfc1fe, #bf7eff);text-align:left;padding:0 10px;border-left:10px solid #bf7eff}

/* Таблицы */
table.tbl1{border:none;border-collapse:collapse;display:inline-block;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:0.9em;text-align:left}
th, tr, td{border:1px solid #d3d3d3;padding:0.5em}
th{background:#efefef;text-align:center}
tr:nth-child(odd){background:rgba(245,245,245,0.5)}
.big-table{overflow:auto;position:relative;margin:1em auto;text-align:center}
table img{vertical-align:middle}

/* Медиа */
figure{text-align:center;margin:1.7em auto;padding:5px;border:1px solid rgba(220,220,220,0.6);border-radius:3px}
figcaption{color:#545454;font-size:0.9em;font-weight:100;padding:5px 10px}
/**/
figure img, .image img{width:100%;height:auto}
.image{text-align:center;margin:1.7em auto}
/**/
.zoom{cursor:url(../img/zoom.svg), pointer}
.zoom-img{display:none;position:fixed;max-width:100%;height:auto;z-index:9999}
.zoom-img img{width:100%;border-radius:3px 50px 3px 3px}
.overlay-img{top:0;right:0;bottom:0;left:0;z-index:999;display:none;background-color:rgba(0,0,0,0.65);position:fixed;cursor:default}
.close-img{top:0;right:0;width:30px;height:30px;position:absolute;padding:0;border:2px solid #7fc7ff !important;border-radius:15px;text-decoration:none;transition:all ease .4s;background:#000}
.close-img span{width:26px;height:26px;background:url(../img/close.svg) no-repeat center;background-size:30px 30px;display:block}
.close-img:hover{border:2px solid #E44061 !important;text-decoration:none;cursor:pointer;animation:rota 4s infinite normal;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@keyframes rota{25% {transform: rotate(360deg)} }
/**/
.cover{background:url(../img/cover.png) center center;height:300px;display:block}

/* Мультиблок */
.target-block{background:linear-gradient(to bottom, transparent,  rgba(220,220,220,0.3));padding:5px;border-radius:20px}
.source{font-family:"PT Sans Regular";font-size:inherit;width:43px;height:43px;border:1px solid #c0c0c0;border-radius:50%;display:inline-block;background:linear-gradient(to top, #f2f2f2, #fefefe);color:#000}
.source:hover, button.source.pen{background:linear-gradient(to bottom, #dcdcdc, #f2f2f2);border-color:#a9a9a9;color:#000;cursor:pointer}
.source img{width:25px;height:25px;vertical-align:middle}

/* Детализация */
details details{margin-left:40px}
summary{cursor:pointer}
.dtls summary{color:#545454;font-variant:small-caps;cursor:pointer;outline:none}
.dtls{text-align:left;margin:16px auto;padding:0.5em 1em;font-size:0.9em;background:linear-gradient(to bottom, transparent, rgba(220,220,220,0.3));border-radius:20px}
figure .dtls{margin:0.5em auto 4px}

/* Списки */
ul,ol{margin:16px auto 16px 40px}
ul ul, ol ol{margin:auto auto auto 40px}
ul{list-style-image:url(../img/li_1.svg)}
ul ul{list-style-image:url(../img/li_2.svg)}
ul ul ul, .li-3{list-style-image:url(../img/li_3.svg)}

/* Маркеры */
kbd, .mouse{font-family:'Fira Mono Regular';border:1px solid #ddd;background:#f9f9f9;background:linear-gradient(to top, #f2f2f2, #fefefe, #f2f2f2);padding:0 4px;border-radius:3px;color:inherit;box-shadow:1px 2px 2px #ddd;margin:auto 2px}
.mouse{border-radius:20px 3px 20px 3px;padding:0 8px}
.vrezka1 kbd, .vrezka1 mark, .vrezka1 tt, .bq kbd, .bq2 kbd, .bq mark, .bq2 mark{font-size:0.9em}
/**/
.mark{font-family:'Fira Mono Regular';background:#f5f5f5;padding:0 4px;border-radius:1px;color:inherit}
.mark.mbc{border-bottom:1px solid #ddd;user-select:auto}
.mark.drs{border-left:1px solid #ddd;border-right:1px solid #ddd}
/* Цветные маркеры */
.mark-gray, .mark-green, .mark-blue, .mark-red, .mark-yellow, .mark-pink, .mark-orange, .mark-black{padding:0 4px;color:#000}
.mark-gray{background:#e0e0e0}
.mark-green{background:#e0fae0}
.mark-blue{background:#e0f1ff}
.mark-red{background:#ffebeb}
.mark-yellow{background:#ffffd6}
.mark-pink{background:#fde8f5}
.mark-orange{background:#fff3db}
.mark-black{background:#000;color:#fff}

/* Врезка 1 */
aside.vrezka1{margin:32px auto;border:1px solid rgba(203,221,239,0.6);font-size:0.9em;line-height:1.5;padding:0 16px;background:rgba(245,249,252,0.1);box-shadow:5px 5px 5px rgba(203,221,239,0.4);clear:both}
aside.vrezka1 h6{margin:16px auto 0;text-align:left;background:linear-gradient(to right, rgba(203,221,239,0.2), transparent);padding:0.2em 0.7em;clear:both;display:inline-block;width:100%}
aside.vrezka1 hr{clear:both;border:none;height:16px;margin:16px auto;background:linear-gradient(to left, rgba(203,221,239,0.2), transparent)}
/* Врезка 2 */
.vrezka2{background:rgba(255,255,214,0.3);padding:0.2em 0.5em;border-left:1px solid rgba(203,221,239,0.6)}

/* Цветной текст для белого фона */
.clr-green1{color:#006600}
.clr-blue1{color:#0000cd}
.clr-purple1{color:#8b008b}
.clr-purple1-bold{color:#8b008b;font-weight:bold}
.clr-gray1{color:#545454}
.clr-red1{color:#a80000}
.clr-brown1{color:#7a0000}
.clr-orange1{color:#d13b00}
/* Цветной текст для чёрного фона */
.clr-green1-n{color:#87d04b}
.clr-blue1-n{color:#7abcff}
.clr-purple1-n{color:#edb4dd}
.clr-gray1-n{color:#ababab}
.clr-red1-n{color:#ff6b6b}
.clr-brown1-n{color:#df8181}
.clr-orange1-n{color:#ffbda3}

/* Код */
.code{text-align:center;overflow:auto;padding:1.7em 0 0.7em}
code{font-family:'Fira Mono Regular';font-size:0.9em;background:#f7f7f7;white-space:pre-wrap;padding:1em;display:inline-block;text-align:left;border:5px double rgba(220,220,220,0.5);border-radius:3px;position:relative;max-width:100%}
.code i{font-size:smaller}
/* Название языка */
.code-lang{position:absolute;top:-27px;right:0;font-size:0.7em;border-top:1px solid rgba(220,220,220,0.7);border-radius:7px 7px 0 0;padding:0 4px}
/* Панель */
.code-panel{background:#000;height:36px;margin:-1em;border-bottom:1px solid rgba(220,220,220,0.5)}
/* Кнопки */
.code-icon-bw, .code-icon-fruit, .code-icon-edit, .code-icon-night{position:absolute;width:29px;height:29px;outline:1px solid rgba(220,220,220,0.8)}
.code-icon-bw{top:3px;left:3px;background:url(../img/code_bw.svg) no-repeat center}
.code-icon-fruit{top:3px;left:36px;background:url(../img/code_fruit.svg) no-repeat center}
.code-icon-night{top:3px;left:69px;background:url(../img/code_night.svg) no-repeat center}
.code-icon-edit{top:3px;left:102px;background:url(../img/code_edit.svg) no-repeat center}
.code-icon-bw:hover, .code-icon-fruit:hover, .code-icon-edit:hover, .code-icon-night:hover{cursor:pointer;outline-color:#dcdcdc}
/* Классическая тема */
.code-black-white .clr-green1, .code-black-white .clr-blue1, .code-black-white .clr-purple1, .code-black-white .clr-red1, .code-black-white .clr-brown1, .code-black-white .clr-purple1-bold, .code-black-white .clr-orange1{color:inherit}
.code-black-white .clr-green1{font-style:italic}
.code-black-white .clr-blue1{font-weight:bold}
.code-black-white .clr-red1{font-weight:bold;font-style:italic}
.code-black-white .bold{font-weight:100;text-decoration:underline}
.code-black-white .clr-brown1{text-decoration:underline wavy #dcdcdc}
.code-black-white .clr-purple1, .code-black-white .clr-purple1-bold{background:rgba(220,220,220,0.3);border-radius:50%;font-weight:normal}
/* Фруктовая тема */
.code-fruit{background:#000;color:#fff}
.code-fruit .clr-green1{color:#f593f5}
.code-fruit .clr-blue1{color:#ffff31}
.code-fruit .clr-purple1, .code-fruit .clr-purple1-bold{color:#6df06d}
.code-fruit .clr-red1{color:#56ffff}
.code-fruit .clr-brown1{color:#7abcff}
.code-fruit .clr-orange1{color:#ff6b6b}
.code-fruit .clr-gray1, .code-night .clr-gray1{color:#ababab}
.code-fruit .code-lang{color:#000}
/* Ночная тема */
.code-night{background:#000;color:#fff}
.code-night .clr-green1{color:#87d04b}
.code-night .clr-blue1{color:#7abcff}
.code-night .clr-purple1, .code-night .clr-purple1-bold{color:#edb4dd}
.code-night .clr-red1{color:#ff6b6b}
.code-night .clr-brown1{color:#df8181}
.code-night .clr-orange1{color:#ffbda3}
.code-night .code-lang{color:#000}
/* Простой текст в коде */
.txt-code{font-family:'PT Sans Regular';font-size:0.8em}

/* Терминал */
details.terminal{font-family:'Fira Mono Regular';font-size:0.9em;text-align:left;display:inline-block;margin:0.7em auto;max-width:100%}
details.terminal summary{position:relative;color:#000;padding:0 3em 0 0.5em;border-radius:7px 7px 0 0;user-select:none;font-variant:normal}
.windows-trm{background:linear-gradient(to bottom, #98b3d0 0%, #b7cfe8 100%)}
.linux-trm{background:linear-gradient(to bottom, #a9a9a9 0%, #dcdcdc 100%)}
.terminal-block{color:#fff;background:#000;padding:0.5em 1em}
.windows-trm + .terminal-block{border:5px solid #b7cfe8;border-top:none}
.linux-trm + .terminal-block{border:5px solid #dcdcdc;border-top:none}
.trmnl{position:absolute;top:2.75px;right:5px;width:28px;height:28px;background:url(../img/trmnl.svg) no-repeat center}

/* Сноски */
.snoska{border-bottom:none !important;text-decoration:none}
.snoska sup{color:#006600;font-weight:bold}
.snoska:hover sup{color:inherit}
/**/
.snsk{margin:42px auto;border:1px dotted rgba(0,102,0,0.5);line-height:1.5}
.snsk section{padding:16px;margin:0 16px 16px;font-size:0.9em;outline:1px dotted rgba(0,102,0,0.2);clear:both}
.snsk section:nth-child(odd){background: rgb(255,255,255);
background: linear-gradient(332deg, rgba(255,255,255,1) 0%, rgba(246,251,243,0.4) 50%, rgba(255,255,255,1) 100%);}
.snsk h4{text-align:left;color:#006600;background:linear-gradient(to right, transparent, rgba(230,245,218,0.3));margin:16px}
.snsk div{display:inline-block;width:100%}
.snsk p{margin:12px auto}

/* Источник */
.istok{margin:1.7em 1em 1.7em 0;border:1px solid #d6e2eb;font-size:0.7em;padding:0.5em 1em;background:#fbfdfd;box-shadow:6px 6px #eaf0f6, 12px 12px #d6e2eb}
.istok ul{list-style-image:url(../img/li_4.svg)}
.istok a:link, .istok a:visited{color:#000;border-bottom:none;background:none;padding:0}
.istok a:hover{border-bottom:1px solid #000}

/* =^.^= */
.none{display:none}
.cntr{text-align:center}
.hr1{clear:both;border:none;height:2px;margin:1.7em auto;width:90%;background-image:linear-gradient(to right, transparent, rgba(0,0,0,1), transparent)}
.fs09{font-size:0.9em}