*{box-sizing:border-box;margin:0;padding:0;font-family:"Lora",serif;font-size:1em}html{scroll-behavior:smooth}ul>li{list-style:none}h1{font-family:"Open Sans",sans-serif;font-weight:800;font-size:4em;line-height:1;margin-bottom:20px}@media only screen and (min-width: 960px){h1{font-size:8em}}p,.row{font-family:"Lora",serif;font-size:1.1em;margin-bottom:1rem;line-height:1.5}.note-block{width:max-content;max-width:100%;margin:0 auto}@media only screen and (min-width: 960px){.note-block{width:auto}}.note{position:relative;font:inherit}.note:before{content:"*";position:absolute;top:0;left:-0.75em}a{color:#228b22;text-decoration:underline;cursor:pointer}a.tech-link{text-decoration:none;color:currentColor}span{font-size:1em;font-family:"Open Sans",sans-serif}span.remark{font-family:"Lora",serif}section{min-height:100vh;display:flex;flex-wrap:wrap;overflow:hidden}section:nth-child(odd){background:#fbfbf1}.subtitle{font-family:"Open Sans",sans-serif;font-size:1.5em;font-weight:800}@media only screen and (min-width: 960px){.subtitle{font-size:2em}}.remark{font-style:italic}.answer{color:#8b789e}.template{width:100%;max-width:960px;padding:32px 16px;margin:auto;position:relative}.--hide{display:none}.default-input{outline:none;padding:5px 0;font-style:italic;border:none;border-bottom:1px solid #000}.wide-template{width:100%}.ads{background-image:url("../img/bg-1.jpg");background-size:cover;background-position:50%}.ads .subtitle{margin-bottom:16px}.ads .ads-text{width:100%;max-width:640px;margin:0 auto 48px}.ads .arrow-wrapper{display:flex;width:100%;height:60px;justify-content:center;align-items:center;position:relative}.ads .arrow{width:40px;height:40px;border-bottom:3px solid #000;border-right:3px solid #000;transform:rotate(45deg);animation:1.75s ease-out infinite move;position:absolute;bottom:0}.super-pic{width:100%;max-width:320px;margin:0 auto 16px;position:relative;padding:15px 14px 11px 15px}@media only screen and (min-width: 960px){.super-pic{padding:30px 28px 22px 30px;max-width:none}.super-pic.centered{width:50%}}.super-pic:before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;box-sizing:border-box;border:solid;border-image-source:url("../img/frame.png");border-image-slice:45%;border-image-width:60px}@media only screen and (min-width: 960px){.super-pic:before{border-image-slice:40%;border-image-width:100px}}.super-pic img{display:block;width:100%}.small-pic img{width:40%;margin-left:0;margin-top:-20px}.content{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width: 960px){.content{justify-content:flex-start}}.content .text,.content .pic{width:100%;text-align:center;position:relative}@media only screen and (min-width: 960px){.content .text,.content .pic{width:50%;text-align:left}}.content .pic{order:-1;margin-bottom:20px;max-height:650px}.content .pic--static{animation:none !important}@media only screen and (min-width: 960px){.content .pic{order:0;margin:0}}@media only screen and (min-width: 960px){.content.animated .pic{animation:showRight 1s ease-out}}.content.animated .step-item{animation:appear .25s ease-in-out forwards}.content.animated .step-item--2{animation-delay:.2s}.content.animated .step-item--3{animation-delay:.4s}.content.animated .step-item--4{animation-delay:.6s}.content.animated .step-item--5{animation-delay:.8s}.content.animated .step-item--6{animation-delay:1s}.content.animated .step-item--7{animation-delay:1.2s}.content.animated .step-item--8{animation-delay:1.5s}.letter-pic{width:100%;max-width:320px;display:block;margin:0 auto;height:100%;max-height:100%;object-fit:contain}@media only screen and (min-width: 960px){.letter-pic{max-width:none}}.text-center{text-align:center}.menu-opened{position:relative;overflow:hidden}.menu-opened:before{content:"";opacity:.5;position:fixed;background:#000;width:100%;top:0;left:0;height:100vh;z-index:1}.menu-list{column-count:2}.menu-list_wrapper{display:none;height:100%;position:fixed;background:#fff;top:0;right:0;width:70%;max-width:300px;z-index:1;padding:62px 0 16px 16px}.menu-list_wrapper:before{content:"";position:fixed;width:70%;max-width:300px;height:62px;background:#fff;top:0;right:0}@media only screen and (min-width: 960px){.menu-list_wrapper{padding:62px 0 32px 32px}}.menu-list_wrapper.show{display:block;overflow:auto}.menu-list_btn{position:fixed;top:5px;right:5px;width:30px;height:30px;z-index:2;background:rgba(251,251,241,.5);display:flex;flex-direction:column;justify-content:center;padding:3px;cursor:pointer}@media only screen and (min-width: 960px){.menu-list_btn{top:32px;right:16px}}.menu-list_btn.rotate{transform:rotate(90deg)}.menu-list_btn .line{width:100%;background:#000;height:3px;pointer-events:none}.menu-list_btn .line+.line{margin-top:5px}.menu-list_item{margin-bottom:10px}.menu-list_item.disabled .menu-list_link{color:#a5a5a5;pointer-events:none}.menu-list_item.disabled .menu-list_link:hover{transform:none}.menu-list_link{text-decoration:none;color:#000;font-size:1.5em;font-family:"Open Sans",sans-serif;font-weight:600;display:block;width:max-content;transform-origin:center;transition:.5s}.menu-list_link:hover{transform:scale(1.2)}.menu-list .home-icon{width:1em;height:1em}.open-slide{display:flex;align-items:center}.open-slide .template{text-align:center}#canvas{display:block;box-sizing:border-box;border:1px solid #e0e0e0;cursor:crosshair;margin:0 0 20px}#undo{position:relative;display:flex;justify-content:center}@media only screen and (max-width: 1024px){#undo{display:none}}#undo.hovered:before{content:"Зажми и держи";position:absolute;display:none;width:max-content;top:100%;font-size:12px;color:#000;margin:auto;height:max-content}#undo.hovered:hover:before{display:block}.form-block{margin-bottom:40px;border:2px solid #000;padding:20px}.picture-form{margin-top:20px}.picture-controls{display:flex;justify-content:flex-end}.picture-control{font-family:"Open Sans",sans-serif}.picture-control+.picture-control{margin-left:30px}.paint-name{margin-bottom:20px}.paint-name label{margin-right:20px}.paint-name .default-input{width:100%;max-width:240px}.paint-submit{display:flex;justify-content:space-between;align-items:center}.attach-block{position:relative}.attach-block .cross{position:absolute;right:-20px;top:0;color:#228b22;cursor:pointer}.attach-block .cross:hover{filter:brightness(1.4)}#img-attach{display:none}.img-attach-label{cursor:pointer;color:#228b22;display:flex;grid-gap:8px;align-items:center;text-decoration:underline}.send-btn{padding:10px;font-family:"Open Sans",sans-serif;cursor:pointer}.send-btn span{display:none}@media only screen and (min-width: 960px){.send-btn span{display:inline}}.left-picture{width:100%}.steps-pic{padding:20px 0 40px 20px;min-height:300px;position:relative}.steps-pic .step-item{position:absolute;transform:scale(0.6);opacity:0}@media only screen and (min-width: 960px){.steps-pic .step-item{transform:scale(0.8)}}.steps-pic .step-item--1{left:20%;bottom:10px}.steps-pic .step-item--2{left:35%;bottom:13%;animation-delay:.2s}.steps-pic .step-item--3{left:32%;bottom:35%;animation-delay:.4s}.steps-pic .step-item--4{left:48%;bottom:35%;animation-delay:.6s}.steps-pic .step-item--5,.steps-pic .step-item--6,.steps-pic .step-item--7,.steps-pic .step-item--8{transform:scale(0.5)}.steps-pic .step-item--5{left:43%;bottom:50%;animation-delay:.8s}.steps-pic .step-item--6{left:57%;bottom:53%;animation-delay:1s}.steps-pic .step-item--7{right:30%;top:8%;animation-delay:1.2s}.steps-pic .step-item--8{right:20%;top:0;animation-delay:1.5s}@keyframes showRight{0%{transform:translateX(100vw)}100%{transform:translateX(0)}}@keyframes move{0%{bottom:0}50%{bottom:20px}100%{bottom:1px}}@keyframes appear{0%{opacity:0}100%{opacity:1}}