.blog-page main{padding-top:230px;background:#fff}.blog-page main h1{text-align:center}.blog-page main h1 a{text-decoration:none}.blog-page main h1 a:hover{color:#ff6b00}.blog-page main .search-block{width:480px;margin:0 auto 36px}.blog-page main .loading{margin:300px auto}.blog-page main .back{margin-bottom:40px;font-size:13px;line-height:20px;font-weight:600;color:#646464}.blog-page main .back a{text-decoration:none}.blog-page main .back a:before{margin-right:10px}.blog-page main .back a:hover{color:#ff7a00}.blog-page main .error_message{display:none;padding:0 120px}.blog-page main .error_message.shown{display:block}.blog-page main .error_message .message{color:#323232}.blog-page main .list_container .items{margin:0 0 36px;display:flex;flex-wrap:wrap;gap:24px}.blog-page main .list_container .items .blog-item{width:364px;padding:5px 12px 60px;position:relative;text-decoration:none;text-align:left;border:3px solid transparent;border-radius:18px}.blog-page main .list_container .items .blog-item .photo{width:calc(100% + 24px);height:215px;margin-left:-12px;background-repeat:no-repeat;background-position:center;background-size:100%;background-color:#fff;border-radius:18px;transition:all .3s ease}.blog-page main .list_container .items .blog-item .date{margin:24px 0 12px;font-size:13px;line-height:20px;color:#646464}.blog-page main .list_container .items .blog-item .header{margin-bottom:12px;display:inline-block;font-size:20px;font-weight:600;line-height:30px;letter-spacing:-.03em;text-decoration:none}.blog-page main .list_container .items .blog-item .text{margin-bottom:16px;font-size:14px;line-height:24px;letter-spacing:-.03em}.blog-page main .list_container .items .blog-item .text em{background:#ffb524;padding:0 5px 0 2px}.blog-page main .list_container .items .blog-item .button{position:absolute;bottom:24px;padding:8px 16px;color:#fff;background:#3485ff;font-size:13px;font-weight:600;line-height:20px;border-radius:12px;cursor:pointer;text-decoration:none;transition:all .3s ease}.blog-page main .list_container .items .blog-item:hover{border-color:#f5f5f7}.blog-page main .list_container .items .blog-item:hover .photo{width:calc(100% + 10px);margin-left:-5px}.blog-page main .list_container .items .blog-item:hover .button{background:#006cf3}.blog-page main .list_container .items .blog-item:hover .button:after{margin-left:.5em;margin-right:0;background-image:linear-gradient(transparent 0,transparent calc(50% - calc(max(.05em,2px))),#fff calc(50%),transparent calc(50% + .05em))}.blog-page main .article{padding:0 120px;text-align:center}.blog-page main .article h2{font-size:24px;font-weight:600;line-height:34px;letter-spacing:-.001em}.blog-page main .article .date{margin-bottom:36px;font-size:14px;line-height:24px;color:#646464}.blog-page main .article .photo{width:100%;margin-bottom:36px;border-radius:24px}.blog-page main .article .text{font-size:17px;font-weight:400;line-height:30px;text-align:left;letter-spacing:-.001em;color:#323232;font-variation-settings:'wght' 450}.blog-page main .article .text h2{margin:32px 0 16px}.blog-page main .article .text a{color:#0c5dff;transition:all .3s ease}.blog-page main .article .text a:hover{color:#ff6b00}.blog-page main .article .text p{margin:0 0 24px}.blog-page main .article .text img{max-width:100%}.blog-page main .article .text ol,.blog-page main .article .text ul{margin:0 0 24px 20px;padding:0;list-style-position:outside}.blog-page main .article .text table{width:100%;border:1px solid #e5e5e5;border-collapse:collapse}.blog-page main .article .text table td{border:1px solid #e5e5e5;padding:4px 12px;vertical-align:top}@media (max-width:1199px){.blog-page main{padding-top:190px}.blog-page main .error_message{padding:0 60px}.blog-page main .list_container .items .blog-item{width:458px}.blog-page main .list_container .items .blog-item .photo{height:271px}.blog-page main .article{padding:0 60px}}@media (max-width:991px){.blog-page main{padding-top:130px}.blog-page main .search-block{width:680px;margin-bottom:24px}.blog-page main .back{margin-bottom:20px}.blog-page main .error_message{padding:0}.blog-page main .list_container{padding:0}.blog-page main .list_container .items{margin:0 0 24px}.blog-page main .list_container .items .blog-item{width:348px}.blog-page main .list_container .items .blog-item .photo{height:205px;margin-bottom:24px}.blog-page main .article{padding:0}.blog-page main .article .date,.blog-page main .article .photo{margin-bottom:24px}}@media (max-width:767px){.blog-page main h1{text-align:left}.blog-page main .search-block{width:100%}.blog-page main .list_container .items .blog-item{width:100%}.blog-page main .article{text-align:left}}