��<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>"@5=06Q@ ?> <5=B0;L=>9 0@8D<5B8:5</title> <meta name="description" content=""@5=8@>2:0 <5=B0;L=>3> AGQB0, 3@C??>2K5 B@5=8@>2:8, 3>;>A>2>5 C?@02;5=85, 2K1>@ ?@028; 8 B.?."> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!-- <script src="jquery-3.3.1.js"></script> --> <style> button, a { outline: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } .nums { position: relative; bottom: 0; right: 0; top: 0; font-size: 1.5em; } .nums .alpha { padding: 0.2em 0.7em; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pcart { overflow: hidden; text-align: center; } .pcart.left { text-align: left; } .pcart.right { text-align: right; } .pcart input[type=number] { background: #fff; padding: 5px 8px; border: 1px solid #aaa; border-radius: 6px; display: inline-block; width: 50px; font-size: 20px; text-align: center; font-family: Roboto; outline: 0px auto; } .pcart span { display: none; cursor: pointer; position: absolute; left: 50px; width: 48px; height: 32px; line-height: 33px; text-align: center; top: 5px; background: #fff; } .set { display: inline-block; cursor: pointer; width: 30px; height: 30px; vertical-align: middle; transition: .6s; background: yellow; user-select: none; margin: 0 0 6px 0; } .minus:after, .plus:after, .plus:before { display: block; content: ''; width: 30px; background: #52C11F; /*#F06509*/ } .minus:after { height: 30px; border-top: 10px solid white; border-bottom: 10px solid white; } .plus:before { height: 30px; border-left: 10px solid white; border-right: 10px solid white; } .plus:after { height: 10px; background: #52C11F; /*#F06509*/ margin-top: -20px; } #podryad { text-align: center; } .debug { position: absolute; z-index: 2000001 !important; left: 100px; top: 10px; background: lightgreen; } button, a { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .alpha { display: inline-block; margin: 6px; font-size: inherit; line-height: 1.42; padding: 0.8em 1.6em; font-weight: normal; border-width: 0; border-style: solid; background: transparent; border-radius: 0.2666666667em; cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; user-select: none; vertical-align: bottom; transition: box-shadow 0.2s, transform 0.2s, color 0.2s; } .alpha.alpha-disabled { cursor: not-allowed; opacity: 0.8; } .alpha.alpha-disabled:active { opacity: 0.6; } .alpha:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); } .alpha:active { transform: translateY(3px); } .alpha-primary { box-shadow: 0 3px 0 0 #367f14, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #52C11F; background-image: linear-gradient(-45deg, #52C11F, #7ccc14); color: #E6EAEF; } .alpha-primary:hover { box-shadow: 0 3px 0 0 #367f14, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-primary:active, .alpha-primary.pushed { box-shadow: 0 0px 0 0 #2d6911, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #367f14; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-secondary { box-shadow: 0 3px 0 0 #082fa6, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #0B44EF; background-image: linear-gradient(-45deg, #0B44EF, #007dfa); color: #E6EAEF; } .alpha-secondary:hover { box-shadow: 0 3px 0 0 #082fa6, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-secondary:active { box-shadow: 0 0px 0 0 #07288d, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #082fa6; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-tertiary { box-shadow: 0 3px 0 0 #b3004a, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #FF006A; background-image: linear-gradient(-45deg, #FF006A, #ff00aa); color: #E6EAEF; } .alpha-tertiary:hover { box-shadow: 0 3px 0 0 #b3004a, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-tertiary:active { box-shadow: 0 0px 0 0 #990040, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #b3004a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-tetrary { box-shadow: 0 3px 0 0 #6b139e, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #991BE2; background-image: linear-gradient(-45deg, #991BE2, #640eef); color: #E6EAEF; } .alpha-tetrary:hover { box-shadow: 0 3px 0 0 #6b139e, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-tetrary:active, .alpha-tetrary.active, .active>.alpha-tetrary, .alpha-tetrary.pushed { box-shadow: 0 0px 0 0 #5b1087, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #6b139e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-black { box-shadow: 0 3px 0 0 #040405, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #252730; background-image: linear-gradient(-45deg, #252730, #212934); color: #E6EAEF; } .alpha-black:hover { box-shadow: 0 3px 0 0 #040405, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-black:active { box-shadow: 0 0px 0 0 black, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #040405; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-dark { box-shadow: 0 3px 0 0 #1e1f26, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #3F4351; background-image: linear-gradient(-45deg, #3F4351, #384758); color: #E6EAEF; } .alpha-dark:hover { box-shadow: 0 3px 0 0 #1e1f26, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-dark:active { box-shadow: 0 0px 0 0 #121418, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #1e1f26; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-gray { box-shadow: 0 3px 0 0 #4a4b56, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #6D6F7F; background-image: linear-gradient(-45deg, #6D6F7F, #61708b); color: #E6EAEF; } .alpha-gray:hover { box-shadow: 0 3px 0 0 #4a4b56, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-gray:active { box-shadow: 0 0px 0 0 #3e3f48, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #4a4b56; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .alpha-light { box-shadow: 0 3px 0 0 #b7c3d1, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset; background-color: #E6EAEF; background-image: linear-gradient(-45deg, #E6EAEF, #e4edf1); color: #252730; } .alpha-light:hover { box-shadow: 0 3px 0 0 #b7c3d1, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; } .alpha-light:active { box-shadow: 0 0px 0 0 #a8b6c7, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset; transition: 0s; color: #b7c3d1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } @media (max-width:768px) { .hide-br br { display: none !important; } .row.m-0>div { border-top: 1px solid #666; padding-top: 10px; padding-bottom: 10px; } .row.m-0>div:first-child { border-top: 0px solid #666 !important; } } /* PART TWO PART TWO PART TWO PART TWO PART TWO PART TWO PART TWO PART TWO PA */ .btn-primary { color: #fea316; background-color: #9a2198; border-color: #9a2198; text-transform: uppercase; } .btn-primary:hover { background-color: #880086; border-color: #880086; color: #fff; } .gaugePlace { /*background: yellow;*/ } .gaugePlace .selector { background: url(kroog.png) center center no-repeat; border: 0px solid #80f; border-radius: 50%; user-select: none; } .gaugePlace .selector img { border: 10px solid #991BE2; border-radius: 50%; float: none; position: relative; z-index: 7; } .gaugePlace area:focus { outline: 0px auto; } area { position: absolute; background: red; width: 0px; z-index: 7; } area:after { display: inline-block; /*background: red;*/ color: #000; position: relative; z-index: 7; border-radius: 5px; padding: 0px 5px; } #area0:after { display: inline-block; content: '0.1c'; left: 260px; bottom: -104px; } area.on:after { background: green; color: #fff; } #area1:after { display: inline-block; content: '1c'; left: 172px; bottom: 16px; } #area2:after { display: inline-block; content: '2c'; left: 4px; bottom: -20px; } #area3:after { display: inline-block; content: '3c'; left: 8px; bottom: -224px; } #area4:after { content: '4c'; left: 214px; bottom: -224px; } #area5:after { display: inline-block; content: '0.5c'; left: 244px; bottom: -50px; } .selector map { margin: -20px 0 0 0; float: none; z-index: 7; } .selector { display: block; /*margin: 25px auto 40px auto;*/ margin: 25px auto; width: 256px; height: 256px; } .selector div { background: url(strelka2.png) center center no-repeat; display: block; margin: -256px auto 0 auto; width: 256px; height: 256px; z-index: 5; position: relative; transform: rotate(180deg); transition: all 0.5s ease; } @media (max-width:768px) { .selector { margin: 25px auto 0px; } } body { touch-action: manipulation; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-image: linear-gradient(0deg, #52C11F, #7ccc14); /*background-color: #00ed00;*/ color: white; } h5 { text-transform: uppercase; font-style: normal !important; font-weight: bold !important; color: #9a2198 !important; } .radioBlock { margin-left: 0px !important; } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0) !important; } </style> <link rel="stylesheet" type="text/css" charset="UTF-8" href="bootstrap.min.css"> <link rel="stylesheet" type="text/css" charset="UTF-8" href="select2.min.css"> <link rel="stylesheet" type="text/css" charset="UTF-8" href="css-full-train.css"> </head> <body style="" class="touch_no paramsOpen statusNoFocus"> <div id="trains" style="display:none;"></div> <header> <nav class="navbar navbar-light bg-light fixed-top"> <button class="navbar-toggler d-print-none" type="button" data-toggle="collapse" data-target="#navbarParams" aria-controls="navbarParams" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <!-- <span id="micBlock" style="display: none;" class="d-print-none"><i id="micIcon" class="fa fa-microphone" aria-hidden="true" title="K <>65B5 8A?>;L7>20BL 3>;>A>2>9 22>4"></i><span id="showCommand"></span></span> <span id="errorVoiceBlock" style="display: none;" class="d-print-none"><i id="errorVoiceIcon" class="fa fa-volume-up" aria-hidden="true"></i>5 CA?520N A:070BL</span> <a class="navbar-brand title d-none d-md-block" href="#"></a> <div class="loginTop"> <i class="fa fa-user-circle"></i> <a class="loginRef" href="#">>9B8</a> <sup><i class="fa fa-times fa-xs btn-out hidden" title="K9B8"></i></sup> </div> <div class="topRefs"> <a href="#" target="_blank">;C1</a> <a href="#" target="_blank">$>@C</>?@>AK</a> </div> //--> </nav> <progress id="mainProgress" max="100" value="0" style="width:100%;display:none;"></progress> </header> <!-- header:ok --> <div class="container-fluid"> <div class="topParams collapse show" id="navbarParams" style=""> <div class="p-4"> <div class="tab-content"> <div role="tabpanel" class="tab-pane_dis active" id="options"> <div class="row topFields"> <div class="col-lg-4"> <div class=" d-none d-md-none d-lg-block"> <img style="width: 100px; height: auto;" src="logo.png"> </div> <h5>C4C 83@0BL</h5> <input type="radio" name="type_view" value="1" id="type_view1" checked=""> <label for="type_view1"><b>>48=</b></label> <br> <input type="radio" name="type_view" id="type_view2" value="2"> <label for="type_view2"><b>A 4@C7LO<8</b></label> <br><br> <nav class="nav nav-tabs" id="_myTab2" role="tablist"> </nav> </div> <div class="col-lg-4 gaugePlace" style="text-align:center;"> <h5>=B5@20; ?@8 ?>:075 G8A5;</h5> <input type="hidden" id="param_speed" data-postfix=" A5:." data-min="-4" data-max="-0.1" data-step="0.1" value="1" data-grid="true" data-grid-snap="true" onchange="calcStat();"> <div class="selector"> <map name="60b373b0ea9fe"> <area shape="poly" id="area0" href="#0" rotate="173deg" data-value="0.1" coords="197,115,141,126,198,126,256,126,256,115,256,103,254,103,253,103"> <area shape="poly" id="area1" href="#1" rotate="115deg" data-value="1" coords="130,59,130,118,132,117,133,116,194,60,256,4,256,2,256,-0,193,-0,130,-0" class="on"> <area shape="poly" id="area2" href="#2" rotate="45deg" data-value="2" coords="0,63,0,126,62,126,124,126,124,63,124,0,62,0,0,0"> <area shape="poly" id="area3" href="#3" rotate="-45deg" data-value="3" coords="0,194,0,256,62,256,124,256,124,194,124,132,62,132,0,132"> <area shape="poly" id="area4" href="#4" rotate="-135deg" data-value="4" coords="130,194,130,256,193,256,256,256,256,194,256,132,193,132,130,132"> <area shape="poly" id="area5" href="#5" rotate="153deg" data-value="0.5" coords="200,65,145,116,146,116,146,116,201,105,256,95,256,55,256,15,256,15,255,15"> </map> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAQAICRAEAOw==" style="width:256px;height:256px;" usemap="#60b373b0ea9fe"> <div style="transform: rotate(115deg);"></div> </div> </div> <div class="col-lg-4 align-self-start hide-br"> <div class="container p-0"> <div class="row m-2"> <nav class="nav nav-tabs" id="myTab" role="tablist"> <button type="button" class="alpha alpha-tetrary btn-lg active w-100" style="cursor:pointer;" id="nav-calc-tab" data-toggle="tab" href="#nav-calc" data-id="1" role="tab" aria-controls="nav-calc" aria-selected="true">#A;>285 83@K</button> <br> <button type="button" class="alpha alpha-tetrary btn-lg w-100" id="nav-pause-tab" data-toggle="tab" href="#nav-pause" data-id="2" role="tab" aria-controls="nav-pause" aria-selected="false">0AB@>9:0 ?0C7</button> <br> <button type="button" class="alpha alpha-tetrary btn-lg w-100" id="nav-params-tab" data-toggle="tab" href="#nav-params" data-id="4" role="tab" aria-controls="nav-params" aria-selected="false">A>15==>AB8 ?>:070 G8A5;</button> <br> <button type="button" class="alpha alpha-tetrary btn-lg w-100" id="nav-sound-tab" data-toggle="tab" href="#nav-sound" data-id="3" role="tab" aria-controls="nav-sound" aria-selected="false">2C:</button> </nav> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12"><!-- <nav class="nav nav-tabs" id="myTab" role="tablist"> <a class="nav-item nav-link active" id="nav-calc-tab" data-toggle="tab" href="#nav-calc" data-id="1" role="tab" aria-controls="nav-calc" aria-selected="true"><span class="_capTab"> #A;>285 83@K</span></a> <a class="nav-item nav-link" id="nav-pause-tab" data-toggle="tab" href="#nav-pause" data-id="2" role="tab" aria-controls="nav-pause" aria-selected="false"><span class="_capTab"> 0AB@>9:0 ?0C7</span></a> <a class="nav-item nav-link" id="nav-params-tab" data-toggle="tab" href="#nav-params" data-id="4" role="tab" aria-controls="nav-params" aria-selected="false"><span class="_capTab"> A>15==>AB8 ?>:070 G8A5;</span></a> <a class="nav-item nav-link" id="nav-sound-tab" data-toggle="tab" href="#nav-sound" data-id="3" role="tab" aria-controls="nav-sound" aria-selected="false"><span class="_capTab"> 2C:</span></a> </nav>//--> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-calc" role="tabpanel" aria-labelledby="nav-calc-tab" style="_background:yellow"> <!-- <div class="container"> --> <div class="row m-0"> <div class="col-12 col-lg-4" style="_background:pink"> <div class="row"> <div class="col-5 align-self-center"> <span class="fieldCaption">>;8G5AB2> 7040=89:</span> </div> <div class="col-7 align-self-center"> <div class="pcart"> <div class="set minus minus_podryad"></div> <input type="number" id="param_count_example" min="1" max="25" data-grid="true" data-grid-snap="true" value="5" onchange="calcStat();" class="_RangeSlider"> <div class="set plus plus_podryad"></div> </div> </div> </div> </div> <!-- /// //--> <div class="col-12 col-lg-4 mydiv" id="op1a" style="_background:cyan"> <div class="tab-pane fade show active" id="nav-cm-1a" role="tabpanel" aria-labelledby="nav-cm-1a-tab"> <div class="row"> <div class="col-5 align-self-center"> <span class="fieldCaption">>;8G5AB2> A;0305<KE 2&nbsp;?@8<5@5:</span> </div> <div class="col-7 align-self-center"> <div class="pcart"> <div class="set minus minus_podryad"></div> <input type="number" id="param_count" min="2" max="20" data-grid="true" data-grid-snap="true" value="5" onchange="calcStat();" class="_RangeSlider"> <div class="set plus plus_podryad"></div> </div> </div> </div> </div> </div> <div class="col-12 col-lg-4 mydiv" id="op1b"> <div class="row"> <div class="col-5 col-md-6 align-self-center"> <span class="fieldCaption"> 07@O4=>ABL G8A5;:</span> </div> <div class="col-7 col-md-6 align-self-center p-0"> <input type="hidden" id="param_digits" data-min="1" data-max="3" data-from="1" data-to="2"> <div class="nums" data-update="#param_digits"> <button class="alpha alpha-primary pushed" data-value="1">1</button> <button class="alpha alpha-primary pushed" data-value="2">2</button> <button class="alpha alpha-primary" data-value="3">3</button> </div> </div> </div> </div> <div class="col-12 col-lg-4 mydiv d-none" id="op2a"> <div class="row"> <div class="col-5 col-md-6 align-self-center"> <span class="fieldCaption"> 07@O4=>ABL ?5@2>3> <=>68B5;O:</span> </div> <div class="col-7 col-md-6 align-self-center p-0"> <input type="hidden" id="param_digits1" data-min="1" data-max="3" data-from="1" data-to="2"> <div class="nums" data-update="#param_digits1"> <button class="alpha alpha-primary pushed" data-value="1">1</button> <button class="alpha alpha-primary pushed" data-value="2">2</button> <button class="alpha alpha-primary" data-value="3">3</button> </div> </div> </div> </div> <div class="col-12 col-lg-4 mydiv d-none" id="op2b"> <div class="row"> <div class="col-5 col-md-6 align-self-center"> <span class="fieldCaption"> 07@O4=>ABL 2B>@>3> <=>68B5;O:</span> </div> <div class="col-7 col-md-6 align-self-center p-0"> <input type="hidden" id="param_digits2" data-min="1" data-max="3" data-from="1" data-to="2"> <div class="nums" data-update="#param_digits2"> <button class="alpha alpha-primary pushed" data-value="1">1</button> <button class="alpha alpha-primary pushed" data-value="2">2</button> <button class="alpha alpha-primary" data-value="3">3</button> </div> </div> </div> </div> <div class="col-12 col-lg-4 mydiv d-none" id="op3a"> <div class="row"> <div class="col-5 col-md-6 align-self-center"> <span class="fieldCaption"> 07@O4=>ABL 45;8<>3>:</span> </div> <div class="col-7 col-md-6 align-self-center p-0"> <input type="hidden" id="param_digits3" data-min="1" data-max="3" data-from="1" data-to="2"> <div class="nums" data-update="#param_digits3"> <button class="alpha alpha-primary pushed" data-value="1">1</button> <button class="alpha alpha-primary pushed" data-value="2">2</button> <button class="alpha alpha-primary" data-value="3">3</button> </div> </div> </div> </div> <div class="col-12 col-lg-4 mydiv d-none" id="op3b"> <div class="row"> <div class="col-5 col-md-6 align-self-center"> <span class="fieldCaption"> 07@O4=>ABL 45;8B5;O:</span> </div> <div class="col-7 col-md-6 align-self-center p-0"> <input type="hidden" id="param_digits4" data-min="1" data-max="3" data-from="1" data-to="2"> <div class="nums" data-update="#param_digits4"> <button class="alpha alpha-primary pushed" data-value="1">1</button> <button class="alpha alpha-primary pushed" data-value="2">2</button> <button class="alpha alpha-primary" data-value="3">3</button> </div> </div> </div> </div> </div> <nav class="nav nav-tabs" id="myTabCalcMethod" role="tablist"> <div class="col-12 col-lg-4 active" id="nav-cm-1-tab" data-toggle="tab" href="#nav-cm-1" data-id="1" role="tab" aria-controls="nav-cm-1" aria-selected="true"> <button type="button" class="alpha alpha-tetrary btn-lg ml-0 mr-0 w-100">!;>65=85 8&nbsp;2KG8B0=85</button> </div> <div class="col-12 col-lg-4" id="nav-cm-2-tab" data-toggle="tab" href="#nav-cm-2" data-id="2" role="tab" aria-controls="nav-cm-2" aria-selected="true"> <button type="button" class="alpha alpha-tetrary btn-lg ml-0 mr-0 w-100">#<=>65=85</button> </div> <div class="col-12 col-lg-4" id="nav-cm-3-tab" data-toggle="tab" href="#nav-cm-3" data-id="3" role="tab" aria-controls="nav-cm-3" aria-selected="true"> <button type="button" class="alpha alpha-tetrary btn-lg ml-0 mr-0 w-100">5;5=85</button> </div> </nav> <div class="tab-content"> <div class="tab-pane fade show active" id="nav-cm-1" role="tabpanel" aria-labelledby="nav-cm-1-tab"> <div class="row"> <div class="col-lg-3"> </div> <div class="col-lg-6"> <input type="radio" name="type_calc" value="1" id="type_calc1" checked=""> <label for="type_calc1"><b>  (?5@5E>4 G5@57 5/G5@57 10)</b></label><br> <div class="radioBlock type_calc1"> <span class="refSpeed" onclick="$('#zak5').val(null).trigger('change');">57 ?@028; =0 5</span> <span class="fieldCaption">@028;0 =0 5:</span> <select class="Select2 select2-hidden-accessible" id="zak5" multiple="" style="width: 100%" onchange="removeFromSelect($('#zak5'),5);" tabindex="-1" aria-hidden="true"> <option value="5" selected="">N1K5</option> <option value="-4">-4 (-5+1)</option> <option value="-3">-3 (-5+2)</option> <option value="-2">-2 (-5+3)</option> <option value="-1">-1 (-5+4)</option> <option value="1">+1 (-4+5)</option> <option value="2">+2 (-3+5)</option> <option value="3">+3 (-2+5)</option> <option value="4">+4 (-1+5)</option> </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <ul class="select2-selection__rendered"> <li class="select2-selection__choice" title="N1K5"><span class="select2-selection__choice__remove" role="presentation">�</span><i class="fa undefined"></i> N1K5</li> <li class="select2-search select2-search--inline"> <input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li> </ul> </span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span> <br><br> <span class="refSpeed" onclick="$('#zak10').val(null).trigger('change');">57 ?@028; =0 10</span> <span class="fieldCaption">@028;0 =0 10:</span> <select class="Select2 select2-hidden-accessible" id="zak10" multiple="" style="width: 100%" onchange="removeFromSelect($('#zak10'),10);" tabindex="-1" aria-hidden="true"> <option value="10" selected="">N1K5</option> <option value="1">+1 (-9+10)</option> <option value="2">+2 (-8+10)</option> <option value="3">+3 (-7+10)</option> <option value="4">+4 (-6+10)</option> <option value="5">+5 (-5+10)</option> <option value="6">+6 (-4+10)</option> <option value="7">+7 (-3+10)</option> <option value="8">+8 (-2+10)</option> <option value="9">+9 (-1+10)</option> <option value="-9">-9 (-10+1)</option> <option value="-8">-8 (-10+2)</option> <option value="-7">-7 (-10+3)</option> <option value="-6">-6 (-10+4)</option> <option value="-5">-5 (-10+5)</option> <option value="-4">-4 (-10+6)</option> <option value="-3">-3 (-10+7)</option> <option value="-2">-2 (-10+8)</option> <option value="-1">-1 (-10+9)</option> </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <ul class="select2-selection__rendered"> <li class="select2-selection__choice" title="N1K5"><span class="select2-selection__choice__remove" role="presentation">�</span><i class="fa undefined"></i> N1K5</li> <li class="select2-search select2-search--inline"> <input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li> </ul> </span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span> <br><br> <span class="refSpeed" onclick="$('#combi10').val(null).trigger('change');">57 ?@028; :><18 =0 10</span> <span class="fieldCaption">@028;0 :><18 =0 10:</span> <select class="Select2 select2-hidden-accessible" id="combi10" multiple="" style="width: 100%" onchange="removeFromSelect($('#combi10'),0);" tabindex="-1" aria-hidden="true"> <option value="10" selected="">N1K5</option> <option value="6">+6 (-4+10)</option> <option value="7">+7 (-3+10)</option> <option value="8">+8 (-2+10)</option> <option value="9">+9 (-1+10)</option> <option value="-9">-9 (-10+1)</option> <option value="-8">-8 (-10+2)</option> <option value="-7">-7 (-10+3)</option> <option value="-6">-6 (-10+4)</option> </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <ul class="select2-selection__rendered"> <li class="select2-selection__choice" title="N1K5"><span class="select2-selection__choice__remove" role="presentation">�</span><i class="fa undefined"></i> N1K5</li> <li class="select2-search select2-search--inline"> <input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li> </ul> </span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span> <br><br> </div> <input type="radio" name="type_calc" value="2" id="type_calc2"> <label for="type_calc2"><b>"",+ # , (B@5=8@>2:0 ?0;LF52)</b></label><br> <div class="radioBlock type_calc2" style="display: none;"> <!--<span class="refSpeed" onclick="$('#otrab').val(null).trigger('change');">5 8A?>;L7>20BL</span>--> <!--<span class="fieldCaption">B@01>B:0:</span>--> <select class="Select2 select2-hidden-accessible" id="otrab" style="width: 100%" tabindex="-1" aria-hidden="true"> <option value="1" selected="">86=OO G0ABL AG5B (4> 5) </option> <option value="2">&lt; 8;8 = 5</option> <option value="3">&lt; 8;8 = 6</option> <option value="4">&lt; 8;8 = 7</option> <option value="5">&lt; 8;8 = 8</option> </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-otrab-container"><span class="select2-selection__rendered" id="select2-otrab-container" title="86=OO G0ABL AG5B (4> 5)"><i class="fa undefined"></i> 86=OO G0ABL AG5B (4> 5)</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span> </div> </div> <div class="col-lg-3"></div> </div> </div> <div class="tab-pane fade" id="nav-cm-2" role="tabpanel" aria-labelledby="nav-cm-2-tab"></div> <div class="tab-pane fade" id="nav-cm-3" role="tabpanel" aria-labelledby="nav-cm-3-tab"> </div> </div> </div> <div class="tab-pane fade" id="nav-pause" role="tabpanel" aria-labelledby="nav-pause-tab"> <div class="row m-0"> <div class="col-12 col-lg-4"> <div class="row"> <div class="col-6"> <span class="fieldCaption">0C70 ?5@54 AB0@B><:</span> </div> <div class="col-6"> <div class="pcart left"> <div class="set minus minus_podryad"></div><span>!B>?</span> <input type="number" id="pause_start" min="-1" max="60" data-grid="true" data-grid-snap="true" value="5" onchange="calcStat();" class="_RangeSlider"> <div class="set plus plus_podryad"></div> </div> </div> </div> <!-- <input class="_RangeSlider" type="text" id="pause_start" data-postfix=" A5:." data-min="-1" data-max="60" data-grid="true" data-grid-snap="true" value="5" onchange="calcStat();"/> //--> </div> <div class="col-12 col-lg-4"> <div class="row"> <div class="col-6"> <span class="fieldCaption">0C70 4;O 22>40 >B25B0:</span> </div> <div class="col-6"> <div class="pcart left"> <div class="set minus minus_podryad"></div> <input type="number" id="pause_answer" min="-1" max="60" data-grid="true" data-grid-snap="true" value="15" onchange="calcStat();" class="_RangeSlider"> <div class="set plus plus_podryad"></div> </div> </div> </div> <!-- <input class="RangeSlider" type="text" id="pause_answer" data-postfix=" A5:." data-min="4" data-max="60" data-grid="true" data-grid-snap="true" value="15" onchange="calcStat();"/> //--> </div> <div class="col-12 col-lg-4"> <div class="row"> <div class="col-6"> <span class="fieldCaption">0C70 4;O ?>:070 @57C;LB0B0:</span> </div> <div class="col-6"> <div class="pcart left"> <div class="set minus minus_podryad"></div> <input type="number" id="pause_result" min="-1" max="60" data-grid="true" data-grid-snap="true" value="2" onchange="calcStat();" class="_RangeSlider"> <div class="set plus plus_podryad"></div> </div> </div> </div> <!-- <input class="RangeSlider" type="text" id="pause_result" data-postfix=" A5:." data-min="-1" data-max="60" data-grid="true" data-grid-snap="true" value="2" onchange="calcStat();"/> //--> </div> </div> </div> <div class="tab-pane fade" id="nav-sound" role="tabpanel" aria-labelledby="nav-sound-tab"> <div class="form-check"><label class="form-check-label"><input id="flag_show_soundNumbers" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">72CG820BL G8A;0</h6> <p class="mb-1">72CG820=85 :064>3> >B>1@065<>3> G8A;0.</p> </label> </div> <div class="form-check"><label class="form-check-label"><input id="flag_show_soundHelp" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">72CG820BL ?>4A:07:8</h6> <p class="mb-1">72CG820=85 ?@><56CB>G=KE @57C;LB0B>2, C:070=89, ?><>I8. </p> </label> </div> <div class="form-check" style=""> <h6 class="mb-1">!:>@>ABL 3>;>A0</h6> <p class="mb-1" id="help_test_voice">@>A;CH09B5 A :0:>9 A:>@>ABLN 3>2>@8B 3>;>A 8 ?>415@8B5 =C6=CN.</p> <!-- <input class="RangeSlider saveParam" type="text" id="param_voice_rate" data-min="1" data-max="10" data-grid="true" data-grid-snap="true" value="2" onchange="calcStat();sayTest(this);"/> //--> <div class="pcart left"> <div class="set minus minus_podryad"></div> <input type="number" id="param_voice_rate" min="1" max="10" data-grid="true" data-grid-snap="true" value="2" onchange="calcStat();sayTest(this);" class="saveParam _RangeSlider"> <div class="set plus plus_podryad"></div> </div> </div> <div class="form-check" style=""> <h6 class="mb-1">K1>@ O7K:0 8 48:B>@0</h6> <p class="mb-1" id="help_test_voice">-:A?5@8<5=B0;L=0O DC=:F8O. A;8 2K1>@ ?@82>48B : >BACBAB28N >72CG:8, B> <>65B ?>B@51>20BLAO ?>;=0O ?5@5703@C7:0 1@0C75@0.<br> <a href="https://support.microsoft.com/ru-ru/help/22797/windows-10-narrator-tts-voices" target="_blank">>102;5=85 O7K:>2 >72CG820=8O 2 Windows</a>, <a href="https://clck.ru/ECk5h" target="_blank">AAK;:0 !2</a> </p> <select class="form-control saveParam" id="select_voice_name"> <option value="0" selected="">Daniel (English (United Kingdom))</option> <option value="1">Aaron</option> <option value="2">Albert</option> <option value="3">Alice</option> <option value="4">Alva</option> <option value="5">Am�lie</option> <option value="6">Amira</option> <option value="7">Anna</option> <option value="8">Arthur</option> <option value="9">Bad News</option> <option value="10">Bahh</option> <option value="11">Bells</option> <option value="12">Boing</option> <option value="13">Bubbles</option> <option value="14">Carmit</option> <option value="15">Catherine</option> <option value="16">Cellos</option> <option value="17">Damayanti</option> <option value="18">Daniel (French (France))</option> <option value="19">Daria</option> <option value="20">Eddy (German (Germany))</option> <option value="21">Eddy (English (United Kingdom))</option> <option value="22">Eddy (English (United States))</option> <option value="23">Eddy (Spanish (Spain))</option> <option value="24">Eddy (Spanish (Mexico))</option> <option value="25">Eddy (Finnish (Finland))</option> <option value="26">Eddy (French (Canada))</option> <option value="27">Eddy (French (France))</option> <option value="28">Eddy (Italian (Italy))</option> <option value="29">Eddy (Portuguese (Brazil))</option> <option value="30">Ellen</option> <option value="31">Flo (German (Germany))</option> <option value="32">Flo (English (United Kingdom))</option> <option value="33">Flo (English (United States))</option> <option value="34">Flo (Spanish (Spain))</option> <option value="35">Flo (Spanish (Mexico))</option> <option value="36">Flo (Finnish (Finland))</option> <option value="37">Flo (French (Canada))</option> <option value="38">Flo (French (France))</option> <option value="39">Flo (Italian (Italy))</option> <option value="40">Flo (Portuguese (Brazil))</option> <option value="41">Fred</option> <option value="42">Good News</option> <option value="43">Gordon</option> <option value="44">Grandma (German (Germany))</option> <option value="45">Grandma (English (United Kingdom))</option> <option value="46">Grandma (English (United States))</option> <option value="47">Grandma (Spanish (Spain))</option> <option value="48">Grandma (Spanish (Mexico))</option> <option value="49">Grandma (Finnish (Finland))</option> <option value="50">Grandma (French (Canada))</option> <option value="51">Grandma (French (France))</option> <option value="52">Grandma (Italian (Italy))</option> <option value="53">Grandma (Portuguese (Brazil))</option> <option value="54">Grandpa (German (Germany))</option> <option value="55">Grandpa (English (United Kingdom))</option> <option value="56">Grandpa (English (United States))</option> <option value="57">Grandpa (Spanish (Spain))</option> <option value="58">Grandpa (Spanish (Mexico))</option> <option value="59">Grandpa (Finnish (Finland))</option> <option value="60">Grandpa (French (Canada))</option> <option value="61">Grandpa (French (France))</option> <option value="62">Grandpa (Italian (Italy))</option> <option value="63">Grandpa (Portuguese (Brazil))</option> <option value="64">Hattori</option> <option value="65">Helena</option> <option value="66">Ioana</option> <option value="67">Jacques</option> <option value="68">Jester</option> <option value="69">Joana</option> <option value="70">Junior</option> <option value="71">Kanya</option> <option value="72">Karen</option> <option value="73">Kathy</option> <option value="74">Kyoko</option> <option value="75">Lana</option> <option value="76">Laura</option> <option value="77">Lekha</option> <option value="78">Lesya</option> <option value="79">Li-Mu</option> <option value="80">Linh</option> <option value="81">Luciana</option> <option value="82">Majed</option> <option value="83">Marie</option> <option value="84">Martha</option> <option value="85">Martin</option> <option value="86">Meijia</option> <option value="87">Melina</option> <option value="88">Milena</option> <option value="89">Moira</option> <option value="90">Montse</option> <option value="91">M�nica</option> <option value="92">Nicky</option> <option value="93">Nora</option> <option value="94">O-Ren</option> <option value="95">Organ</option> <option value="96">Paulina</option> <option value="97">Ralph</option> <option value="98">Reed (German (Germany))</option> <option value="99">Reed (English (United Kingdom))</option> <option value="100">Reed (English (United States))</option> <option value="101">Reed (Spanish (Spain))</option> <option value="102">Reed (Spanish (Mexico))</option> <option value="103">Reed (Finnish (Finland))</option> <option value="104">Reed (French (Canada))</option> <option value="105">Reed (Italian (Italy))</option> <option value="106">Reed (Portuguese (Brazil))</option> <option value="107">Rishi</option> <option value="108">Rocko (German (Germany))</option> <option value="109">Rocko (English (United Kingdom))</option> <option value="110">Rocko (English (United States))</option> <option value="111">Rocko (Spanish (Spain))</option> <option value="112">Rocko (Spanish (Mexico))</option> <option value="113">Rocko (Finnish (Finland))</option> <option value="114">Rocko (French (Canada))</option> <option value="115">Rocko (French (France))</option> <option value="116">Rocko (Italian (Italy))</option> <option value="117">Rocko (Portuguese (Brazil))</option> <option value="118">Samantha</option> <option value="119">Sandy (German (Germany))</option> <option value="120">Sandy (English (United Kingdom))</option> <option value="121">Sandy (English (United States))</option> <option value="122">Sandy (Spanish (Spain))</option> <option value="123">Sandy (Spanish (Mexico))</option> <option value="124">Sandy (Finnish (Finland))</option> <option value="125">Sandy (French (Canada))</option> <option value="126">Sandy (French (France))</option> <option value="127">Sandy (Italian (Italy))</option> <option value="128">Sandy (Portuguese (Brazil))</option> <option value="129">Sara</option> <option value="130">Satu</option> <option value="131">Shelley (German (Germany))</option> <option value="132">Shelley (English (United Kingdom))</option> <option value="133">Shelley (English (United States))</option> <option value="134">Shelley (Spanish (Spain))</option> <option value="135">Shelley (Spanish (Mexico))</option> <option value="136">Shelley (Finnish (Finland))</option> <option value="137">Shelley (French (Canada))</option> <option value="138">Shelley (French (France))</option> <option value="139">Shelley (Italian (Italy))</option> <option value="140">Shelley (Portuguese (Brazil))</option> <option value="141">Sinji</option> <option value="142">Superstar</option> <option value="143">Tessa</option> <option value="144">Thomas</option> <option value="145">Tingting</option> <option value="146">Trinoids</option> <option value="147">T�nde</option> <option value="148">Whisper</option> <option value="149">Wobble</option> <option value="150">Xander</option> <option value="151">Yelda</option> <option value="152">Yu-shu</option> <option value="153">Yuna</option> <option value="154">Zarvox</option> <option value="155">Zosia</option> <option value="156">Zuzana</option> </select> </div> </div> <div class="tab-pane fade" id="nav-params" role="tabpanel" aria-labelledby="nav-params-tab"> <div class="row"> <div class="col-lg-6"> <div class="form-check"><label class="form-check-label"><input id="flag_show_changePosition" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">7<5=5=85 ?>;>65=8O</h6> <p class="mb-1">'8A;0 >B>1@060NBAO 2 ?@>872>;L=>< <5AB5 M:@0=0. </p> </label> </div> <div class="form-check"><label class="form-check-label"><input id="flag_show_changeColor" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">7<5=5=85 F25B0</h6> <p class="mb-1">'8A;0 >B>1@060NBAO 2 @07=KE F25B0E.</p> </label> </div> <div class="form-check"><label class="form-check-label"><input id="flag_show_changeFont" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">7<5=5=85 H@8DB0</h6> <p class="mb-1">'8A;0 >B>1@060NBAO 2 @07=KE H@8DB0E.</p> </label> </div> <div class="form-check"><label class="form-check-label"><input id="flag_show_replyOne" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">B25B A@07C</h6> <p class="mb-1">5 B@51C5BAO 22>4 >B25B0 A :;0280BC@K, 4>AB0B>G=> ?@>3>2>@8BL 53> 2A;CE. >A;5 ?0C7K ?>:07K205BAO ?@028;L=K9 >B25B 4;O A25@:8.</p> </label> </div> <div class="form-check"><label class="form-check-label"><input id="flag_show_noTrueAnswer" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">5 ?>:07K20BL @57C;LB0B ?>A;5 ?@8<5@0</h6> <p class="mb-1"> MB>< @568<5 @515=:C =5 ?>:07K205BAO ?@028;L=> ;8 >= >B25B8; 8;8 =5B. ">;L:> ?>A;5 2A59 A5@88 ?@8<5@>2 <>6=> ?>A<>B@5BL AB0B8AB8:C. @54=07=0G5=> 4;O A;CG052, :>340 @515=>:, C28452 =5?@028;L=K9 >B25B, B5@O5B 8=B5@5A : 40;L=59H59 @01>B5.</p> </label> </div> <div class="form-check"><label class="form-check-label"><input id="flag_show_twoScreen" class="form-check-input saveParam" type="checkbox" value=""> <h6 class="mb-1">20 M:@0=0</h6> <p class="mb-1">20 ?@8<5@0 >B>1@060NBAO >4=>2@5<5==> 2 42CE G0ABOE M:@0=0.</p> </label> </div> </div> <div class="col-lg-6"> <div class="form-check" style=""> <h6 class="mb-1"> 07<5@ H@8DB0</h6> <div class="row"> <div class="col-lg-6"> <p class="mb-1" id="help_test_voice">A=>2=>9 @07<5@ F8D@. </p> </div> <div class="col-lg-6"> <div class="pcart left"> <div class="set minus minus_podryad"></div> <input class="_RangeSlider saveParam" type="number" id="param_font_size" min="5" max="45" data-grid="true" data-grid-snap="true" value="45" onchange="calcStat();fontTest(this);"> <div class="set plus plus_podryad"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- <br> --> <div class="row"> <div class="col-lg-5"></div> <div class="col-lg-2" style="text-align: center;"> <button type="button" class="alpha alpha-tertiary btn-lg" id="doTrainButton" style="width: 90%;">!B0@B</button><!-- btn btn-danger btn-lg--> <br><br> </div> <div class="col-lg-5"></div> </div> </div> <div role="tabpanel" class="tab-pane" id="lkPlace"></div> </div> </div> </div> <div class="row"> <!-- <nav class="col-sm-1 bg-light sidebar"></nav>--> <main class="col-sm-12" style="overflow: hidden; display: none;"> <div class="wrapCenter"> <div class="centerBlock startImg"></div> </div> </main> </div> </div> <a id="trigger_me" onclick="stext()"></a> <div class="modal fade" id="loginClubModal" tabindex="-1" role="dialog" aria-labelledby="loginClubModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <iframe id="remember" name="remember" class="hidden" src="about:blank"></iframe> <form id="signinForm" class="form-horizontal" role="form" action="about:blank" target="remember"> <input type="hidden" name="action" value="firstStep-Phone"> <input type="hidden" name="service" value="train"> <input type="hidden" name="flagAfterLoginCancel" value=""> <div class="modal-header"> <h5 class="modal-title">E>4/@538AB@0F8O =0 A09B5</h5> <button type="button" class="close" data-dismiss="modal" aria-label="0:@KBL"><span aria-hidden="true">�</span></button> </div> <div class="modal-body" style="padding:15px 40px 5px 40px;"> <div class="input-group mb-2"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fa fa-phone-square"></i></div> </div> <input id="loginPhone" type="tel" class="form-control" name="phone" placeholder="0H B5;5D>= (@>48B5;O, ?@5?>4020B5;O, 04<8=8AB@0B>@0)" required=""> </div> <div class="hidden" id="reminderSMSCodeBlock"> <p>K >B?@028;8 20< SMS A :>4>< ?>4B25@645=8O, ?>60;C9AB0 22548B5 :>4 2 MB> ?>;5:</p> <div class="input-group mb-2 login-fields"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fa fa-key"></i></div> </div> <input id="reminderSMSCode" type="number" class="form-control" name="reminderSMSCode" placeholder=">4 87 SMS"> </div> </div> <div id="loginErrors" class="hidden bg-danger"></div> </div> <div class="modal-footer"> <button id="btnDoLogin" type="submit" class="alpha alpha-tetrary center-block btn-doForm">0;55 <i class="fa fa-arrow-right" aria-hidden="true"></i></button><br> </div> </form> </div> </div> </div> <div class="modal fade" id="lk-selectChild" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <iframe id="remember" name="remember" class="hidden" src="about:blank"></iframe> <form id="lk-selectChildForm" class="form-horizontal" role="form" action="about:blank" target="remember"> <input type="hidden" name="action" value="lk-addChild"> <input type="hidden" name="idChild" value=""> <div class="modal-header"> <h5 class="modal-title">>102;5=85 CG5=8:0</h5> <button type="button" class="close" data-dismiss="modal" aria-label="0:@KBL"><span aria-hidden="true">�</span></button> </div> <div class="modal-body" style="padding:15px 40px 5px 40px;"> <div class="input-group mb-2"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fas fa-child"></i></div> </div> <input type="text" class="form-control" name="name" placeholder="<O CG5=8:0" required=""> </div> <label>0B0 @>645=8O:</label> <div class="input-group mb-2"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fas fa-birthday-cake"></i></div> </div> <select class="form-control" name="happy_day" required=""> <option></option> </select> <select class="form-control" name="happy_month" required=""> <option></option> </select> <select class="form-control" name="happy_year" required=""> <option></option> </select> </div> </div> <div class="modal-footer"> <button type="submit" class="alpha alpha-tetrary center-block">>1028BL</button><br> </div> </form> </div> </div> </div> <script type="text/javascript"> //document.addEventListener('contextmenu', e => e.preventDefault()); </script> <script src="script.js" charset="UTF-8"></script> <style> </style> <svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"> <defs id="SvgjsDefs1002"></defs> <polyline id="SvgjsPolyline1003" points="0,0"></polyline> <path id="SvgjsPath1004" d="M0 0 "></path> </svg> <div id="tmen_divSvgLib" style="height:0;width:0;left:-999px;top:-999px;position:absolute;visibility:hidden;"><svg id="tmen_svgLib" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns:svgjs="http://svgjs.com/svgjs"> <symbol id="lib_stone" viewBox="0 0 100 50"> <g id="stone3"> <path id="path4734" d="M100,26.64c-26.46,31.74-72.53,30.53-100,0V23.34c27.45-30.51,73.54-31.72,100,0Z" fill="url(#57K<O==K9_3@0485=B_91)"></path> </g> </symbol> <symbol id="lib_stone_flash" viewBox="0 0 100 50"> <defs> <linearGradient id="57K<O==K9_3@0485=B_109" x1="-1695.66" y1="694.65" x2="-1695.51" y2="744.49" gradientTransform="matrix(1, 0, 0, -1.01, 1745.58, 750.74)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#5f0f08"></stop> <stop offset="0.15" stop-color="#810e15"></stop> <stop offset="0.44" stop-color="#9b1111"></stop> <stop offset="0.52" stop-color="#c51a20"></stop> <stop offset="0.77" stop-color="#d10d17"></stop> <stop offset="1" stop-color="#b6260c"></stop> </linearGradient> <clipPath id="clip-path"> <path id="SVGID" d="M100,26.64c-26.46,31.74-72.53,30.53-100,0V23.34c27.45-30.51,73.54-31.72,100,0Z" fill="none"></path> </clipPath> <linearGradient id="57K<O==K9_3@0485=B_110" x1="-1925.97" y1="684.6" x2="-1977.02" y2="748.25" gradientTransform="matrix(1, 0, 0, -1.01, 2033.79, 751.31)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#fff"></stop> <stop offset="1" stop-color="#fff" stop-opacity="0"></stop> </linearGradient> </defs> <g id="stone_flash"> <g id="g4890"> <path id="path4892" d="M100,26.64c-26.46,31.74-72.53,30.53-100,0V23.34c27.45-30.51,73.54-31.72,100,0Z" fill="url(#57K<O==K9_3@0485=B_109)"></path> <g clip-path="url(#clip-path)"> <g id="path4894"> <path d="M50.37,0C32.11.16,13.71,8.07,0,23.32l0,2.19c27.45-32.64,73.51-34,100,.07V23.36C86.75,7.48,68.63-.14,50.37,0Z" fill="#d0a5ad"></path> </g> </g> <g id="path4896" opacity="0.4" style="isolation:isolate"> <path d="M52.71,1.4c8.68,5.85,18.09,11.6,20.54,23L84,24.23C77.44,10.2,67.28,4.72,52.71,1.4Z" fill="url(#57K<O==K9_3@0485=B_110)"></path> </g> </g> </g> </symbol> <symbol id="lib_obodok1" viewBox="0 0 45 379.54"> <defs> <linearGradient id="57K<O==K9_3@0485=B_2" x1="-883.61" y1="221.4" x2="-838.48" y2="221.4" gradientTransform="matrix(1, 0, 0, -0.93, 883.54, 396.7)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#733d0d"></stop> <stop offset="0.5" stop-color="#83561d"></stop> <stop offset="1" stop-color="#733d0d"></stop> </linearGradient> </defs> <g id="obodok1"> <path id="path5144" d="M30.42,0C38.5,0,45,6.06,45,13.59V366c0,7.53-6.51,13.59-14.59,13.59S17.24,373.36,15.83,366c-20.5-108.09-21.7-229.61,0-352.36C17.14,6.16,22.34,0,30.42,0Z" fill="url(#57K<O==K9_3@0485=B_2)"></path> </g> </symbol> <symbol id="lib_obodokTop" viewBox="0 0 1282.57 24.9"> <defs> <linearGradient id="57K<O==K9_3@0485=B_6" x1="-244.87" y1="877.41" x2="-244.87" y2="904.16" gradientTransform="matrix(1, 0, 0, -0.92, 886.15, 829.73)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#6e390f"></stop> <stop offset="0.5" stop-color="#824b08"></stop> <stop offset="1" stop-color="#b38818"></stop> </linearGradient> </defs> <g id="oibodokTop"> <g id="g5072"> <path id="rect5054" d="M11.82,0H1270.75a12,12,0,0,1,11.82,12.14v.62a12,12,0,0,1-11.82,12.14H11.82A12,12,0,0,1,0,12.76v-.62A12,12,0,0,1,11.82,0Z" fill="url(#57K<O==K9_3@0485=B_6)"></path> <g id="path5056"> <path d="M567.51,1.7h543.86C931.46,2.28,751.75,7.47,567.51,1.7Z" fill="#e9e9e9"></path> </g> <path id="path6136" d="M18.61,20.59C344.34,26,929.36,23.11,1257,23.86,907,10.83,383,14.48,18.61,20.59Z" fill="#70340f"></path> <path id="path5058" d="M102.77,21.81c325.73,5.37,790.09,1.69,1117.71,2.44Z" fill="#784f2f"> </path> </g> </g> </symbol> <symbol id="lib_obodokBottom" viewBox="0 0 1282.57 24.9"> <defs> <linearGradient id="57K<O==K9_3@0485=B_7" x1="-244.87" y1="1141.83" x2="-244.87" y2="1168.58" gradientTransform="matrix(1, 0, 0, -0.92, 886.15, 1072.14)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#4f2107"></stop> <stop offset="0.5" stop-color="#7d4410"></stop> <stop offset="1" stop-color="#a37014"></stop> </linearGradient> </defs> <g id="obodokBottom"> <g id="g5072-8"> <path id="rect5054-8" d="M11.82,0H1270.75a12,12,0,0,1,11.82,12.14v.62a12,12,0,0,1-11.82,12.14H11.82A12,12,0,0,1,0,12.76v-.62A12,12,0,0,1,11.82,0Z" fill="url(#57K<O==K9_3@0485=B_7)"></path> <g id="path5056-2"> <path d="M530.62,1.26l580.74.43C931.46,2.28,717.22,4.87,530.62,1.26Z" fill="#e9e9e9"></path> </g> <path id="path5058-7" d="M102.77,21.81c325.73,5.37,652.26-.75,979.89,0Z" fill="#784f2f"></path> </g> </g> </symbol> <symbol id="lib_stone10" viewBox="0 0 100 50"> <g id="cat"> <path d="M10,21.39,7.25,18.92C4.38,16.36,3,13.41,3.16,10.39s2-5.91,5.21-8.34A10.38,10.38,0,0,1,12.53.31,15.72,15.72,0,0,1,17.71.14a34.47,34.47,0,0,1,13.51,4.5c3.61,2.24,5.89,5,6.61,8l.69,2.89Z" fill="#ea8962"></path> <path d="M28.72,12.38l-14.79,3-.21-.19c-3.43-3.05-3.17-7,.66-9.87h0a3.6,3.6,0,0,1,2.51-.51h0c6.24.84,10.92,3.75,11.78,7.33Z" fill="#f5d7b7"></path> <path d="M4,14.65a13,13,0,0,0,3.28,4.27L10,21.39l28.5-5.84-.69-2.89A11.59,11.59,0,0,0,34.29,7C23,7.88,11.4,10,4,14.65Z" opacity="0.05" style="isolation:isolate"></path> <path d="M90,21.39l2.77-2.47c2.88-2.56,4.29-5.51,4.09-8.53s-2-5.91-5.21-8.34A10.38,10.38,0,0,0,87.47.31,15.72,15.72,0,0,0,82.29.14a34.47,34.47,0,0,0-13.51,4.5c-3.61,2.24-5.89,5-6.61,8l-.69,2.89Z" fill="#ea8962"></path> <path d="M71.28,12.38l14.79,3,.21-.19c3.43-3.05,3.17-7-.66-9.87h0a3.6,3.6,0,0,0-2.51-.51h0c-6.24.84-10.92,3.75-11.78,7.33Z" fill="#f5d7b7"></path> <path d="M92.75,18.92A13,13,0,0,0,96,14.65C88.6,10,77,7.88,65.71,7a11.59,11.59,0,0,0-3.54,5.69l-.69,2.89L90,21.39Z" opacity="0.05" style="isolation:isolate"></path> <path d="M50,50c27.35,0,46.26-6.8,49.53-19.54C103.89,13.41,77.35,8.57,50,8.57S-3.89,13.41.47,30.46C3.74,43.2,22.65,50,50,50Z" fill="#f49e73"></path> <path d="M39.5,8.83C16.31,10-3.33,15.61.47,30.46,3.74,43.2,22.65,50,50,50a133.63,133.63,0,0,0,16.89-1C-1.45,41.29,20,14.45,39.5,8.83Z" fill="#ef9067"></path> <ellipse cx="22.04" cy="29.03" rx="10.73" ry="4.81" fill="#f27281"></ellipse> <ellipse cx="80.1" cy="29.03" rx="10.73" ry="4.81" fill="#f27281"></ellipse> <path d="M26.15,25.06c-.81,0-1.46-.37-1.46-.82V22.11c0-.46.66-.82,1.46-.82s1.46.37,1.46.82v2.13C27.62,24.69,27,25.06,26.15,25.06Z" fill="#464d59"></path> <path d="M73.85,25.06c-.81,0-1.46-.37-1.46-.82V22.11c0-.46.66-.82,1.46-.82s1.46.37,1.46.82v2.13C75.31,24.69,74.66,25.06,73.85,25.06Z" fill="#464d59"></path> <path d="M55.54,37.11A13.61,13.61,0,0,1,50,36a13.61,13.61,0,0,1-5.54,1.1,12.59,12.59,0,0,1-6.64-1.7c-.53-.34-.47-.86.14-1.16a2.33,2.33,0,0,1,2.07.08,9.21,9.21,0,0,0,8.86,0,2.3,2.3,0,0,1,2.21,0,9.21,9.21,0,0,0,8.86,0A2.33,2.33,0,0,1,62,34.24c.61.3.67.82.14,1.16A12.58,12.58,0,0,1,55.54,37.11Z" fill="#464d59"></path> <path d="M50,31.59c3.18,0,8.44-1.57,9.87-4.11,1.34-2.38-4.42-3.07-9.87-3.07s-11.2.68-9.87,3.07C41.56,30,46.82,31.59,50,31.59Z" fill="#464d59"></path> <path d="M50,35.69c-.81,0-1.46-.37-1.46-.82V31.59c0-.46.66-.82,1.46-.82s1.46.37,1.46.82v3.27C51.46,35.32,50.81,35.69,50,35.69Z" fill="#464d59"></path> <path d="M83.54,37.13a2.18,2.18,0,0,1-1-.23c-3.22-1.74-9-2.93-13.14-3.19-.8-.05-1.38-.46-1.29-.91s.82-.78,1.62-.72c4.44.29,11,1.55,14.83,3.64.58.32.6.84,0,1.17A2.14,2.14,0,0,1,83.54,37.13Z" fill="#464d59"></path> <path d="M85.23,32.43a2.37,2.37,0,0,1-.75-.12c-3.83-1.3-10-1.72-14.07-1.47-.81,0-1.53-.28-1.61-.73s.49-.86,1.3-.91c4.44-.27,11.31.14,15.9,1.7.69.23.92.74.5,1.13A1.9,1.9,0,0,1,85.23,32.43Z" fill="#464d59"></path> <path d="M16.46,37.13a2.14,2.14,0,0,1-1.06-.25c-.56-.33-.54-.85,0-1.17,3.86-2.09,10.39-3.35,14.83-3.64.8-.05,1.53.27,1.62.72s-.48.86-1.29.91c-4.09.27-9.92,1.45-13.14,3.19A2.18,2.18,0,0,1,16.46,37.13Z" fill="#464d59"></path> <path d="M14.77,32.43a1.9,1.9,0,0,1-1.26-.4c-.42-.39-.19-.9.5-1.13,4.59-1.55,11.46-2,15.9-1.7.8,0,1.39.46,1.3.91s-.81.78-1.62.73c-4.1-.25-10.24.17-14.07,1.47A2.38,2.38,0,0,1,14.77,32.43Z" fill="#464d59"></path> <path d="M50,8.57c-2.21,0-4.42,0-6.61.1,0,4.43,3,8,6.61,8s6.56-3.58,6.61-8C54.42,8.61,52.21,8.57,50,8.57Z" opacity="0.1" style="isolation:isolate"></path> <path d="M24.63,10.36a6.57,6.57,0,0,0,5.83,4.3c3,0,5.46-2.38,6.3-5.66C32.53,9.28,28.44,9.73,24.63,10.36Z" opacity="0.1" style="isolation:isolate"></path> <path d="M75.37,10.36a6.57,6.57,0,0,1-5.83,4.3c-3,0-5.46-2.38-6.3-5.66C67.47,9.28,71.56,9.73,75.37,10.36Z" opacity="0.1" style="isolation:isolate"></path> </g> </symbol> <symbol id="lib_stone11" viewBox="0 0 100 50"> <g id="diamond"> <polygon points="50 50 80.62 14.32 50 8.04 19.38 14.32 50 50" fill="#53deff"></polygon> <polygon points="50 50 66.67 16.08 50 8.04 83.33 8.04 100 16.08 50 50" fill="#00a5c6"></polygon> <polygon points="33.33 16.08 50 50 0 16.08 16.67 8.04 50 8.04 33.33 16.08" fill="#00a5c6"></polygon> <polygon points="16.67 0 50 0 50 8.04 33.33 16.08 16.67 8.04 16.67 0" fill="#53deff"></polygon> <polygon points="83.33 0 50 0 50 8.04 66.67 16.08 83.33 8.04 83.33 0" fill="#53deff"></polygon> <polygon points="66.67 16.08 33.33 16.08 50 0 66.67 16.08" fill="#49c3e0"></polygon> <polygon points="33.33 16.08 0 16.08 16.67 0 33.33 16.08" fill="#49c3e0"></polygon> <polygon points="66.67 16.08 100 16.08 83.33 0 66.67 16.08" fill="#49c3e0"></polygon> <path d="M34.09,9.9c-.83,0-1.51-.44-1.51-1V7.06c0-.54.68-1,1.51-1s1.51.44,1.51,1V8.92C35.6,9.46,34.93,9.9,34.09,9.9Z" fill="#3a484a"></path> <path d="M65.91,9.9c-.83,0-1.51-.44-1.51-1V7.06c0-.54.68-1,1.51-1s1.51.44,1.51,1V8.92C67.42,9.46,66.74,9.9,65.91,9.9Z" fill="#3a484a"></path> <path d="M50,10.9a8.67,8.67,0,0,1-5.06-1.46.77.77,0,0,1,.14-1.38,2.12,2.12,0,0,1,2.13.09,5.31,5.31,0,0,0,5.58,0,2.12,2.12,0,0,1,2.13-.09.77.77,0,0,1,.14,1.38A8.66,8.66,0,0,1,50,10.9Z" fill="#3a484a"></path> </g> </symbol> <symbol id="lib_stone12" viewBox="0 0 100 50"> <g id="heart"> <path d="M82.42,5.2c-7.56-6-19.9-6.76-28.9-2.46a8.71,8.71,0,0,1-7.26,0c-9-4.3-21.34-3.56-28.9,2.46-22,17.51,10.41,36,25.5,43.27a16.92,16.92,0,0,0,14.07,0C72,41.24,104.39,22.7,82.42,5.2Z" fill="#ff737d"></path> <path d="M67.21,0A29.67,29.67,0,0,0,53.46,2.76a8.64,8.64,0,0,1-7.2,0c-9-4.3-21.34-3.56-28.9,2.46-22,17.51,10.41,36,25.5,43.27a16.92,16.92,0,0,0,14.07,0c1.45-.69,3.06-1.49,4.76-2.38-14.54-3.76-21.09-11-24-17.56C35,22.18,40.16,15.51,49,13.81,62.72,11.17,66.3,3.29,67.21,0Z" fill="#f46262"></path> </g> </symbol> <symbol id="lib_stone13" viewBox="0 0 100 50"> <g id="teddy"> <path d="M38.4,40A33.07,33.07,0,0,1,28,36.94c-1.89-.95-2.25-2.71-.81-4a6,6,0,0,1,6.05-.53,22.26,22.26,0,0,0,6.54,2h0Z" fill="#ffb641"></path> <path d="M63,40a33.07,33.07,0,0,0,10.4-3.09c1.89-.95,2.25-2.71.81-4a6,6,0,0,0-6.05-.53,22.26,22.26,0,0,1-6.54,2h0Z" fill="#ffb641"></path> <path d="M65.87,33.78a15.28,15.28,0,0,0-2.75-2.68H38.26a15.39,15.39,0,0,0-3,3c-5.4,7.13,2.23,15.59,14.4,15.9h1.4C63.76,49.88,71.75,41.12,65.87,33.78Z" fill="#fa9e25"></path> <ellipse cx="31.14" cy="5.97" rx="8.47" ry="5.53" fill="#fa9e25"></ellipse> <ellipse cx="31.14" cy="5.97" rx="4.38" ry="2.86" fill="#ffde76"></ellipse> <ellipse cx="70.21" cy="5.97" rx="8.47" ry="5.53" fill="#fa9e25"></ellipse> <ellipse cx="70.21" cy="5.97" rx="4.38" ry="2.86" fill="#ffde76"></ellipse> <ellipse cx="50.67" cy="16.6" rx="25.43" ry="16.6" fill="#ffb641"></ellipse> <path d="M37.88,15c-.64,0-1.16-.34-1.16-.75V12.68c0-.42.52-.75,1.16-.75s1.16.34,1.16.75v1.55C39,14.65,38.52,15,37.88,15Z" fill="#38484a"></path> <path d="M63.47,15c-.64,0-1.16-.34-1.16-.75V12.68c0-.42.52-.75,1.16-.75s1.16.34,1.16.75v1.55C64.62,14.65,64.1,15,63.47,15Z" fill="#38484a"></path> <path d="M54.44,13.79c4.68,1,8.06,3.92,8.06,7.32,0,4.26-5.29,7.72-11.82,7.72s-11.82-3.46-11.82-7.72c0-3.4,3.37-6.29,8.06-7.32Z" fill="#ffde76"></path> <path d="M54.44,13.79c-.29,1.19-1.87,2.09-3.77,2.09S47.2,15,46.91,13.79a17.92,17.92,0,0,1,7.54,0Z" fill="#38484a"></path> <path d="M50.67,19.54a7.73,7.73,0,0,1-4.54-1.32.59.59,0,0,1,.11-1.06,1.61,1.61,0,0,1,1.63.07,5.29,5.29,0,0,0,5.6,0,1.61,1.61,0,0,1,1.63-.07.59.59,0,0,1,.11,1.06A7.73,7.73,0,0,1,50.67,19.54Z" fill="#38484a"></path> <path d="M41.55,42.58c2.34,1.53,3,4.45.67,6s-6.81,1.1-9.16-.43-2.34-4,0-5.54A8.42,8.42,0,0,1,41.55,42.58Z" fill="#ffb641"></path> <path d="M59.8,42.58c-2.34,1.53-3,4.45-.67,6s6.81,1.1,9.16-.43,2.34-4,0-5.54A8.42,8.42,0,0,0,59.8,42.58Z" fill="#ffb641"></path> <path d="M47.91,34.53s-7.32,3.61-7.32-1.32,7.32-1.32,7.32-1.32Z" fill="#6daad9"></path> <path d="M53.44,34.53s7.32,3.61,7.32-1.32-7.32-1.32-7.32-1.32Z" fill="#6daad9"></path> <path d="M51.27,31.12h-1.2c-1.43,0-2.59.76-2.59,1.69v.78c0,.94,1.16,1.69,2.59,1.69h1.2c1.43,0,2.59-.76,2.59-1.69v-.78C53.87,31.88,52.7,31.12,51.27,31.12Z" fill="#80c9ff"></path> </g> </symbol> <defs> <linearGradient id="57K<O==K9_3@0485=B_91" x1="-1506.66" y1="696.92" x2="-1506.51" y2="746.76" gradientTransform="matrix(1, 0, 0, -1.01, 1556.58, 753.03)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#857841"></stop> <stop offset="0.15" stop-color="#978d6a"></stop> <stop offset="0.44" stop-color="#bec2c5"></stop> <stop offset="0.52" stop-color="#d1d9d8"></stop> <stop offset="0.77" stop-color="#badef6"></stop> <stop offset="1" stop-color="#b7d7e6"></stop> </linearGradient> <linearGradient id="gradientStone2"> <stop id="SvgjsStop1011" stop-color="green" offset="0"></stop> <stop id="SvgjsStop1012" stop-color="#00ff99" offset="0.5"></stop> <stop id="SvgjsStop1013" stop-color="green" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone3"> <stop id="SvgjsStop1018" stop-color="#ffae00" offset="0"></stop> <stop id="SvgjsStop1019" stop-color="#ffae00" offset="0.5"></stop> <stop id="SvgjsStop1020" stop-color="#ffae00" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone4"> <stop id="SvgjsStop1025" stop-color="#ffae00" offset="0"></stop> <stop id="SvgjsStop1026" stop-color="red" offset="0.5"></stop> <stop id="SvgjsStop1027" stop-color="#ffae00" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone5"> <stop id="SvgjsStop1032" stop-color="#0600ff" offset="0"></stop> <stop id="SvgjsStop1033" stop-color="white" offset="0.5"></stop> <stop id="SvgjsStop1034" stop-color="#0600ff" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone6"> <stop id="SvgjsStop1039" stop-color="#ff003c" offset="0"></stop> <stop id="SvgjsStop1040" stop-color="white" offset="0.5"></stop> <stop id="SvgjsStop1041" stop-color="#ff003c" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone7"> <stop id="SvgjsStop1046" stop-color="#00c6ff" offset="0"></stop> <stop id="SvgjsStop1047" stop-color="white" offset="0.5"></stop> <stop id="SvgjsStop1048" stop-color="#00c6ff" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone8"> <stop id="SvgjsStop1053" stop-color="#ba00ff" offset="0"></stop> <stop id="SvgjsStop1054" stop-color="white" offset="0.5"></stop> <stop id="SvgjsStop1055" stop-color="#ba00ff" offset="1"></stop> </linearGradient> <linearGradient id="gradientStone9"> <stop id="SvgjsStop1060" stop-color="blue" offset="0"></stop> <stop id="SvgjsStop1061" stop-color="white" offset="0.5"></stop> <stop id="SvgjsStop1062" stop-color="blue" offset="1"></stop> </linearGradient> </defs> <symbol id="lib_stone2" viewBox="0 0 100 50"> <path id="SvgjsPath1008" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="green"></path> <path id="SvgjsPath1009" d="M0 25 q 50 50 100 0 z" stroke="green" fill="url(#gradientStone2)"></path> </symbol> <symbol id="lib_stone3" viewBox="0 0 100 50"> <path id="SvgjsPath1015" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="#ffae00"></path> <path id="SvgjsPath1016" d="M0 25 q 50 50 100 0 z" stroke="#ffae00" fill="url(#gradientStone3)"></path> </symbol> <symbol id="lib_stone4" viewBox="0 0 100 50"> <path id="SvgjsPath1022" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="#ffae00"></path> <path id="SvgjsPath1023" d="M0 25 q 50 50 100 0 z" stroke="#ffae00" fill="url(#gradientStone4)"></path> </symbol> <symbol id="lib_stone5" viewBox="0 0 100 50"> <path id="SvgjsPath1029" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="#0600ff"></path> <path id="SvgjsPath1030" d="M0 25 q 50 50 100 0 z" stroke="#0600ff" fill="url(#gradientStone5)"></path> </symbol> <symbol id="lib_stone6" viewBox="0 0 100 50"> <path id="SvgjsPath1036" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="#ff003c"></path> <path id="SvgjsPath1037" d="M0 25 q 50 50 100 0 z" stroke="#ff003c" fill="url(#gradientStone6)"></path> </symbol> <symbol id="lib_stone7" viewBox="0 0 100 50"> <path id="SvgjsPath1043" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="#00c6ff"></path> <path id="SvgjsPath1044" d="M0 25 q 50 50 100 0 z" stroke="#00c6ff" fill="url(#gradientStone7)"></path> </symbol> <symbol id="lib_stone8" viewBox="0 0 100 50"> <path id="SvgjsPath1050" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="#ba00ff"></path> <path id="SvgjsPath1051" d="M0 25 q 50 50 100 0 z" stroke="#ba00ff" fill="url(#gradientStone8)"></path> </symbol> <symbol id="lib_stone9" viewBox="0 0 100 50"> <path id="SvgjsPath1057" d="M0 25 q 50 -50 100 0 z" fill="white" stroke="blue"></path> <path id="SvgjsPath1058" d="M0 25 q 50 50 100 0 z" stroke="blue" fill="url(#gradientStone9)"></path> </symbol> <symbol id="lib_spica" viewBox="0 0 21 350"> <line id="SvgjsLine1064" x1="12" y1="0" x2="12" y2="350" stroke="#887d22" stroke-width="11"></line> </symbol> <symbol id="lib_planka" viewBox="0 0 101 25"> <line id="SvgjsLine1066" x1="0" y1="14" x2="101" y2="14" stroke="black" stroke-width="13"></line> </symbol> </svg></div> </body> </html>