*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased}
body{line-height:1;margin:0;padding:0;width:100%;height:100%;min-height:100%;background:#fff;color:#444}
aside,header,main,nav,section{display:block}
ul{list-style:none}
input{vertical-align:middle}
a{text-decoration:none;color:#1f85c5}
html{height:100%;font:400 16px/20px 'Open Sans',Arial,Helvetica,sans-serif}
.w-container{position:relative;max-width:1200px;min-width:320px;margin:0 auto;padding:0 15px}
.gui-hidden{display:none}
.button{display:inline-block;max-width:377px;width:100%;height:64px;border-radius:4px;line-height:64px;font-size:1rem;color:#fff;font-weight:700;background-color:#EF6B57;text-align:center;-webkit-box-shadow:0 100px 80px rgba(200,31,31,.0196802),0 41.78px 33.42px rgba(200,31,31,.0282725),0 22.34px 17.87px rgba(200,31,31,.035),0 12.52px 10.02px rgba(200,31,31,.0417275),0 6.65px 5.32px rgba(200,31,31,.0503198),0 2.77px 2.21px rgba(200,31,31,.07);box-shadow:0 100px 80px rgba(200,31,31,.0196802),0 41.78px 33.42px rgba(200,31,31,.0282725),0 22.34px 17.87px rgba(200,31,31,.035),0 12.52px 10.02px rgba(200,31,31,.0417275),0 6.65px 5.32px rgba(200,31,31,.0503198),0 2.77px 2.21px rgba(200,31,31,.07)}
.header{padding:69px 0 84px;background-color:#EEF1F6}
.header .w-container:last-child{-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header__block{width:50%}
.header__block:first-child{max-width:779px;width:100%}
.header__title{max-width:800px;margin-bottom:30px}
.header__title-h2{font-size:1.375rem;line-height:1.3;font-weight:700;color:#333}
.header__img{position:absolute;top:12px;right:0;max-width:341px;width:100%;height:auto}
.header__text{margin-top:16px;font-size:1.125rem;font-weight:400;line-height:1.4;color:#333}
.header__button{max-width:305px;margin-top:50px;white-space:nowrap}
@media screen and (max-width:919px){.header__block:first-child{max-width:unset}
.header__block:last-child{display:none}
}
@media screen and (max-width:767px){.header{padding-bottom:26px}
.header__title{text-align:center}
.header__title-h2{font-size:1.25rem;text-align:center}
.header__text{text-align:center;font-size:1rem}
.header__button{display:block;max-width:305px;margin:40px auto 0}
}
.title__h1{color:#333;font-weight:700;font-size:2.625rem;line-height:1.25}
@media screen and (max-width:1024px){.title__h1{max-width:100%}
}
@media screen and (max-width:768px){.title__h1{font-size:1.75rem}
}
.main{padding:14px 0 24px;background-color:#EEF1F6}
.main__sticky{position:relative;height:100%}
.main>.w-container{width:100%;-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.main__content{max-width:774px;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}
.main__aside{max-width:377px;width:100%;margin-left:20px}
@media screen and (max-width:1100px){.main__aside{max-width:347px}
}
@media screen and (max-width:1013px){.main>.w-container{display:block;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}
.main__content{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;max-width:unset}
.main__aside{display:none}
}
@media screen and (max-width:767px){.main{padding-bottom:64px}
.main__aside{display:block;max-width:unset;margin-left:unset}
}
.content .title{margin-bottom:30px;font-size:2.25rem;line-height:1.4;font-weight:700;color:#333}
.content .text{margin-bottom:50px;font-size:1.125rem;font-weight:400;line-height:1.4;color:#333}
.content .list{margin:0 -10px}
.content .list__item{display:inline-block;vertical-align:top;margin-bottom:50px;padding:0 10px;font-size:1rem}
.content .list__content{position:relative;height:100%;border:1px solid #dde4ec;border-radius:16px;padding:22px 16px;background-color:#F9F9F9;background-repeat:no-repeat;-webkit-box-shadow:0 100px 80px rgba(59,150,210,.02),0 41.78px 33.42px rgba(59,150,210,.028),0 22.34px 17.87px rgba(59,150,210,.035),0 12.52px 10.02px rgba(59,150,210,.0417),0 6.65px 5.32px rgba(59,150,210,.0503),0 2.77px 2.21px rgba(59,150,210,.07);box-shadow:0 100px 80px rgba(59,150,210,.02),0 41.78px 33.42px rgba(59,150,210,.028),0 22.34px 17.87px rgba(59,150,210,.035),0 12.52px 10.02px rgba(59,150,210,.0417),0 6.65px 5.32px rgba(59,150,210,.0503),0 2.77px 2.21px rgba(59,150,210,.07)}
.content .list__text{width:100%;font-size:1.125rem;color:#333;line-height:1.4;font-weight:400}
.content .document-flow .list__item:first-child .list__content{background-image:url(../../../../landingpage/sistema-ehlektronnogo-dokumentooborota/img/list11.svg),url(../../../../landingpage/sistema-ehlektronnogo-dokumentooborota/img/list12.svg);background-position:top 0 right 0,bottom 0 right 0;background-size:143px,217px}
.content .document-flow .list__item:last-child .list__content{background-image:url(../../../../landingpage/sistema-ehlektronnogo-dokumentooborota/img/list21.svg),url(../../../../landingpage/sistema-ehlektronnogo-dokumentooborota/img/list22.svg);background-position:bottom 0 left 0,bottom 0 right 0;background-size:161px,177px}
.content .reporting .text{max-width:592px}
@media screen and (max-width:767px){.content .title{text-align:center;font-size:1.5rem}
.content .text{margin-bottom:30px;text-align:center;font-size:1rem}
.content .list__text{font-size:1rem}
.content .reporting .text{max-width:100%}
}
.aside{position:relative}
.aside__content{position:relative;width:377px;border:1px solid #dde4ec;border-radius:16px;padding:22px 16px;background-color:#F9F9F9;background-repeat:no-repeat;-webkit-box-shadow:0 100px 80px rgba(59,150,210,.02),0 41.78px 33.42px rgba(59,150,210,.028),0 22.34px 17.87px rgba(59,150,210,.035),0 12.52px 10.02px rgba(59,150,210,.0417),0 6.65px 5.32px rgba(59,150,210,.0503),0 2.77px 2.21px rgba(59,150,210,.07);box-shadow:0 100px 80px rgba(59,150,210,.02),0 41.78px 33.42px rgba(59,150,210,.028),0 22.34px 17.87px rgba(59,150,210,.035),0 12.52px 10.02px rgba(59,150,210,.0417),0 6.65px 5.32px rgba(59,150,210,.0503),0 2.77px 2.21px rgba(59,150,210,.07)}
.aside__text{width:100%;font-size:1.125rem;color:#333;line-height:1.4;font-weight:400}
.aside__button{display:block;max-width:305px;margin:50px auto 0;white-space:nowrap}
@media screen and (max-width:1100px){.aside__content{width:347px}
}
@media screen and (max-width:767px){.aside{position:relative!important;top:44px!important}
.aside__content{max-width:600px;margin:0 auto;width:100%}
.aside__text{text-align:center;font-size:1rem}
.aside__button{margin-top:20px}
}