@font-face{font-family:'ONY-FORM';src:url(fonts/ONY-FORMDigital-PROFI-Medium.woff2) format("woff2");font-weight:600;font-style:normal;font-display: fallback;}
@font-face{font-family:'ONY-FORM';src:url(fonts/ONY-FORMDigital-PROFI-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display: fallback;}
   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

html {font-family: 'ONY-FORM',-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#333333;box-sizing:border-box;scroll-behavior:smooth;overflow-y:auto;overflow-x: hidden;width:100vw}
html * {box-sizing:border-box;}
body {padding:0;margin:0;min-height:100vh;}
a {outline: 0 !important;text-decoration:none !important;}
h1,h2,h3,h4,h5,h6,p,a,li,span {word-wrap: break-word;}
h1 {font-size:40px;line-height:44px;margin-top:0;margin-bottom:28px;}
h2 {font-size:28px;line-height:36px;margin-top:0;margin-bottom:40px;}
p {font-size:16px;line-height:24px;margin:0;}
input,textarea,button,label,select,a {-webkit-tap-highlight-color: rgba(0,0,0,0) !important;}
b {font-weight:600;} 
section {padding:0 20px;margin:0 0 60px;}
.section__pink {background-color:#F5DFDF;padding:40px 20px 60px;}
.container {margin:0 auto;}
.center {text-align:center;}

.btn {display:inline-block;max-width:335px;width:100%;padding:22px 21px 20px;text-align:center;font-size:16px;line-height:22px;font-weight:600;color:#ffffff;border-radius:20px;opacity:1;}
.btn_primary {background-color:#E01935}
.btn_primary:hover {background:linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#E01935;}
.btn_primary:active,.btn_primary:focus {background:linear-gradient(0deg, rgba(24, 24, 24, 0.1), rgba(24, 24, 24, 0.1)), #E01935;}
.btn_black {background-color:#181818}
.btn_black:hover,.btn_black:active,.btn_black:focus {background:linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#181818;}

.block__top {margin-bottom:20px;}
.block__top > div {max-width:536px;width:100%;}
.block__top:after {display:block;margin:0 auto;content:'';background-image: url('images/26639.svg');width:100%;height:65vw;background-repeat: no-repeat;background-position: 0 0;background-size:100%}
.block__top_subtitle {margin-bottom:28px;}
.block__top .btn {margin-bottom:40px;}

ul[class^=list__],ol[class^=list__] {list-style-type:none;padding-left:0;margin:0;}
ul[class^=list__]>li,ol[class^=list__]>li {margin-bottom:0;}

ul.list__numbers {display:grid;grid-template-columns: repeat(2, 1fr);grid-gap: 28px 20px;}
ul.list__numbers > li {font-size:13px;line-height:16px;}
ul.list__numbers > li > span {display:block;font-size:28px;line-height:36px;font-weight:600;}

ul.list__qualities {display:grid;grid-template-columns: repeat(1, 1fr);grid-gap:12px;margin-bottom:60px;}
ul.list__qualities > li {display:inline-flex;align-items:center;padding:28px;width:100%;border-radius:20px;background-color:#fff;height:145px;font-size:17px;line-height:22px;}
ul.list__qualities > li[class^=li__qualities_]:before {flex: 0 0 80px; width:80px;height:80px;content:'';margin-right:20px;background-repeat:no-repeat;background-size:658px 1260px;background-image: url('images/26639.svg');}
ul.list__qualities > li.li__qualities_1:before {background-position:0 -1030px}
ul.list__qualities > li.li__qualities_2:before {background-position:-86px -1030px}
ul.list__qualities > li.li__qualities_3:before {background-position:-172px -1030px}
ul.list__qualities > li.li__qualities_4:before {background-position:-258px -1030px}
ul.list__qualities > li.li__qualities_5:before {background-position:-344px -1030px}
ul.list__qualities > li.li__qualities_6:before {background-position:-430px -1030px}

ol.list__process {display:grid;grid-template-columns: repeat(1, 1fr);grid-gap:28px;}
ol.list__process >li {display:inline-flex;align-items:center;font-size:17px;line-height:22px;counter-increment: li;}
ol.list__process >li:before {content: counter(li);flex:0 0 39px;font-size:34px;line-height:38px;font-weight:600;}

ul.list__partners {display:grid;grid-template-columns: repeat(1, 1fr);grid-gap:20px;}
ul.list__partners >li {display:inline-flex;align-items:center;height:92px;width:100%;background-color: #E8E9EA;border-radius:20px;padding:24px;font-size:17px;line-height:22px;}

/* ul.list__instruments {display:flex;flex-wrap:wrap;justify-content: space-around;} */
ul.list__instruments {display:grid;grid-template-columns: repeat(3,1fr);}
ul.list__instruments>li[class^=li__instruments_] {text-align:center;margin-bottom:40px;}
ul.list__instruments>li[class^=li__instruments_]:before {display:block;text-align:center; width:80px;height:80px;content:'';margin:0 auto 10px;background-repeat:no-repeat;background-size:658px 1260px;background-image: url('images/26639.svg');}
ul.list__instruments>li.li__instruments_1:before {background-position:0 -1172px}
ul.list__instruments>li.li__instruments_2:before {background-position:-86px -1172px}
ul.list__instruments>li.li__instruments_3:before {background-position:-172px -1172px}
ul.list__instruments>li.li__instruments_4:before {background-position:-258px -1172px}
ul.list__instruments>li.li__instruments_5:before {background-position:-344px -1172px}

div[class^=banner__] {width:100%;border-radius:30px;padding:20px;position:relative;}
div[class^=banner__] > div {margin:0 auto;}
div[class^=banner__] h2 + p {margin-bottom:20px;}
.banner__specproekt {background-color: #E8E9EA;}
.banner__specproekt:after {display:block;margin:0 auto;content:'';max-width:240px;width:100%;height:207px; background-image:url('images/26639.svg');background-repeat:no-repeat;background-position:0 -800px;background-size:658px 1260px;}
.banner__partnership {background-color: #333333;color:#ffffff;}
.banner__partnership a {color:#ffffff !important;opacity:1}
.banner__partnership a:hover {opacity:.86}
.banner__partnership:after {display:block;position:relative;margin:0 auto;right:-20px;bottom:-20px;content:'';max-width:350px;width:100%;height:257px; background-image:url('images/26639.svg');background-repeat:no-repeat;background-position:0 -520px;background-size:658px 1260px;}

.block__traffic:before {background-image:url('images/26639.svg');background-repeat:no-repeat;background-position:-250px -800px;background-size:658px 1260px;content:'';display:block;width:264px;height:166px;margin-bottom:40px;}
ul.list__traffic {margin-bottom: 40px;}
ul.list__traffic > li {margin-bottom:10px;}

details {position:relative;padding:20px 0;border-top:1px solid #333333;cursor: pointer;}
details:last-child {border-bottom:1px solid #333333}
summary {position:relative;display:block;font-size:17px;line-height:22px;padding-right: 50px; font-weight:600;}
summary::-webkit-details-marker {display:none;}
summary:after {display:inline-block;position:absolute;top:-9px;right:0;width:40px;height:40px;content:'';background: url('images/26639.svg') no-repeat;background-position:-454px -1193px;background-size:658px 1260px;transition: all .5s ease-in-out;border-radius: 50%;}
summary:hover:after {background-color:rgba(0,0,0,.05);}
details[open] > summary {margin-bottom:20px;}
details[open] > summary:after {transform: rotate(45deg);-webkit-transform: rotate(45deg)}
details > *:not(summary) {max-width:650px;}

ol.list__profit {display:flex;flex-wrap: wrap;}
ol.list__profit > li {display:flex;margin:0 0 24px 0;counter-increment: li;font-size:15px;line-height:20px;background-color:#f6f6f6;border-radius:24px;max-width:298px;padding:20px;}
ol.list__profit > li:before {content: counter(li);font-size:40px;line-height:40px;margin-right:8px;}
ul.list__rules {padding-left:1rem;}
ul.list__rules > li {list-style-type:'– ';margin-bottom:10px;font-size:17px;line-height:22px;}

.feedback .btn {margin-bottom:40px;}
.feedback_subtitle {font-size:24px;line-height:28px;}
.feedback_subtitle a {color:#E01935}
.feedback_subtitle a:hover {color:#E01935;text-decoration:underline !important;}

.mb10 {margin-bottom:10px;}
.mb16 {margin-bottom:16px;}
.mb24 {margin-bottom:24px;}
/* @MEDIA */
@media screen and (min-width:540px) {
    .block__top:after {display:none;}
    div[class^=banner__] > div {max-width:360px;position:relative;}
}
@media screen and (min-width:768px) {
    div[class^=banner__] {max-width:1100px;padding:40px;display:flex;justify-content: space-between;align-items: center;}
    div[class^=banner__] > div {margin:0;}
    div[class^=banner__]:after {margin:0;}
    div[class^=banner__] h2 + p {margin-bottom:32px;}
    .banner__partnership:after {position:absolute;right:0;bottom:0;}
    ul.list__instruments {grid-template-columns: repeat(5,1fr);}
    ol.list__profit > li {margin:0 24px 24px 0;height:140px;}
    ul.list__partners {grid-template-columns: repeat(2, 1fr);grid-gap:40px 60px; }
    .block__traffic {display:flex;justify-content: space-between;}
    .block__traffic:before {flex:0 0 264px;margin-right:2rem;}
    ul.list__traffic {column-count: 2;column-gap:50px;margin-bottom:60px;}
}

@media screen and (min-width:1024px) {
    .section__pink {margin:80px 0;padding:80px 20px 90px;}
    .container {max-width:1140px;}
    h1 {font-size:60px;line-height:66px;margin-bottom:20px;}
    h2 {font-size:40px;line-height:45px;}
    p {font-size:17px;line-height:22px;}
    .btn_280 {max-width:280px;}
    .btn_260 {max-width:260px;}
    .btn_220 {max-width:220px;}

    .block__top {display:flex;flex-direction:row;margin-bottom:60px;}
    .block__top_subtitle {margin-bottom:40px;}
    .block__top:after {display:inline-flex;width:630px;height:448px;flex:0 0 630px;}
    div[class^=banner__] > div {max-width:510px;}
    ul.list__partners >li {font-size:22px;line-height:26px;height:138px;padding:40px;}
    ul.list__numbers {grid-template-columns: repeat(3, 1fr);grid-gap: 30px 100px}
    ul.list__numbers > li {font-size:22px;line-height:26px;}
    ul.list__numbers > li > span {font-size:40px;line-height:44px;margin-bottom:10px;}
    
    ul.list__qualities {grid-template-columns: repeat(3, 1fr);grid-gap:40px 60px;margin-bottom:80px;}
    ul.list__qualities > li {display:inline-flex;align-items:center;padding:28px;width:100%;border-radius:20px;background-color:#fff;height:145px;font-size:17px;line-height:22px;}
    ol.list__process {grid-template-columns: repeat(4, 1fr);grid-gap:60px;}
    ol.list__process >li {display:block;position:relative;font-size:22px;line-height:26px;}
    ol.list__process >li:before {display:block;font-size:40px;line-height:52px;}
    ol.list__process >li:not(:last-child):after {display:inline-block;max-width:246px;width:100%;border-top:2px solid #333;content:'';position:absolute;top:27px;left:40px}
    .block__traffic li, .block__traffic p  {font-size:22px;line-height:26px;}
    .list__traffic {column-gap:114px;}
    details {padding:32px 0 20px}
    details[open] {padding-bottom:32px;}
    summary {font-size:30px;line-height:34px;font-weight:400;}
    details[open] >summary {margin-bottom:32px;}
    .feedback .btn {margin-bottom:32px;}
}
