#top-banner{
	background: url("/upload/pics/markirovka/sistema-ehlektronnogo-dokumentooborota/top-banner.png") no-repeat center top #f4f4f4;
	height: 327px;
	margin-top: -20px;
}

#top-banner .margin-for-side-menu-block{
	padding-top: 5px;
}

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

.ci-list li:not(:last-child){
	margin-bottom: 10px;
}

.ci-list li:before{
	color: #109992 !important;
}

h2.ci-headers{
	margin-bottom: 30px;
	font-weight: 700;
}

h2.ci-headers-center{
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 700;
	text-align: center;
}

.diadoc-feature{
	display: flex;
	flex-direction: row;
	justify-content: left;
	padding: 30px 20px;
	border: 1px solid lightgray;
	margin-bottom: 30px;
}

.diadoc-feature .ci-headers{
	margin-top: 0;
}

.diadoc-feature__image{
	width: 70px;
	height: 70px;
	margin-right: 30px;
}

.diadoc-feature__content{
	max-width: 800px;
}

#feature-roznica{
	background: url("/upload/pics/markirovka/sistema-ehlektronnogo-dokumentooborota/feature-roznica.png") no-repeat top center;
	background-size: contain;
}

#feature-distrib{
	background: url("/upload/pics/markirovka/sistema-ehlektronnogo-dokumentooborota/feature-distrib.png") no-repeat top center;
	background-size: contain;
}

#feature-prod{
	background: url("/upload/pics/markirovka/sistema-ehlektronnogo-dokumentooborota/feature-prod.png") no-repeat top center;
	background-size: contain;
}

#footer-block{
	background: #f4f4f4;
	padding: 1px 0;
}

.cost-block .horizontal-line{
	border-top: 2px solid #109992;
	margin: 20px 0;
}

.cost-block{
	background: white;
	padding: 5px 50px 40px;
	margin-bottom: 30px;
}

.cost-block .ci-headers{
	text-align: center;
}

.features{
	margin-bottom: 10px;
}

.cost-block:hover{
	box-shadow: 0 0 19px #dfdfdf;
}

.cost-block:hover .tariff-element-price{
	background-color: #14bbb2;
}

.tariff-element-price{
	background-color: #109992;
	box-sizing: border-box;
	padding: 13px 13px 8px;
	color: white;
	font-size: 24px;
	margin: 15px auto 0;
	height: 50px;
	line-height: 24px;
	cursor: pointer;
	text-align: center;
}

.block-large .tariff-element-price{
	width: 350px;
}

.tariff-element-currency{
	font-size: 16px;
}

.tariff-element-count{
	font-size: 24px;
	font-weight: bold;
}

.block-large .horizontal-line{
	width: 65%;
	margin: 20px auto;
}

.block-large .ci-headers{
	color: #444444;
	font-size: 20px;
}

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

.cost-container .cost-block{
	width: 360px;
}

.cost-container p{
	text-align: center;
}

.cost-container p:first-child{
	margin-top: 20px;
}

#show-popup-button-block{
	margin-left: auto;
	margin-right: auto;
}

#show-popup-button-block .ci-filled-button{
	padding-top: 5px;
}

/** Первый блок из двух частей **/
.edo-big-text{
	font-size: 	20px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 30px
}

.edo-text-center{
	text-align: center;
	font-weight: bold;

}

.edo-text-nocenter{
	text-align: justify;
	color: #3f3f3f;
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/** Второй блок из трех частей **/

.cost-container-features{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 30px;
	margin-top: 30px;
}

.cost-block-features{
	background: white;
	padding: 30px 50px 30px;
	margin-bottom: 30px;
	text-align: center;
}

.cost-block-features:hover{
	box-shadow: 0 0 19px #dfdfdf;
}

.cost-block-features:hover .tariff-element-price{
	background-color: #14bbb2;
}

.tariff-element-price-features{
	background-color: #8e9396;
	box-sizing: border-box;
	padding: 2px 13px 8px;
	color: white;
	font-size: 16px;
	margin: 15px auto 0;
	height: 50px;
	width: 129px;
	line-height: 24px;
	cursor: pointer;
	text-align: center;
}

.edo-text-three{
	line-height: 30px
}