.article-block--gray{
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 30px;
    text-align:justify;
}
.article-block--gray .alignright{
    float:unset;
}
.table_like_grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    column-gap: 10px;
}
.table_like_grid p{
    text-align: center;
    border-bottom: 2px solid #efab1f;
} 
.colored_table tbody tr:nth-of-type(odd){
    background-color: #0f3753;
    color: #fff;
}
.blog_pics img{
    display:block;
    margin:30px auto;
}
.blog_pics figcaption{
    text-align:center;
}
.content-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 IF 4:3 => 75%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin:20px 0;
}
.iframe_wrap{
    width:70%;
    margin:auto;
}
.content-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.special_white{
    color: #fff;
    background-color: #000;
    display: block;
    width: max-content;
    padding: 0 10px;
}
.special_grey{
    color: #6f6f6f;
}
.special_black{
    color: #000;
}

.statistics-article-main h3,.statistics-article-main h2,.statistics-article-main .card-element h4{
    text-align: center;
    
}
.statistics-article-main blockquote, .blog-numbered-special-styling blockquote {
    margin-left: 30px;
    border-left: 8px solid #efab1d;
    margin-top:20px;
    margin-bottom:20px;
    
}
.statistics-article-main .card-element{
    margin: 25px 0;
    box-shadow: 4px 4px 10px 3px #00000063;
    padding: 10px 25px 10px 25px;    
}
.statistics-article-main .card-element{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    text-align: justify;
}
.statistics-article-main .card-element h3,.statistics-article-main .card-element h2{
    grid-column-start: span 2;
}
.statistics-article-main .card-element.right div{
    grid-row: 2/2;
}
.statistics-article-main .card-element.special img{
    max-width:450px;
}
.statistics-article-main .card-element.video{
    display:block;
}
body {
  counter-reset: h2-counter;
 }
.special-numbers-counter div {
  counter-increment: h2-counter;
  }
 
.blog-numbered-special-styling div h2:before{
    content: counter(h2-counter) ". ";
    width: 55px;
    height: 50px;
    border-radius: 100%;
    background-color: #efab1f;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    padding-top: 8px;
    padding-left: 5px;
}
.blog-numbered-special-styling .highlight{
    box-shadow: inset 0px -26px 0px 0px #FFDC4E;
}
.blog-numbered-special-styling .arrows{
    font-size: 18px;
    font-weight: 900;
}
.entry-content .blog-numbered-special-styling h2{
    text-align:left;
}
.quote-wrap{
    margin-bottom:20px;
}
.quote-wrap .text-top-border{
    border-top: solid 4px #efab1f;
    padding: 20px;
    font-style: italic;
}
.quote-wrap .bottom-border{
    overflow: hidden;
    width: 100%;
    height: 40px;
}
.quote-wrap .avatar{
    display: grid;
    grid-template-columns: 12% 1fr;
    align-items: center;
}
.quote-wrap .avatar img{
    width: 120px;
    border-radius: 100%;
    margin: auto;
    box-shadow: 1px 1px 3px 3px #00000038;
    display: block;
    
}
.quote-wrap .avatar .author-name{
    margin: 0;
    font-weight: 600;
}
.blog-numbered-special-styling .quote-wrap.second-style{
    display: grid;
    grid-template-columns: 20% 1fr;
    width: 100%;
    margin: 80px;
    margin-left: 20px;
    position: relative;
    column-gap: 30px;
}
.blog-numbered-special-styling .text{
    font-style: italic;
}
.quote-wrap.second-style .avatar{
    display:block;
}
.quote-wrap.second-style .qoutation-marks{
    position: absolute;
    font-size: 120px;
    top: -15px;
    display: block;
    font-family: Georgia;
    font-weight: 700;
    left: -20px;
    color: #efab1f;
    text-shadow: 1px 1px 5px #00000075;
}
.question-wraper{
    position: relative;
    width: max-content;
    margin: auto;
    min-height: 160px;
}
.questions-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.question-wraper .question-text{
    z-index: 2;
    position: relative;
    font-weight: 700;
    padding-top: 85px;
    padding-bottom: 10px;
    padding-left: 70px;
}
.question-wraper .questionmark{
    position: absolute;
    z-index: 1;
    line-height: 160px;
    left: 20px;
    right: 0;
    top: 0;
    font-size: 170px;
    font-family: sans-serif;
    font-weight: 700;
    color: rgba(140, 139, 139, 0.7);
    opacity: 0.6;
    user-select: none;
}
.article-block--gray div img{
       float: unset;
        margin: auto;
        display: block;
   } 
    .entry-content h2{
        text-align: center;
    }
    .iframe_wrap{
    width:100%;
    }
.statistics-article-main blockquote{
    margin-left: 15px;
    border-left: 8px solid #efab1d;
}
.statistics-article-main h2{
    font-size:22px;
}
.statistics-article-main .card-element{
    display:block;
}
.statistics-article-main .card-element.special img{
    max-width:100%;
}
.statistics-article-main .card-element{
    text-align:left;
}
.layout {
    display: grid;
    grid-template-columns: max-content auto;
    margin-bottom: 15px;
    column-gap: 15px;
    justify-items: center;
    align-items: center;
}
.special_layout .layout{
    justify-items: start;
}
.special_layout .layout p{
    margin-bottom:0;
}
.layout img {
    width: 50px;
}
.stages_wrap{
    padding: 20px;
    box-shadow: 2px 2px 5px 0px #00000073;
    margin-bottom: 30px;
}

.stages_wrap h3{
    text-align: center;
    margin-bottom: 40px;
}
.stages{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    text-align: justify;
    flex-wrap: wrap;
    
}
.stages div{
    width: auto;
}
.stages > p{
    margin: auto;
}
.stages div.special{
    width: auto;
}
.stages img{
    width: 70px;
    margin: 0 9px;
    display:block;
}
.stages div img{
    margin: auto;
    width: 70px;
}

.stages div p{
    margin-top: 15px;
}
.yandex_styling .yandex{
    border: 3px solid #FFC107;
    box-shadow: 2px 2px 10px #80808070;
    margin: 25px 0;
}

.yandex_styling .img_wrap{
    background-color: #f7f7f7;
    margin: 25px 0;
    padding: 25px 0;
    box-shadow: 2px 2px 10px #80808070;
}
.yandex_styling .img_wrap img{
    margin: auto;
    display: block;
}
.yandex_styling .img_style{
    margin: 25px 0;
    box-shadow: 2px 2px 10px #80808070;
    border: 3px solid #f7f7f7;
}
.vk_styling.statistics-article-main .card-element h3{
    text-align:left;
}
.vk_styling.statistics-article-main .card-element img{
    display: block;
    margin: 15px auto;
    border: 3px solid #4a76a894;
    box-shadow: 2px 2px 10px #80808070;
}
@media(max-width:1000px){
    .question-wraper{
        max-width: 240px;
    }
    .blog-numbered-special-styling .quote-wrap.second-style{
        width: 90%;
    }
}
@media(max-width:500px){
    .questions-grid{
        grid-template-columns: auto;    
    }
    .question-wraper{
        min-height: auto;
    }
    .question-wraper .question-text{
        max-width: 300px;
        padding:0;
        text-align: center;
    }
    .question-wraper .questionmark{
         display:none;
     } 
     .blog-numbered-special-styling .quote-wrap.second-style{
        grid-template-columns: auto;
        width: 90%;
     }
     .blog-numbered-special-styling h2{
         font-size:29px;
     }
     .quote-wrap .avatar img{
         margin:0;
     }
}