*,*::before,*::after {-webkit-box-sizing:border-box; box-sizing:border-box}
html {font-family:"Euclid Circular A",sans-serif; font-size:0.5208335vw; font-style:normal; font-weight:normal; -webkit-animation:bugfix infinite 1s; line-height:1.2; margin:0; padding:0; font-display:swap}
body {font-style:normal; font-weight:normal; -webkit-animation:bugfix infinite 1s; line-height:1.2; margin:0; padding:0; color:#171e2f; background-color:#ffffff; font-size:3rem}
body.lock {overflow:hidden}
input,textarea {-webkit-animation:bugfix infinite 1s; line-height:inherit; margin:0; padding:0; background-color:transparent; border:none; color:inherit}
a {color:unset}
a,a:hover {text-decoration:none}
button,input,a,textarea {outline:none; cursor:pointer; font:inherit}
button:focus,input:focus,a:focus,textarea:focus {outline:none}
button:active,input:active,a:active,textarea:active {outline:none}
h1,h2,h3,h4,h5,h6 {font:inherit; margin:0; padding:0}
p {margin-top:0; margin-bottom:0}
img {width:100%; height:auto; display:block}
button {border:none; color:inherit; font:inherit; text-align:inherit; padding:0; background-color:transparent}
ul {padding:0; margin:0}
ul li {margin:0; padding:0; list-style:none}
.container {width:156rem; margin:0 auto}
/*input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0}*/
input[type="number"] {-moz-appearance:textfield}
@media (max-width:48em) {html {font-size:5px; font-size:1.5625vw; font-size:1.3333333333vw; -webkit-text-size-adjust:none}
 body {-webkit-text-size-adjust:none}
 .container {padding:0 3rem; width:100%}
 .container--sm {width:100%}
}
.article {padding-top:12rem; padding-bottom:19rem; background:#fbfbfb}
.article__about-block {width:52.7rem}
.article__inner.news {display:flex}
.article__data-wrap {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:3.4rem}
.article__data {font-size:1.6rem; font-weight:400; color:#1dbcd1; margin-right:3rem; position:relative}
.article__data::before {content:""; width:0.1rem; height:1.6rem; background:#7e838c; position:absolute; top:0; right:-1.5rem}
.article__time {font-size:1.6rem; font-weight:400; color:#1dbcd1}
.article__heading {font-size:5.5rem; font-weight:500; color:#2b2e34; margin-bottom:7.6rem}
.article__author {padding:3.7rem 0; border-top:0.1rem solid rgba(43,46,52,0.14); border-bottom:0.1rem solid rgba(43,46,52,0.14); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:8.2rem}
.article__author-img {width:7.5rem; height:7.5rem; border-radius:50%; border:0.3rem solid #ffffff; -webkit-filter:drop-shadow(1.5rem 1.5rem 7rem rgba(177,186,194,0.2)); filter:drop-shadow(1.5rem 1.5rem 7rem rgba(177,186,194,0.2)); margin-right:3rem}
.article__author-img img {height:100%; -o-object-fit:contain; object-fit:contain; border-radius:inherit}
.article__author-position {font-size:1.6rem; font-weight:400; color:#7e838c}
.article__author-name {font-size:1.8rem; font-weight:500; color:#2b2e34}
.article__grade {font-size:1.6rem; font-weight:400; color:#7e838c; margin-right:2rem; margin-bottom:6rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.article__grage-title {margin-right:3rem}
.article__info {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.article__info-item {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.article__info-title {font-size:1.6rem; font-weight:400; color:#7e838c}
.article__info-title span {color:#2b2e34}
.article__info-social {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:2.5rem}
.article__info-social a {width:3.5rem; height:3.5rem}
.article__info-social a img {height:100%; -o-object-fit:contain; object-fit:contain}
.article__info-social a:not(:last-child) {margin-right:2.8rem}
.article__content-block {width:98rem}
.article__text-block {margin-bottom:4rem}
.article__title {font-size:2rem; font-weight:500; color:#2b2e34; margin-bottom:1.5rem}
.article__par {font-size:1.8rem; font-weight:400; color:#2b2e34}
.article__par:not(:last-child) {margin-bottom:2rem}
.article__photo {width:100%; height:48.2rem; margin-bottom:7rem}
.article__photo img {height:100%; -o-object-fit:cover; object-fit:cover}
.article__photo img.mobile {display:none}
.article__quote {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:9rem 0}
.article__quote-about {padding-right:4rem}
.article__quote-author {font-size:2.2rem; font-weight:600; color:#1dbcd1}
.article__quote-position {font-size:1.6rem; font-weight:500; color:#1dbcd1}
.article__quote-text {font-size:2.2rem; font-weight:600; color:#2b3042; width:59.8rem}
.article__list {font-size:1.8rem; font-weight:400; color:#2b2e34; position:relative}
.article__list:not(:last-child) {margin-bottom:1.5rem}
.article__list li,.article__main ul li {position:relative; padding-left:1.5rem}
.article__list li::before,.article__main ul li::before {content:""; width:0.4rem; height:0.4rem; background:#1dbcd1; border-radius:50%; position:absolute; top:50%; left:0}
.article__important {font-size:1.6rem; font-weight:500; color:#2b2e34; padding-left:3.7rem; border-left:0.3rem solid #1dbcd1; margin:5rem 0}
.article__form {padding-top:5rem; margin-bottom:8rem; display:grid; row-gap:6rem}
.article__form-title {font-size:3rem; font-weight:400; color:#2f3734}
.article__form-input {width:100%; padding-bottom:1rem; padding-right:2rem; border-bottom:0.1rem solid #dededf; font-size:1.8rem; font-weight:400; color:#2f3734}
/*.article__form-input::-webkit-input-placeholder {color:#636872}
.article__form-input::-moz-placeholder {color:#636872}
.article__form-input:-ms-input-placeholder {color:#636872}
.article__form-input::-ms-input-placeholder {color:#636872}*/
.article__form-input::placeholder {color:#636872}
.article__form-btn {font-size:1.6rem; font-weight:600; color:#2b2e34; border-bottom:0.1rem solid #2b2e34; width:-webkit-max-content; width:-moz-max-content; width:max-content}
.article__comment-item:not(:last-child) {margin-bottom:6rem}
.article__comment-info {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:2rem}
.article__comment-author {font-size:2rem; font-weight:600; color:#2f3734; margin-right:3rem}
.article__comment-date-wrap {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.article__comment-data {font-size:1.6rem; font-weight:400; color:#1dbcd1; margin-right:2rem; position:relative}
.article__comment-data::after {content:"|"; color:#51545a; position:absolute; top:0; right:-1rem}
.article__comment-time {font-size:1.6rem; font-weight:400; color:#1dbcd1}
.article__comment-text {font-size:1.8rem; font-weight:400; color:#51545a}
.rating {position:relative; font-size:4rem; display:inline-block}
.rating::before {content:"★★★★★"; display:block}
.rating__items {width:100%; height:100%; position:absolute; top:0; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; overflow:hidden}
.rating__item {position:absolute; width:0; height:0; opacity:0; visibility:hidden; top:0; left:0}
.rating__label {-webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; height:100%; cursor:pointer; color:#c7cacf}
.rating__label::before {content:"★"; display:block; -webkit-transition:color 0.3s ease 0s; transition:color 0.3s ease 0s}
.rating__item:checked,.rating__item:checked ~ .rating__label {color:#1dbcd1}
.rating__label:hover,.rating__label:hover ~ .rating__label,.rating__label:checked ~ .rating__label:hover {color:#03d4f0}
@media (max-width:48em) {.article {padding-top:9.6rem; padding-bottom:22rem}
.article__inner {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column}
.article__about-block {width:100%}
.article__data {font-size:3.2rem; margin-right:6rem}
.article__data::before {content:""; width:0.1rem; height:3.2rem; right:-3rem}
.article__time {font-size:3.2rem}
.article__heading {font-size:5.6rem; margin-bottom:5rem}
.article__author {padding:5rem 0; margin-bottom:6.4rem}
.article__author-img {width:12rem; height:12rem; margin-right:6rem}
.article__author-position {font-size:3.2rem}
.article__author-name {font-size:3.8rem}
.article__grade {font-size:3rem; margin-right:0rem; margin-bottom:7rem}
.article__grage-title {margin-right:7rem}
.article__info {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start; margin-bottom:23rem}
.article__info-item:not(:last-child) {margin-bottom:8rem}
.article__info-title {font-size:3.2rem}
.article__info-social {margin-left:5rem}
.article__info-social a {width:6rem; height:6rem}
.article__info-social a:not(:last-child) {margin-right:6rem}
.article__content-block {width:100%}
.article__text-block {margin-bottom:6rem}
.article__title {font-size:4rem; margin-bottom:3rem}
.article__par {font-size:3.6rem}
.article__par:not(:last-child) {margin-bottom:4rem}
.article__photo {width:100%; height:98rem; margin-bottom:10rem}
.article__photo img.desctop {display:none}
.article__photo img.mobile {display:block}
.article__quote {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start}
.article__quote-about {padding-right:0rem; margin-bottom:4rem}
.article__quote-author {font-size:4rem}
.article__quote-position {font-size:3.2rem; font-weight:500; color:#1dbcd1}
.article__quote-text {font-size:4rem; font-weight:500; width:100%}
.article__list {font-size:3.6rem}
.article__list:not(:last-child) {margin-bottom:3rem}
.article__list li {padding-left:3rem}
.article__list li::before {content:""; width:1rem; height:1rem}
.article__important {font-size:3rem; padding-left:5.4rem; border-left:0.8rem solid #1dbcd1}
.article__form {padding-top:15rem; margin-bottom:13rem; row-gap:8rem}
.article__form-title {font-size:5.6rem}
.article__form-input {width:100%; padding-bottom:2rem; font-size:3rem}
.article__form-btn {font-size:3rem}
.article__comment-item:not(:last-child) {margin-bottom:10rem}
.article__comment-info {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start; margin-bottom:5rem}
.article__comment-author {font-size:4rem; margin-right:0rem; margin-bottom:2.4rem}
.article__comment-data {font-size:3rem; margin-right:4rem}
.article__comment-data::after {right:-2rem}
.article__comment-time {font-size:3rem}
.article__comment-text {font-size:3rem}
.rating {font-size:8rem}}