.thanks .head .steps .num::before
{
    background-image: url('/i/img/cryptocurrency/step.png');    
}
.thanks .head .steps::after
{
    background-image: url('/i/img/cryptocurrency/arrow.png');
}
.thanks .head
{
    background-image: url('/i/img/cryptocurrency/background.jpg');
    position:  top center;
    background-repeat: no-repeat;
}



/*-----------------------------------------*/

.thanks .head
{
    background-color : #12131b;
    text-align : center;
    color : #fff;
}
.thanks .head .logo
{
    margin : 70px auto;
    width : 255px;
    height : 60px;
}
.thanks .head h1
{
    color : #fff;
    border-bottom : 5px solid #ed1c24;
    padding-bottom : 15px;
    margin : 30px auto 40px;
    font-size: 36px;
    display: inline-flex;
}
.thanks .head span.red
{
    color : #ed1c24;
}
.thanks .head p
{
    color : #fff;
    font-size: 24px;
    margin : 5px auto;
    font-weight: 100;
}
.thanks .head h2
{
    font-size: 18px;
    color : #fff;
    margin : 30px auto 40px;
}
.thanks .head .steps
{
    position: relative;
}
.thanks .head .steps li
{
    position: relative;
}
.thanks .head .steps li::after
{
    position: absolute;
    content : '';
    background-color : #ed1c24;
    height : 1px;
    width : 193px;
    top : 60px;
    right : -96px;
}

.thanks .head .steps li:last-child::after
{
    width : 0;
    height : 0;
    top : initial;
    right:initial;
    display: none;
    content:initial;
}
.thanks .head .steps .num
{
    width : 100px;
    height : 100px;
    
    display: block;
    margin : 10px auto;
    font-size: 36px;
    color : #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.thanks .head .steps .num::before
{
    background-position: 0 0;
    content : '';
    display: block;
    width : 100px;
    height : 100px;
    position: absolute;
    transition: .3s;
}
.thanks .head .steps .step-2 .num::before
{
    transform: rotateZ(45deg);
}
.thanks .head .steps .step-3 .num::before
{
    transform: rotateZ(90deg);
}
.thanks .head .steps .step-4 .num::before
{
    transform: rotateZ(120deg);
}
.thanks .head .steps p
{
    color : #fff;
    font-size: 18px;
    margin : 15px auto;
    text-align : center;
}
.thanks .head .steps li:hover .num::before
{
    transform: rotateZ(240deg);
}
.thanks .head .steps::after
{
    position: absolute;
    width : 98px;
    height : 228px;
    right : -2px;
    top : 135px;
    content : '';
    display: block;
    z-index : 9;
}
.thanks .head .platform
{
    border: 0px;
    max-width: 1000px;
    width: 100%;
    height: 600px;
    padding: 40px;
    box-sizing: border-box;
}


.analitics__conteiner{background: #fff; padding: 20px; box-sizing: border-box; text-align: center;}
.analitics__conteine a{text-decoration: none;}
.analitics__block{max-width: 1200px; width: 100%; margin: 0 auto;}
.analytics-header{position: relative; text-align: left;}
.analitics__block h2{text-align: left; color: #333; font-size: 36px; margin: 0px auto 50px auto; font-weight: bold; display: inline-block;}
.analitics__block .analytics-header a{color: #ed1c24; font-size: 18px; text-decoration: none; border-bottom: 1px dashed #ed1c24; display: inline-block;}
.analitics__block .analytics-header a:hover{border-bottom: 1px solid #ed1c24;}
.analitics__block .analytics-header div{position: absolute; right: 0; top: 50%; margin-top: -35px;}
.analytic_item{display: inline-table; max-width: 364px; color: #000 !important; font-size: 14px; box-sizing: border-box; width: 100%;}
.analytic_item h3{font-size: 18px; color: #000;  margin: 0px 0 25px; position: relative; line-height: 1.5; font-weight: bold; height: 51px; overflow: hidden;}
.analytic_item .analytic__item__desc{color: #333; line-height: 2; margin: 15px auto; text-align: left; height: 134px !important;}
.views_block{display: inline-block; width: calc(50% - 4px); text-align: left; vertical-align: middle;}
.views_block:before{content: ""; position: absolute; margin-top: 2px; background: url(/i/img/photonews/icon_eye.png); background-repeat: no-repeat; background-position: 50%; width: 15px; height: 15px; opacity: 0.5;}
.views_block span{margin-left: 22px; color: #aaa; vertical-align: 4px; font-size: 14px;}
.block11_complete__flex2{display: inline-block; width: 50%;  text-align: right; vertical-align: middle;}
.block11_complete__flex2__one a{background-color: #ed1c24; border-color: #ed1c24; box-shadow: 0px 3px 0px #a00b10; color: #fff; text-transform: uppercase; font-size: 13px; font-family: Geneva, Tahoma, sans-serif; margin: 0 auto; padding: 7px 10px; border-radius: 2px; display: inline-block;}
.main-desc{border: 1px solid #12131b; padding: 15px;}
.author_icon{display: inline-block; border-radius: 100%; overflow: hidden; margin-top: 10px;}
.footer-text{display: inline-block; margin-left: 7px;}
.footer-text .author{font-size: 14px; color: #000;}
.block11.block11_complete .analytic_item .footer-text a div:not(.author){font-size: 11px; color: #aaa;}


@media (max-width: 1200px)
{
    .thanks .head .steps li::after
    {
        width : 293px;
        right : -140px;
    }  
    .thanks .head .steps li:nth-child(2)::after
    {
        width : 0;
        height : 0;
        top : initial;
        right:initial;
        display: none;
        content:initial;
    }
    .thanks .head .steps li p
    {
        max-width: 300px;
    }
    .thanks .head .steps::after
    {
        top : 242px;
    }
    .thanks .head .platform
    {
        max-width: 800px;
    }    
}

@media (max-width: 990px)
{
    .thanks .head .steps li::after,
    .thanks .head .steps::after
    {
        display: none;
        content : initial;
        width : 0;
        height : 0;
        top : initial;
        right:initial;
        background-color : initial;
    }
}

@media (max-width: 900px)
{
    .analytic_item{ display: block; max-width: 100%; margin: 0px 0px 40px 0px !important;}
    .analytic_item:last-child{margin: 0px 0px 0px 0px !important;}
    .analitics__block h2{margin: 0px auto 10px auto; font-size: 25px;}
    .analitics__block .analytics-header div{position: static; margin: 0px 0 20px 0;}
}

@media (max-width: 600px)
{
    .views_block, .block11_complete__flex2{display: block; width: 100%; text-align: center;}
    .views_block{display: none;}
}