section.hero{background:#8ee4af;background:linear-gradient(0deg, #f8fafc 0%, #8ee4af 100%);padding:100px 0;text-align:center}section.hero h1{font-size:4rem;line-height:4.5rem;font-weight:700;color:var(--title);max-width:900px;margin:0 auto}@media (max-width: 576px){section.hero h1{font-size:3.5rem;line-height:3.5rem}}@media (max-width: 414px){section.hero h1{font-size:3rem;line-height:3rem}}section.hero h1+p{font-size:1.2rem;color:var(--title);max-width:800px;margin:50px auto 0}.category-blog .blog-categories{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-bottom:30px}.category-blog .blog-categories .item{border:1px solid var(--title);background:#fff;width:fit-content;padding:7px 25px;box-sizing:border-box;margin-right:10px;border-radius:5px;text-decoration:none;color:var(--title);font-weight:500;margin-top:10px}.category-blog .blog-categories .item:hover{cursor:pointer;background:transparent}.blog-items-wrapper .isotope-item{border:1px solid var(--maingreen);border-top:4px solid var(--maingreen);width:calc(100% / 3 - 20px);padding:0;box-sizing:border-box;border-radius:10px;background:#fff;margin-bottom:20px}@media (max-width: 576px){.blog-items-wrapper .isotope-item{width:calc(100% / 2 - 10px)}}@media (max-width: 480px){.blog-items-wrapper .isotope-item{width:100%}}.blog-items-wrapper .isotope-item .thumb{min-height:345px}.blog-items-wrapper .isotope-item .thumb img{border-radius:10px 10px 0 0}.blog-items-wrapper .isotope-item .title{padding:25px}.blog-items-wrapper .isotope-item .title p a{font-size:19px;font-weight:700;color:var(--title);transition:0.2s linear;text-decoration:none;margin:0}.blog-items-wrapper .isotope-item .title p a:hover{cursor:pointer;color:var(--subtitle)}.blog-items-wrapper .isotope-item a.btn-more{background:var(--maingreen);color:#fff;min-width:170px}.blog-items-wrapper .isotope-item a.btn-more:hover{background:var(--subtitle);border:1px solid var(--subtitle)}.blog-items-wrapper .isotope-item .content{padding:0 25px}.blog-items-wrapper .isotope-item .content .data{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start}.blog-items-wrapper .isotope-item .content .data .hits,.blog-items-wrapper .isotope-item .content .data .calendar{width:30%;position:relative;font-size:14px;font-weight:500;padding-left:25px;color:#727a86}.blog-items-wrapper .isotope-item .content .data .hits:before,.blog-items-wrapper .isotope-item .content .data .calendar:before{position:absolute;content:'';width:16px;height:16px;top:5px;left:0}.blog-items-wrapper .isotope-item .content .data .hits:before{background:url("/images/articles/view.png")}.blog-items-wrapper .isotope-item .content .data .calendar:before{background:url("/images/articles/schedule.png")}section.article-hero{margin-top:40px}section.article-hero .wrapper{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;align-items:stretch}section.article-hero .wrapper .itemSidebar{width:540px}@media (max-width: 992px){section.article-hero .wrapper .itemSidebar{width:450px}}@media (max-width: 800px){section.article-hero .wrapper .itemSidebar{width:100%}}section.article-hero .wrapper .itemSidebar img{border-radius:20px}@media (max-width: 800px){section.article-hero .wrapper .itemSidebar img{margin:0 auto 30px;display:block}}section.article-hero .wrapper .itemContent{width:calc(100% - 600px);position:relative}@media (max-width: 992px){section.article-hero .wrapper .itemContent{width:calc(100% - 500px)}}@media (max-width: 800px){section.article-hero .wrapper .itemContent{width:100%}}section.article-hero .wrapper .itemContent h1{font-size:3rem;line-height:3.8rem;font-weight:700;color:var(--title);margin:20px auto}@media (max-width: 576px){section.article-hero .wrapper .itemContent h1{line-height:3.2rem}}@media (max-width: 395px){section.article-hero .wrapper .itemContent h1{font-size:2.5rem;line-height:3rem}}section.article-hero .wrapper .itemContent div.author-block{position:absolute;bottom:0;width:100%;margin:0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0}@media (max-width: 992px){section.article-hero .wrapper .itemContent div.author-block{position:relative;margin-top:40px}}section.article-hero .wrapper .itemContent div.author-block div{width:calc(100% - 85px);text-align:left;padding-left:15px;box-sizing:border-box}section.article-hero .wrapper .itemContent div.author-block div p{margin:0;font-size:15px;line-height:20px}section.article-hero .wrapper .itemContent .data{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}section.article-hero .wrapper .itemContent .data p{width:30%;margin-right:15px}@media (max-width: 414px){section.article-hero .wrapper .itemContent .data p.itemDateCreated{width:100%;margin:0}}@media (max-width: 414px){section.article-hero .wrapper .itemContent .data p.time{width:50%;margin:0}}section.article{margin-top:60px}section.article .wrapper{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.article .content{width:calc(100% - 340px)}@media (max-width: 800px){section.article .content{width:100%}}section.article .content img{margin:30px auto;display:block}section.article .content blockquote{background:#fff;border-left:4px solid var(--maingreen);padding:30px;box-sizing:border-box;max-width:90%;margin:50px auto}@media (max-width: 414px){section.article .content blockquote{padding:20px;max-width:95%;margin:40px auto}}section.article .content blockquote p{margin:0;font-size:1.1rem;line-height:2rem}@media (max-width: 480px){section.article .content blockquote p{font-size:1rem}}section.article .content .usefull-block{border:2px solid var(--maingreen);padding:20px 30px;box-sizing:border-box;background:#fff;font-size:1.1rem;line-height:2rem;width:80%;margin:0 auto;text-align:center}@media (max-width: 576px){section.article .content .usefull-block{width:100%}}section.article .content h2{color:var(--title);font-size:2rem;line-height:2.7rem;font-weight:700;position:relative;margin:60px 0 20px}@media (max-width: 576px){section.article .content h2{font-size:1.8rem;line-height:2.5rem}}section.article .content h3{color:var(--title);font-size:1.7rem;line-height:1;font-weight:700;position:relative;margin:50px 0 15px}@media (max-width: 576px){section.article .content h3{font-size:1.5rem;line-height:2.2rem}}section.article .content h4{color:var(--title);font-size:1.3rem;line-height:1;font-weight:700;position:relative;margin:30px 0 20px}@media (max-width: 576px){section.article .content h4{font-size:1rem;line-height:2rem}}@media (max-width: 414px){section.article .content ul{padding-left:1.5rem}}section.article .content ul li{list-style-type:none;padding-left:15px;position:relative;margin-bottom:15px}section.article .content ul li:before{position:absolute;content:'';background:var(--maingreen);width:8px;height:8px;top:9px;left:-10px;border-radius:50%}section.article .content a{color:var(--maingreen);text-decoration:underline}section.article .content a:hover{text-decoration:none}section.article .content .feedback{margin-top:40px;max-width:900px;padding-bottom:60px}@media (max-width: 992px){section.article .content .feedback{max-width:960px}}@media (max-width: 800px){section.article .content .feedback{max-width:770px}}@media (max-width: 576px){section.article .content .feedback{max-width:550px}}@media (max-width: 480px){section.article .content .feedback{max-width:450px}}@media (max-width: 414px){section.article .content .feedback{max-width:385px}}@media (max-width: 414px){section.article .content .feedback{max-width:345px}}section.article .content .feedback .swiper-slide{padding:0 10px;box-sizing:border-box}section.article .content .feedback .swiper-pagination-bullet{width:13px;height:13px;background:var(--maingreen)}section.article .content .feedback .swiper-content{padding:30px;box-sizing:border-box;border:2px solid var(--maingreen);border-radius:10px}section.article .content .feedback .swiper-content .title{font-size:2rem;line-height:2.5rem;margin-bottom:10px;font-weight:700}section.article .content .feedback .swiper-content .prof{line-height:1.5rem;color:var(--subtitle);margin-bottom:30px;font-weight:700}section.article .content .mp{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;align-items:stretch}section.article .content .mp>div{border-radius:10px;padding:25px;box-sizing:border-box;width:calc(100% / 2 - 15px)}@media (max-width: 576px){section.article .content .mp>div{width:100%}}section.article .content .mp>div>ul{padding-left:15px}section.article .content .mp>div.advantages{background:var(--green)}section.article .content .mp>div.advantages ul li:before{background:#036228}section.article .content .mp>div.disadvantages{background:var(--code-color)}section.article .content .mp>div.disadvantages ul li:before{background:#ff4040}section.article .content .best-projects ul{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.article .content .best-projects ul li{width:calc(100% / 2 - 20px);border:1px solid var(--subtitle);padding:15px 30px;box-sizing:border-box;border-radius:10px;transition:.2s linear;background:#fff;font-size:1rem;color:var(--title);margin-bottom:20px}@media (max-width: 414px){section.article .content .best-projects ul li{margin-bottom:10px;width:100%}}section.article .content .best-projects ul li:hover{background:var(--green)}section.article .content .best-projects ul li:before{display:none}section.article .content .best-projects ul li div.mod-articles-title a{color:var(--title);text-decoration:underline}section.article .content .best-projects ul li div.mod-articles-title a:hover{text-decoration:none}section.article .content .faq{background:#efefef;margin-top:40px}section.article .content .faq details{border-bottom:1px solid #ccc}section.article .content .faq details>div{padding:0 30px 20px;box-sizing:border-box}section.article .content .faq details summary{font-size:1.2rem;line-height:1.5rem;font-weight:700;position:relative;padding:20px 60px 15px 30px;box-sizing:border-box}section.article .content .faq details summary::marker{font-size:0}section.article .content .faq details summary:after{position:absolute;content:"+";font-size:30px;color:#000;right:20px;top:calc(100% / 2 - 10px)}section.article .content .faq details[open] summary:after{content:"—"}section.article .content details.question{background:#fff;border-radius:10px;padding:30px 45px;box-sizing:border-box;border:2px solid var(--title);margin:30px 0}section.article .content details.question summary::marker{font-size:0}section.article .content details.question summary span{color:var(--subtitle);font-weight:700;display:block;margin-top:20px}section.article .content details.question>div{border-top:4px solid var(--subtitle);padding-top:30px;margin-top:30px;font-style:italic}section.article .content details.question[open] summary span{display:none}section.article .sidebar{width:300px;position:sticky;top:0;border-right:1px solid #ddd;padding-right:15px;padding-bottom:40px;height:100vh;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#ccc #fff}@media (max-width: 800px){section.article .sidebar{width:100%;position:relative;height:100%;overflow:auto}}section.article .sidebar::-webkit-scrollbar{width:5px}section.article .sidebar::-webkit-scrollbar-track{background:#fff}section.article .sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:20px;border:3px solid #fff}section.article .sidebar summary.table-of-contents-title{text-align:left;margin-top:0;font-size:18px}section.article .sidebar .table-of-contents{text-align:left;font-size:15px;line-height:17px}@media (max-width: 576px){section.article .sidebar .table-of-contents{height:300px;overflow:scroll}}section.article .sidebar .table-of-contents p{margin:10px 0;line-height:1.5rem;position:relative}section.article .sidebar .table-of-contents p:hover{cursor:pointer;text-decoration:underline}section.article .sidebar .table-of-contents p.toc-h3{margin-left:30px}section.article .sidebar .table-of-contents p.toc-h3:before{position:absolute;content:'';background:var(--title);width:10px;height:2px;left:-20px;top:10px}.title-mod{color:#000;font-size:1.5rem;line-height:2rem;font-weight:700;position:relative;margin:60px 0 10px}section.article .content ul.another-articles{padding-left:20px}section.article .content ul.another-articles>li{margin-bottom:10px}section.article .content ul.another-articles>li:before{top:13px;left:-5px}span.article-label{background:var(--maingreen);padding:5px 10px;margin-left:10px;border-radius:5px;color:#fff;font-size:15px}span.article-label.new{background:var(--subtitle)}