html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}
body{ font-family:sans-serif; font-size:18px; line-height:1.5; color:#5d5d5d; background:#f7f9fa;}
header{ background:#fff; text-align:center; border-bottom:1px solid #ebebeb; line-height:46px; padding:25px 0; color:#5d5d5d; font-size:18px;}
header .wrapper{ display:flex; flex-wrap:wrap;}
header .logo{ width:50%; text-align: left;}
header .logo h1{ margin:0; padding:0; color:#333333; display: inline-block; font-size:22px; line-height: 2.1; font-weight: normal;display: flex; align-items: center;}
header .logo h1 img{ display:inline-block; vertical-align: middle; width: 36px; height: auto; margin-right: 11px;}
header .logo h1 span{overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; line-height: 1.5; text-align: left;}
header nav{ width:50%; text-align: right;}
header nav ul{ padding:0; margin:0; display:inline-block; list-style: none;}
header nav ul li{ display:inline-block; margin-right:25px; }
header nav ul li.last{ margin-right:0;}
footer{ background:#fff; text-align:center; border-top:1px solid #ebebeb; line-height:60px; color:#5d5d5d; font-size:18px;}
footer p{ margin:0;}

.wrapper{ width: 90%; max-width:1336px; margin:0 auto;}

a{ text-decoration:none; }
a:hover{transition: all 0.3s; -webkit-transition: all 0.3s;}

.btn{ padding:11px; line-height: 22px; font-size:20px; color:#fff; background:#5dcd27; display:inline-block; 
    box-shadow:1px 2px 6px rgba(0,0,0,0.35);
    -webkit-box-shadow:1px 2px 6px rgba(0,0,0,0.35);
    border-radius:9px;
    -webkit-border-radius:9px;
    box-sizing: border-box;
    border:1px solid #5cc625;
}
.btn img{ display:inline-block; vertical-align: middle; max-height:20px; width:auto; margin-right:8px;}
.btn:hover{background:#5cc625;}
.btn.btn-white{ background:#fff; border:1px solid #bfbfbf; color:#5d5d5d; padding-left:27px; padding-right:27px; }
.btn.btn-white:hover{ background:#f1f1f1;}
.btn.btn-big{ padding:25px 50px; font-size:40px; line-height: 30px;}
.btn.btn-big img{ max-height: 28px; margin-right:15px;}

.main-content{ padding:80px 0 60px; border-bottom:3px solid #e8e8e8;}
.main-content .inner{ text-align: center;}
.main-content .image{ margin:0 0 25px;}
.main-content h2{color:#333; margin:0 0 7px; font-weight: normal; font-size:38px; padding:0 15px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; line-height: 1.4;}
.main-content .size{ font-size:24px; color:#5d5d5d; margin:0 0 27px;}
.main-content .btn.btn-big{ margin-bottom:37px;}
.main-content .text{ font-size:30px; margin:0 0 30px;}
.main-content .date{ color:#333; margin:0; font-size:24px;}
.main-content .date .in{ color:#5d5d5d;}

.second-content{ padding:35px 0 30px;}
.second-content section{ background:#fff; border:1px solid #dddfe0; width:100%; max-width:820px; margin:0 auto;}
.second-content section .header{ text-align:center; padding:15px 0; border-bottom:1px solid #dddfe0; }
.second-content section .header h2{ font-weight:normal; font-size:30px; line-height:1.3; margin:0; padding:0;}
.second-content section .content{ padding:20px 65px; color:#333333; font-size:22px;}
.second-content section .content ul{ padding:0; margin:0; list-style: none;}
.second-content section .content ul li{ font-size:22px; line-height: 2;}
.content{margin-bottom:15px;border:1px solid #f4f4f4;border-radius:5px;padding:30px;box-shadow:0 1px 3px 0  rgb(93 93 93 / 26%);background-color:#f9f9f9}
.comments-title{margin-bottom:20px;font-size:22px;font-weight:600}
.comments{margin-top:15px;overflow:hidden}
.comments-i{overflow:hidden;border-top:1px solid #eaeaea;padding:15px 0}
.comments-photo{float:left}
.comments img{margin-right:20px;max-width:50px}
.comments-name{color:#3b5998}
.comments-name,.comments-text{margin-bottom:10px;font-size:14px}
.comments-statistics a{position:relative;margin-right:10px}
.comments-container a{font-size:14px;color:#428bca}
.comments-statistics a:not(:last-child):after{content:"";position:absolute;width:3px;height:3px;right:-8px;top:50%;margin-top:-1px;border-radius:50%;background-color:#333}
.comments-container .icon{padding-left:22px;background-size:16px}
.comments-container .icon,.file,.header .logo,.steps-title{background-repeat:no-repeat;background-position:left center}
.comments .time{color:#9197a3;font-size:14px}
.comments-container .like{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0MjhiY2EiIHZpZXdCb3g9IjAgMCAxNTUuMTIzIDE1NS4xMjMiPjxwYXRoIGQ9Ik0xNTAuNjY5IDg0LjA2OGM3Ljg1OC03LjgyMyA1LjQzLTIzLjY0Ny04LjE4MS0yMy42NDdsLTM1LjgxMy4wMjRjMS4zNi03LjU4NCAzLjMzLTIwLjE1NiAzLjI1Mi0yMS4zNDMtLjc1Mi0xMS4yNDItNy45MTgtMjQuOTI0LTguMjI4LTI1LjQ4NC0xLjMwNy0yLjQzNC03LjkwNi01LjczNC0xNC41NDctNC4zMi04LjU4NiAxLjgzOC05LjQ2MyA3LjMxNS05LjQyOCA4LjgyNSAwIDAgLjM3IDE0Ljk4My40MDYgMTguOTgxLTQuMTA1IDkuMDE2LTE4LjI1OSAzMi43MS0yMi41NDkgMzQuNTM2YTYuNTQyIDYuNTQyIDAgMCAwLTMuNDAxLS45NTVINi45MzRBNi45MjcgNi45MjcgMCAwIDAgMCA3Ny42MThsLjAwNiA2Mi41MzNjLjI2OSAzLjM3MSAzLjEzMyA2LjAxNSA2LjUxNiA2LjAxNWg0MC42NGE2LjU0IDYuNTQgMCAwIDAgNi41MzQtNi41MzR2LTIuMDc2czEuNTEtLjExMyAyLjE5Ni4zMjhjMi42MTMgMS42NTkgNS44NDIgMy43NDcgMTAuMDU0IDMuNzQ3aDYwLjY0N2MyMi42NzQgMCAyMC4yNC0yMC4xMjYgMTguMTY5LTIyLjg3MSAzLjgzMS00LjE3MSA2LjItMTEuNTI4IDIuOTY2LTE3LjM0IDIuNDgyLTIuNjMxIDYuODUtOS44NjMgMi45NDEtMTcuMzUyek00NS43NjYgMTM5LjYySDYuNTFWNzcuMjEyaDM5LjI1NnY2Mi40MDh6bTk0LjMyNC01Ni4wODlsLS4zNyAxLjU0NWMxMC40NDggMi45NzEgNC44ODcgMTUuMDEzLTIuNjA4IDE1Ljc5NGwtLjM3IDEuNTQ1YzEwLjAxOCAyLjU0OCA1LjIzOSAxNC45NDctMi42MDggMTUuNzk0bC0uMzcgMS41MzljOC4xODEgMS4zNDMgNi4yIDE1LjMwNS02LjE5NCAxNS4zMDVsLTYxLjY4Ni4wMjRjLTQuMzU2IDAtOC4zMjQtNC45NjQtMTEuNTI4LTQuOTY0SDUxLjU2VjgyLjA3NWMzLjQ4NS0yLjE2IDcuNzY5LTQuOTY0IDEwLjE1LTYuOTg3IDQuNDk5LTMuODM3IDIyLjkxMy0zMy41OTMgMjIuOTEzLTM3LjMxN3MtLjQwNi0xOS44MzQtLjQwNi0xOS44MzQgMy42MS00LjY1NCAxMS42NzEtMS4yNTljMCAwIDYuNzg0IDEyLjcyMSA3LjQ3NiAyMi44NTkgMCAwLTMuMDU1IDIwLjg4NC00LjY5NiAyNy40MzZoNDIuNzY1YzEwLjUwNy4wMTIgOC41MDIgMTUuMDEzLTEuMzQzIDE2LjU1OHoiLz48L3N2Zz4=)}
.comments-container .icon{padding-left:22px;background-size:16px}
.comments-container .icon,.file,.header .logo,.steps-title{background-repeat:no-repeat;background-position:left center}
.comments-container a{font-size:14px}
.comments-container .shares{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0MjhiY2EiIHZpZXdCb3g9IjAgMCA1Ny45NTQgNTcuOTU0Ij48cGF0aCBkPSJNMzMuMDU3IDcuNTYzYy0uNjg2LjE4NS0xLjIzNy43NDctMS42NjYgMS41ODktMi40ODUgMy4wMDMtMTMuMjMyIDE1LjExNC0yOC4wMTIgMTkuMDc3bC0yLjI1Ni42MDRjLTEuMjQ4LjMzNC0xLjMwNCA0LjE2Mi0uOSA1LjY3LjQwNCAxLjUwMyAyLjM2NyA0Ljc5MiAzLjYxMyA0LjQ1NGwxLjM4Ni0uMzY3IDkuOTgzIDExLjg2OSA1LjY5NS0xLjUyNC00Ljk0My03Ljg3NGMuNDA1LS4yOTIuNzY5LS42NjYuMzk4LTEuMTkzLS4zMzYtLjQ4MS0xLjE3Ni0uOTQxLTEuODM5LTEuMTA0bC0xLjA0Ny0xLjY3YzEyLjE5My0xLjA3NCAyMy4zNzIgMi42NDIgMjYuNDE3IDMuNzc1Ljc5MS41MTMgMS41NTEuNzI2IDIuMjM3LjU0MyAzLjExNi0uODM4IDMuNjExLTkuMSAxLjExMS0xOC40MzctMi41MDEtOS4zMzktNy4wNTktMTYuMjQ2LTEwLjE3Ny0xNS40MTJ6bTguNjY2IDMyLjMzNmMtMS40NTguMzkxLTUuNjk4LTQuNzQ0LTguMjY1LTE0LjMwNy0yLjU2Mi05LjU2Mi0xLjQ1MS0xNi4xMzEuMDAzLTE2LjUyMSAxLjQ1Ny0uMzkgNS43MDIgNC43NDQgOC4yNjQgMTQuMzA3IDIuNTY3IDkuNTU4IDEuNDU2IDE2LjEzMi0uMDAyIDE2LjUyMXoiLz48cGF0aCBkPSJNMzYuNjg5IDIxLjA5OWMtMS4yNDMuMzM0LTEuMjM5IDEuOTU1LS43MzcgMy44MjcuNSAxLjg2OCAxLjMwOCAzLjI3NyAyLjU1MyAyLjk0MyAxLjI0NS0uMzM0IDEuODUtMi4xMjEgMS4zNTEtMy45OS0uNTAzLTEuODY2LTEuOTI2LTMuMTE0LTMuMTY3LTIuNzh6TTU1LjY0MiAzMi4yMjZsLTEuNTEzLS44NzZhMTUuMzUxIDE1LjM1MSAwIDAgMCAxLjU0NS0xMS43MDggMTUuMzQ4IDE1LjM0OCAwIDAgMC03LjE5Mi05LjM2NmwuODc2LTEuNTE3YTE3LjA3MyAxNy4wNzMgMCAwIDEgOC4wMDcgMTAuNDMzIDE3LjA4OCAxNy4wODggMCAwIDEtMS43MjMgMTMuMDM0eiIvPjxwYXRoIGQ9Ik01MS40MDkgMjkuNzc4bC0xLjUxNy0uODc2YTEwLjQ1MyAxMC40NTMgMCAwIDAgMS4wNTQtNy45OTcgMTAuNDY3IDEwLjQ2NyAwIDAgMC00LjkxMS02LjM5N2wuODc2LTEuNTE2YTEyLjE4IDEyLjE4IDAgMCAxIDUuNzIzIDcuNDYgMTIuMTkgMTIuMTkgMCAwIDEtMS4yMjUgOS4zMjZ6TTQ3LjE3IDI3LjMzM2wtMS41MTMtLjg3NmE1LjYxNyA1LjYxNyAwIDAgMCAuNTYyLTQuMjg0IDUuNjA1IDUuNjA1IDAgMCAwLTIuNjMtMy40MjlsLjg3Ni0xLjUxNmE3LjM1MSA3LjM1MSAwIDAgMSAzLjQ0OCA0LjQ5MiA3LjM3IDcuMzcgMCAwIDEtLjc0MyA1LjYxM3oiLz48L3N2Zz4=)}
.container{max-width:960px;margin:0 auto;box-sizing:border-box}
.comments-container p{margin:0}
.comments-body{text-align:left}

@media(max-width:885px){
    body{ font-size:16px; }
    header{ padding:15px 0;}
    header .logo{width:100%; text-align: center;}
    header nav{ display:none;}
    
    .btn{ font-size:16px;}
    .btn.btn-big{ font-size:30px; padding: 20px 35px;}
    .main-content h2{ font-size:30px;}
    .main-content .size{ font-size:20px;}
    .main-content .text{ font-size:26px;}
    .main-content .date{ font-size:20px;}
    .second-content section .header h2{ font-size:26px;}
    .second-content section .content, .second-content section .content ul li{ font-size:18px;}
}
@media(max-width:650px){
    .btn.btn-big{ font-size:26px; padding: 15px 30px;}
    .main-content h2{ font-size:26px;}
    .main-content .size{ font-size:16px;}
    .main-content .text{ font-size:22px;}
    .main-content .date{ font-size:16px;}
    .second-content section .header h2{ font-size:22px;}
    .second-content section .content{ font-size:16px;  padding:20px 30px;}
    .second-content section .content ul li{ font-size:16px;}
}
@media(max-width:450px){
    header .logo h1{ font-size:18px;}
    .main-content h2{ font-size:22px;}
    .main-content .text{ font-size:18px;}
    header nav ul li{ margin-right:10px;}
    .btn.btn-white{ padding:11px 15px;}
    .second-content section .content{ padding:20px;}
}
@media(max-width:370px){
    header .logo h1{ font-size:18px; justify-content: center; flex-wrap: wrap;}
    header .logo h1 span{ width:100%; text-align: center;}
    header .logo h1 img{margin-bottom: 11px;}
}
@media(max-width:350px){
    .btn{ font-size:14px; }
    .second-content section .content{ font-size:14px;}
    .main-content{ padding:50px 0 40px;}
}