.infog_white
{
    background-color: white;
    padding: 70px 0;
    color: black;
}

.infog_gray
{
    padding: 70px 0;
    color: black;
}



.infog_banner
{
    margin-top: 68px;
}

.infog_banner:hover
{
    opacity: 0.99;
}

.infog_bg
{
    background-color: #150649;
}

.infog h3
{
    font-size: 32px;
    font-weight: 600;
    color: black;
    margin-bottom: 65px;
    margin-top: 0; 
    line-height: 1.2;
}

.grid
{
    display: flex;
    color: black !important;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
}

.grid.padd
{
    padding-bottom: 50px;
}

.grid div
{
    width: 50%;
    position: relative;
}

.grid div:first-child
{
    margin-right: 20px;
}

.grid strong
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.grid .white
{
    background-color: white;
    padding: 30px;
    border-radius: 0 30px 0 30px;    
    margin-bottom: 70px;
}

.grid .point
{
    margin-left: 80px;
}

.white .point
{
    width: 83%;
    margin-top: 44px;
}

.white .point::before
{
    top: 6px;
}

.grid .point::before
{
    content: "";
    background: url(../img/point.png) no-repeat;
    width: 40px;
    height: 42px;
    position: absolute;
    left: -80px;
}

.grid .point.error::before
{
    background: url(../img/error-05.png) no-repeat;
    width: 41px;
    height: 44px;
}

.grid .shild
{
    margin-left: 100px;
}

.grid .shild::before
{
    content: " ";
    background: url(../img/antidos.png) no-repeat center #f5f5f5;
    width: 80px;
    height: 80px;
    margin-left: -100px;
    margin-top: -10px;
    position: absolute;
    border-radius: 0 24px 0 24px;
    left: 0;
}

.grid .shild2::before
{
    margin-top: -24px;
}

.grid .shild.ico_db::before
{
    background: url(../img/Cloud_Databases.png) no-repeat center #f5f5f5;
    
}

.grid .shild.ico_c::before
{
    background: url(../img/ico_c.png) no-repeat center #f5f5f5;
}

.grid .shild.ico_cs::before
{
    background: url(../img/Cloud_Servers.png) no-repeat center #f5f5f5;
}

.grid .shild.ico_icon::before
{
    background: url(../img/Icon.png) no-repeat center #f5f5f5;
}

header
{
    padding-bottom: 40px;
}

header h2
{
    font-size: 55px;
}

header h1
{
    font-size: 42px;
}


.up2 {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    /* float: right; */
    cursor: pointer;
}

.footer_blocks .content
{
    margin-top: 70px;
}

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

    header
    {
        background: url(../img/infog_bckgrnd.jpg) no-repeat top center #140a46;
    }

    header .label
    {
        display: block;
    }

    header h2
    {
        font-size: 53px;
    }

    header .back
    {
        top: 150px;
    }    

    .infog .content
    {
        padding: 0 30px;
    }

    .infog .grid
    {
        display: block;
    }

    .infog h3
    {
       font-size: 40px !important;
       margin-bottom: 55px;
    }    

    .grid
    {
        font-size: 28px !important;
    }

    .grid strong
    {
        font-size: 28px;
    }

    .grid div
    {
        width: 530px;
    }

    .grid .shild
    {
        width: 470px !important;
        margin-bottom: 50px;
        min-height: 90px;
        margin-left: 120px;
    }   
    
    

    .grid .shild::before
    {
        margin-top: 0;
        margin-left: -120px;
    }

    .grid .point {
        margin-bottom: 60px;
        max-width: 500px;
    }    

    .grid.padd
    {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .grid .white
    {
        margin-bottom: 30px;
    }
    


    .footer_blocks
    {
        padding: 0 30px;

    }

    .abc1
    {
        margin-top: 60px !important;
    }

    .footer_blocks .content .list .block .text div
    {
        bottom: 50px;
    }

    .up2
    {
        display: none !important;
    }

    .mobile_white
    {
        background-color: white;
    }

    .infog .share
    {
        margin-left: 0;
        margin-top: 35px;
    }

    #share 
    {
        background-color: white;
    }

    .infog_banner
    {
        margin: 35px 0;
    }
}