@font-face {
    font-family:'Open Sans';
    font-style:normal;
    font-weight:100,200,300,400,500,600,700,800;
    src: url('../fonts/OpenSans-VariableFont.ttf');
    font-display:swap;
}
@font-face {
    font-family:'Open Sans';
    font-style:italic;
    font-weight:100,200,300,400,500,600,700,800;
    src: url('../fonts/OpenSans-Italic-VariableFont.ttf');
    font-display:swap;
}

*{
    box-sizing:border-box;
}

body{
    padding:0;
    margin:0;
	background-color:white;
    font-family:'Open sans', sans-serif;
    font-size: 19px;
    font-weight: 430;
    color:#4a4a4a;
}

.container{
	margin:0 auto;
    padding:0;
	max-width:960px;
	width:100%;
}

.header-bg{
    background-color: #D6FAFF;
    padding-top:30px;
}

.header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color:#d6faff;
    background-image: url('../img/header-img.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding-bottom:23%;
}

.header-panel{
    display: flex;
    height: 28px;
}

.logo{
    margin:4px 0 4px 15px;
}

.logo img{
    height: 20px;
}

/*Главное меню бургер*/

.burger{
    background-image:url('../img/burger/icon-burger-nav.svg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
    height:28px;
    width:28px;
    transition:all 0.1s linear;
}

.burger:hover{
    cursor: pointer;
}

.burger-iconclose{
    background-image:url('../img/burger/icon-burger-nav-close.svg');
    background-size: 50% 50%;
    background-color: #a3e4ed;
    border-radius: 25px;
    transition:all 0.2s linear;
}

.burger-nav{
    flex-wrap: wrap;
    display:none;
    position:absolute;
    z-index:1;
    top:80px;
    width:100%;
    max-width: 960px;
    border-radius: 20px;
    background-color:#a3e4ed;
    user-select:none;
    padding:35px 40px;
    cursor:default;
}

.burger-nav-col{
    flex:0 0 40%;
}

.burger-nav ul{
    padding:0;
    margin:17px 1px;
    list-style-type:none;
}

.burger-nav li{
    margin:8px 0;
}
.burger-nav li:last-child{
    margin-bottom: 0;
}

.burger-nav li a{
    text-decoration:none;
    color:#4a4a4a;
    font-size: 18px;
    font-weight: 400;
    font-stretch: 93%;
}
.burger-nav li a:hover{
    border-bottom:2px solid #00c900;
}

.burger-nav-show{
    display:block;
    animation:nav-show-animate 0.2s 1 linear;
    opacity:1;
}

@keyframes nav-show-animate{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
/*Конец главного меню бургер*/


/*Начало крошки*/
.breadcrumbs-bg{
    background-color:#EEFDFF;
    padding:16px 0;
    font-size:16px;
    font-stretch: 95%;
    font-weight: 400;
}
.breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.breadcrumbs ol{
    display: flex;
    flex-wrap:wrap;
    list-style-type: none;
    padding:0;
    margin:0;
}
.breadcrumbs ol li{
    margin-right:7px;
}
.breadcrumbs ol li a{
    text-decoration: none;
    color:#4a4a4a;
}
.breadcrumbs ol li a:hover{
    text-decoration: underline;
}

.breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin: 0 5px;
}

/*Конец крошкам*/

.share{
    display: flex;
    flex-wrap: wrap;
}

.share-text{
    margin-right: 15px;
    color:#4a4a4a;
}

.ya-share-custom1{
    transform: scale(1.1);
    margin-right: 7px;
}

.ya-share2 ul li{
    margin-left:3px !important;
}

h1{
    color:#00BBFF;
    font-size:56px;
    font-weight: 800;
    font-stretch: 93%;
    line-height: 1.2;
    margin:35px 0;
}

h2, .other-content-headline, .page-category-headline{
    font-size:36px;
    font-weight: 380;
    margin-top:50px;
    margin-bottom:0;
    color:#2a2a2a;
    font-stretch: 97%;
}

h3, .footer-headline, .burger-nav-headline, .promo-end-content-headline, .toc-header, .example-title, .Listing tr:nth-child(odd) > td{
    font-size:24px;
    font-weight: 450;
    color:#2a2a2a;
}

h4 {
    font-size:20px;
    font-weight: 430;
    color:#2a2a2a;
}

p{
    line-height: 1.7;
    margin:25px 0;
}

p a{
    color:#0000FF;
    text-decoration: none;
}

p a:hover{
    color:#0000FF;
    text-decoration: underline;
}

strong, b{
    font-weight:600;
    color:#2a2a2a;
}


.def{
    margin:35px 45px;
    padding:0 15px;
    border-left:4px solid #00c900;
    font-style: italic;
    font-weight: 400;
}

.example{
    margin:50px 0;
    padding:35px 40px;
    border-radius: 20px;
    border:1px solid #d1d1d1;
}

.example-header, .example-solution, .example-answer{
    background-repeat:no-repeat;
    background-position:left 6px;
    background-size:20px;
}

.example-header, .example-solution{
    margin-bottom: 60px;
}

.example-title{
    padding-left:35px;
	margin-top:0;
}


.example-header{
    background-image:url('../img/listing/icon_listing_book.svg');
}

.example-solution{
    background-image:url('../img/listing/icon_listing_pen.svg');
}

.example-answer{
    background-image:url('../img/listing/icon_listing_calc.svg');
}

.example-header p:last-child, .example-answer p:last-child{
    margin-bottom:0;
}

.example-hint{
	font-size:16px;
	border-left:2px solid #00c900;
	padding-left:10px;
}


.katex{
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding:5px 5px 20px 5px;
    max-width:100%;
}

.MathJax{
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding:5px 5px 20px 5px;
    max-width:100%;
}

/*Оформление списков*/

.content ol{
    padding:0 20px;
    list-style-type:decimal;
}

.content ol li{
    margin:10px 0;
    line-height:1.7;
}

.content ol li:last-child{
    margin-bottom:0;
}

.content ol li::marker{
    color:#00c900;
    font-weight: 700;
}

.content ul{
    padding:0 20px;
}

.content ul li{
    margin:10px 0;
    line-height:1.7;
}

.content ul li:last-child{
    margin-bottom:0;
}

.content ul li::marker{
    color:#00c900;
}

/*Конец списков*/

/*Содержание статьи*/

.toc{
    background-color: #D6FFD8;
    border-radius: 20px;
    padding:35px 40px;
    margin:50px 0;
}

.toc-header{
    margin-bottom:20px;
}

.toc ol{
    padding:0 20px;
    margin:0 0 0 2px;
    list-style-type: decimal;
}

.toc ol li::marker{
    color:#2a2a2a;
    font-weight: 550;
}

.toc ol li:last-child{
    margin-bottom:0
}

.toc ol li a{
    font-weight: 400;
    color:#4a4a4a;
    text-decoration: none;
}

.toc ol li a:hover{
    border-bottom:2px solid #00c900;
}


/*Конец содержания статьи*/


/*Промо*/

.promo-end-content{
    margin:50px 0 35px 0;
    text-align: center;
    border-radius: 20px;
}

.promo-end-content-headline{
    color:#FF4A3F;
    text-align: center;
    font-weight: 500;
}

.promo-end-content-btn{
    display:inline-flex;
    margin:20px 0;
    padding:10px 25px;
    text-decoration:none;
    color:white;
    background-color:#FF4A3F;
    border-radius:25px;
    font-size:16px;
    font-weight: 600;
    text-transform: uppercase;
}

.promo-end-content-btn:hover{
    background-color:#e83127;
}

/*Конец промо*/

/*Блок Авторитетность*/
.author-share-bg{
    /*margin:25px 0;*/
    /*padding:20px;*/
    /*background-color: #EEFDFF;*/
    /*border-radius: 20px;*/
}
.author{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #EEFDFF;
    border-radius: 20px;
    padding:20px 40px 20px 20px;
    margin:0 0 25px 0;
}

.avatar-small{
    background-image: url('../img/avatar_small.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width:56px;
    height: 56px;
    margin-right:20px;
}

.author-desc-headline{
    display:block;
    font-size: inherit;
    color:#00979F;
    font-weight: 500;
    text-decoration: none;
    margin-bottom:5px;
}

.author-desc-headline:hover{
    color:#15bac3;
}

.author-desc-text{
    font-size:16px;
    color:#4a4a4a;
    font-stretch: 95%;
    font-weight: 400;
}

.ya-share-custom2{
    transform: scale(1.4);
    padding-right: 20px;
}


/*Конец авторитетности*/

/*Рекомедованные статьи*/
.other-content{
    background-color:#D6FAFF;
    padding:30px 40px 25px 40px;
    margin:35px 0;
    border-radius: 20px;
}

.other-content-headline{
    margin:0 0 10px 0;
}

.other-content-list{
    margin:15px 0;
    padding:0 20px;
    list-style-type:disc;
}
.other-content-list li{
    margin:15px 0;
}
.other-content-list li:last-child{
    margin-bottom:0;
}
.other-content-list li::marker{
    color:#00c900;
}
.other-content-list li a{
    color:#4a4a4a;
    text-decoration: none;
    font-weight: 400;
    font-size:19px;
}
.other-content-list li a:hover{
    border-bottom:2px solid #00c900;
}

/*Конец рекомендованных статей*/

/*Следующая и предыдущая статья*/

.other-article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color:#D6FAFF;
    padding:10px 20px;
    margin: 25px 0;
    border-radius: 20px;
}

.other-article a{
    color:#4a4a4a;
    text-decoration: none;
    font-size:18px;
    max-width: 400px;
    margin:10px 0;
}

.other-article a:hover{
    color:#00979F;
}

.other-article-prev::before{
    content: '←';
    margin-right:10px;
}

.other-article-next::after{
    content: '→';
    margin-left:10px;
}

/*Оформление категорий на страницах сайта*/

.category{
    display: flex;
    flex-wrap: wrap;
    margin:50px 0 !important;
    padding:0 !important;
    list-style-type: none;
}

.category li{
    display: flex;
    align-items: center;
    background-color: #EEFDFF;
    background-repeat: no-repeat;
    background-size:60px 60px;
    background-position: 30px center;
    width:305px;
    min-height: 120px;
    padding:0 40px 0 110px;
    margin:0 15px 15px 0 !important;
    border-radius: 20px;
    line-height:1.4 !important;
}

.category li a{
    text-decoration: none;
    color:#00979F;
    font-size:21px;
    font-weight: 480;
    font-stretch: 95%;
}

.category li a:hover{
    color:#15bac3;
}

/*Конец категорий*/


/*Список страниц категорий*/
.page-category{
    margin:35px 0;
    padding:35px 40px 45px 130px;
    background-color:#EEFDFF;
    border-radius:20px;
    background-repeat: no-repeat;
    background-size:60px 60px;
    background-position: 40px 38px;
}

.page-category-headline{
    margin-bottom:25px;
    margin-top:5px;
}

.page-category ul{
    padding:0;
    margin:0 0 0 3px;
    list-style-type:none;
}

.page-category ul li{
    margin:10px 0;
}
.page-category a{
    text-decoration: none;
    color:#4a4a4a;
    font-size: inherit;
    font-weight: 400;
}
.page-category a:hover{
    border-bottom:2px solid #00c900;
}

.page-category ul li ul{
    padding:0 0 40px 20px;
    list-style-type: circle;
    font-size:18px;
}


/*Конец списка страниц категорий*/


/*Футер*/
.footer-bg{
    background-color: #D6FAFF;
}
.footer{
    padding:40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-col{
    max-width: 300px;
}

.footer-col:nth-child(1){
    order:1;
}
.footer-col:nth-child(2){
    order:2;
}
.footer-col:nth-child(3){
    order:0;
}

.footer-headline{
    color:#00979F;
}

.footer ul{
    margin:17px 1px 0px 1px;
    padding:0;
    list-style-type: none;
}
.footer ul li{
    margin:8px 0;
}
.footer ul li:last-child{
    margin-bottom:0;
}
.footer ul li a{
    font-size: 18px;
    text-decoration: none;
    color:#4a4a4a;
    font-weight: 400;
	font-stretch:93%;
}
.footer ul li a:hover{
    border-bottom:2px solid #00c900;
}

.footer-logo img{
    margin-top:3px;
}
.footer-underlogo{
    margin:50px 0;
}

.footer-namesite{
    color:#6a6a6a;
	font-size:16px;
}
/*Конец футера*/

/*Для скрипта плавающего блока */

.sticky {
	position: fixed;
	z-index: 101;
}
.stop {
	position: relative;
	z-index: 101;
}

/* Конец */



@media screen and (max-width:1199px){
    .container{
        padding:0 20px;
    }
    .burger-nav{
        max-width: 920px;
    }
    .category li{
        width:290px;
    }
}

@media screen and (max-width: 991px){
    body{
        font-size:18px;
    }
    .header-bg{
        padding-top:20px;
    }
    .header{
        padding-bottom:22%;
    }
    .burger-nav{
        left:0;
        top:65px;
        justify-content: space-between;
    }
    .burger-nav ul{
        margin:7px 1px;
    }
    .burger-nav ul li{
        margin:7px 0;
    }
    .burger-nav ul li a{
        font-size:18px;
        font-stretch: 93%;
    }
    h1{
        font-size:54px;
    }
    h2, .other-content-headline, .page-category-headline{
        font-size:36px;
    }
    h3, .footer-headline, .burger-nav-headline, .promo-end-content-headline, .example-title, .toc-header, .Listing tr:nth-child(odd) > td{
        font-size:22px;
    }
    .other-content-list li{
        flex:0 1 100%;
    }
    .category li{
        width:220px;
        min-height: 80px;
        background-size:48px 48px;
        background-position: 20px center;
        padding-left:80px;
        padding-right: 20px;
    }
    .category li a{
        font-size:18px;
    }
    .footer ul li a{
        font-size:16px;
    }
}

@media screen and (max-width: 767px){
    .header{
        padding-bottom:21%;
    }
    .share{
        width:100%;
        margin-top:20px;
    }
    .def{
        margin:35px 0;
    }
    .toc ol{
        padding: 0 15px !important;
    }
    .burger-nav, .def, .Listing, .example, .toc, .other-content, .author-share-bg, .page-category{
        padding:20px 25px;
    }
    .content ol, .content ul{
        padding-top:0;
        padding-bottom:0;
    }
    .share-bottom{
        /*margin-top:25px;*/
        /*padding-top:25px;*/
        /*border-top:1px solid #d1d1d1;*/
        /*width:100%;*/
    }
    .footer-col{
        margin-bottom:35px;
    }
    .footer-col:nth-child(1){
        order:0;
    }
    .footer-col:nth-child(2){
        order:1;
    }
    .footer-col:nth-child(3){
        order:2;
        margin-top:25px;
    }
    .category li{
       width:240px;
    }
    .page-category{
        padding-top:100px;
        background-position: 20px 25px;
    }
    .page-category ul{
        padding:0;
    }
}

@media screen and (max-width: 575px){
    body{
        font-size:16px;
    }
    .header{
        padding-bottom:30%;
        background-position:bottom center;
    }
    .burger-nav-col{
        flex:0 0 100%;
        margin-bottom:30px;
    }
    .burger-nav-col:last-child{
        margin-bottom:0;
    }
    h1{
        font-size:36px;
    }
    h2, .other-content-headline, .page-category-headline{
        font-size:28px;
    }
    h3, .footer-headline, .burger-nav-headline, .promo-end-content-headline, .toc-header, .example-title, .Listing tr:nth-child(odd) > td{
        font-size:20px;
    }
    .Listing, .example{
        padding:15px;
    }
    .author-share-bg{
        padding:15px 15px;
    }
    .avatar-small{
        margin-bottom:0;
    }
    .share-bottom{
        margin-top:15px;
        padding-top:15px;
    }
    .share-bottom-text{
        width:100%;
    }
    .ya-share-custom2{
        padding-right: 0;
        padding-left:15px;
        margin-top:15px;
        margin-bottom:5px;
    }
}

@media screen and (max-width: 359px){
    
}