/**
Общее
 */

.ci-list{
    margin-left: 0;
}

.ci-list .ci-list-element{
    margin-bottom: 10px;
}

.ci-list .ci-list-element:last-child{
    margin-bottom: 0;
}

.program-container{
    padding: 20px 30px;
    background: #fff;

}

.program-header{
    display: flex;
    flex-direction: row;
}

.program-header__image{
    height: 76px;
    width: 85px;
    flex-shrink: 0;
}

.program-header__text{
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
    line-height: 19px;
    font-weight: 700;
    color: #c53045;
}

.program-description{
    margin-top: 30px;
}

.program-footer{
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    margin: 30px 20px;
    justify-content: center;
}


/**
Баннер
 */

#top-background{
    background: url('/upload/pics/torgi/Vse-produkti-KriptoPro/top-banner.png') center top no-repeat #809944;
    height: 369px;
    margin-top: -20px;
}

#top-text{
    font-size: 22px;
    width: 680px;
    padding-top: 127px;
    color: #ffffff;
    line-height: 10px;
}

#top-text p{
    line-height: 30px;
}


/**
Верхний блок с программами
 */

.top-programs-container{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;
}

.top-programs-container__item{
    flex-basis: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.top-programs-container .program-container{
    box-shadow: 0 0 19px #dfdfdf;
}

.top-programs-container:first-child .program-container{
    height: 100%;
}


#kriptoprocsp{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/KriptoProCSP.png") top left no-repeat white;

}

#kriptoproofficesignature{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/KriptoProOfficeSignature.png") top left no-repeat white;

}

#tcplient{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/TSPClient-OCSPClient.png") top left no-repeat white;

}

/**
Средний блок с программой
 */

.middle-program-container{
    margin-top: 30px;
}

.middle-program-container .program-container{
    box-shadow: 0 0 19px #dfdfdf;
}

#serverkriptopro{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/serverkriptopro.png") top left no-repeat white;
}
/**
Нижний блок с программами
 */

.bottom-programs-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;

}

.bottom-programs-container__item{
    flex-basis: 48%;
    border: 1px solid #e5e5e5
}

.bottom-programs-container-big{
    flex-basis:  100%;
    border: 1px solid #e5e5e5

}

.bottom-program-list{
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
    height: max-content;
    gap: 30px;

}

.bottom-programs-container .program-container{
    padding-bottom: 50px;
}

#kriptopropdf{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptopropdf.png") top left no-repeat white;

}

#kriptopronet{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptopronet.png") top left no-repeat white;

}

#kriptoprojava{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptoprojava.png") top left no-repeat white;

}

#kriptoprowinlogon{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptoprowinlogon.png") top left no-repeat white;

}

#kriptoprolite{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptoprolite.png") top left no-repeat white;

}

#kriptopromonitoring{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptopromonitoring.png") top left no-repeat white;

}

#kriptoprossf{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptoprossf.png") top left no-repeat white;

}

#kriptoproarhiv{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptoproarhiv.png") top left no-repeat white;

}

#kriptoprongate{
    background: url("/upload/pics/torgi/Vse-produkti-KriptoPro/kriptoprongate.png") top left no-repeat white;

}