/* Start:/IDM/style.css?17746294576041*/

    .sert2status-txt{
        padding: auto 0px;
    }


    .sert2status-back{
        display:none;
        position:fixed;
        width:100%;
        height:100%;
        background: #333;
        opacity:0.3;
        z-index:99;
    }
    .sert2status-back.active{
        display:block;
        float: none;
        top: 0px;
        left: 0px;
    }


    ul.sert2ificates li.sert2status{
        padding: 0 0px;
        display: block;
        float: left;
        position: relative;
        height: auto;
        width: min-content;
        background: none;
    }
    ul.sert2ificates  .sert2status .sert2status-block{
        position:relative;padding: 3px;
        width:1px;height:1px;
        float: left;
    }
    ul.sert2ificates  .sert2status .sert2status-img{
        width:auto;/*150px;*/
        height:220px;
        float: left;z-index:1; z-index:990;
        position:absolute;
        transition: all ease-out  0.1s;
        opacity: 0.00;
        z-index:-9;
    }
    ul.sert2ificates  .sert2status.active .sert2status-img{
        width:auto;height:640px;
        opacity: 1;
        margin-top: -150px;
        margin-left: -100px; z-index:999;
        padding: 10px;
        background: #FFF;
        border: 1px solid #555;
        box-shadow: 2px 2px 18px #555;
        transition: all ease-out  0.3s;
        z-index:9999;
    }

    ul.sert2ificates  .sert2status .sert2status-txt .txt-img{
        width:auto;
        min-width: 150px;
        max-width: 300px;
        height:220px;
        min-height: 220px;
        z-index:9;opacity: 1;
        float: left;
        position: relative;
        margin: auto;
        margin: 10px 10px;
        padding: 3px;
        background: #FFF;
        border: 1px solid #777;
        box-shadow: 1px 1px 4px #999;
    }
    @media(max-width:767px){

        ul.sert2ificates  .sert2status .sert2status-txt .txt-img{
            max-width: 250px;
        }
    }

    ul.sert2ificates  .sert2status .sert2status-txt{
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 120%;
        /* identical to box height, or 24px */


        /* #2B2B2B */

        color: #2B2B2B;

        padding-top: 13px;
    }



    .sert2status:hover{
        cursor:pointer;
    }




    
.apicalc-conf-rez-price {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #2B2B2B !important;    width: 100%;
    clear: both;
    float: left;
}.period-price {
    font-size: 13px;
    color: #CECECE;    width: 100%;
    clear: both;
    float: left;
}.price-in-cloud-case-wrapper {
    background: #ffffff;
    position: relative;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    padding: 40px 30px 20px;margin: 0 10px;
}


    div.standartdiv{

        border-radius: 8px;
        width: 90%;min-width:640px;max-width:1024px;
        border: 1px solid #ddd;
        overflow: hidden;
    }
    table.standarttbl{
        border-spacing: 0;
        border-collapse: collapse;
        border-radius: 8px;

        width: 100%;
        font-size: 16px;
    }
    table.standarttbl>tbody tr:nth-child(even) {
        background: #F2F2F2;
    }
    table.standarttbl>thead tr td,
    table.standarttbl>tbody tr td {
        padding:9px 5px 9px 25px;
        width: 50%;
        height:min-70px;
    }
    
    table.standarttbl>thead tr td{border-bottom: 1px solid #ddd;}
    table.standarttbl>tbody tr td  p{font-size: 14px;}
    
@media screen and (max-width: 1024px) {

    div.standartdiv{
        border-radius: 0px;
        width: 100%;min-width:100%;max-width:100%;
    }
    table.standarttbl>thead tr td,
    table.standarttbl>tbody tr td {
        padding:2px;
        width: auto;
        height:min-70px;
        font-size: 13px;
    }

}



    ul.screenshorts-link-list li {width:100%;float: left;position: relative;background-position-y: 6px!important;background-image: url(/bitrix/templates/main_2020/img/isvg/circle-no.svg)!important;}
    ul.screenshorts-link-list li span{float:left;position: relative;display:inline-block;  }
    ul.screenshorts-link-list li:hover span{color:#555;}
    ul.screenshorts-link-list li.active-scrns span{color:#000;}
    ul.screenshorts-link-list li:hover,
    ul.screenshorts-link-list li.active-scrns{background-image: url(/bitrix/templates/main_2020/img/isvg/circle-ok.svg)!important;}
    ul.screenshorts-link-list li:hover>span,
    ul.screenshorts-link-list li.active-scrns>span{font-weight: 700;}
    /*ul.screenshorts-link-list li:hover .screenshorts-text,*/
    ul.screenshorts-link-list li.active-scrns .screenshorts-text{font-weight: 400;padding-left: 10px;padding:5px;display:inline-block!important;font-size: 15px;color:#777;}
    
    ul.screenshorts-img-list.sert2ificates .sert2status.active .sert2status-img {right: 1%;}    
    @media screen and (max-width: 641px) {ul.screenshorts-img-list.sert2ificates .sert2status .sert2status-img {right: -50px!important;height: 640px;max-width: 800px;transform:translate(-50%);
    transform: rotate(90deg);    }}
    .sert2status,.sert2status-txt,ul.screenshorts-img-list.sert2ificates li.sert2status{padding:0px;margin:0px;height: 0px;}
    ul.screenshorts-img-list,
    ul.screenshorts-img-list.sert2ificates li.sert2status,
    ul.screenshorts-img-list.sert2ificates li.sert2status .sert2status-block{width:100%;}
    ul.screenshorts-img-list .sert2status-txt{padding:0px;}
    ul.screenshorts-img-list.sert2status li{position: absolute;top:0px;}
    ul.screenshorts-img-list.sert2status li .sert2status-txt {width:100%;}
    ul.screenshorts-img-list .txt-img{width:100%!important;max-width:100%!important;height: auto!important;max-height: 300px;display:none;z-index: -9;}
    ul.screenshorts-img-list li .sert2status-txt img.txt-img:hover,
    ul.screenshorts-img-list li .sert2status-txt img.txt-img.active-scrns{display:block!important;z-index: 1;}

    
    
/* End */
/* /IDM/style.css?17746294576041 */