/* ==============================================
   bimvnedrenie.css (ОЧИЩЕННЫЙ)
   Уникальные стили для страницы "Внедрение" (bim-vnedrenie.php)
   ============================================== */

/* --- Уникальные переопределения --- */
a {
	color: #005A66;
}

p {
	color:#000
}

h3, .h3 {
	font-size: 24px;
}

/* --- Уникальные медиа-запросы --- */
@media (max-width:1024px) {
	.vnedr-logos {
		width: unset;
	}
	
	.subtitle-center {
		font-size: 36px;
	}
	.vnedr-img-left {
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
	}
	
	.vnedr-img-right {
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
	}
	.vnedrenie-maindesk {
		background-color: #FFFFFFDE;
		height: fit-content;
		padding: 20px;
		margin-top: 60px;
		margin-bottom: 60px;
	}	
	.case-more {
		padding-bottom: 20px;
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 40px;
		border: 2px solid;
		padding: 10px;
		margin-left: 20px;
		margin-right: 20px;
		text-align: center;
	}
	.inline-content-case h3 {
		text-align: center;
	}
	.vnedr-txt-left {
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
		padding-bottom:20px;
	}
	section {
		display: block;
		margin-left: 20px;
		margin-right: 20px;
	}
	.vnedr-txt-right {
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
		padding-bottom:20px;
	}
}

@media (min-width:1024px) {
	.vnedr-logos {
		width: 1200px;
	}
	.vnedrenie-maindesk {
		background-color: #FFFFFFDE;
		height: fit-content;
		padding: 50px;
		margin-top: 60px;
		margin-bottom: 60px;
	}
}

/* --- Уникальные стили страницы --- */
.vnedrenie-mainback {
	height: calc(100vh - 60px);
	margin-top: 60px;
	background-color: #FFFFFF;
    background-image: url(/wp-content/uploads/2023/12/bim-vnedrenie.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.additional-back {
	background-color: rgba(0 144 163 0.09);
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height:  calc(100vh - 60px);
    width: 100%;
    left: 0;
    position: absolute;
}

.vnedr-logos {
    background-color: #fff !important;
    margin: -60px auto -60px auto;
    z-index: 99999 !important;
    text-align: center;
    border-style: solid;
    border-width: 4px 0px 4px 0px;
    border-color: #0090A3;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.video-fullwidth {
	border-style: solid;
    border-width: 6px 6px 6px 6px;
    border-color: #0090A3;
	padding: 6px;
}

/* --- Стили Прогресс-бара --- */
.flex3 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.column {
	flex: 1;
	text-align: center;
	position: relative;
}

.progress {
	height: 20px;
	width: 100%;
	position: relative;
}

.line {
	height: 100%;
	width: 0%;
	background-color: #005A66;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 3.5s ease-in-out;
}

@media screen and (max-width: 768px) {
	.line {
		display: none;
	}
	.pic-right {
		display: flex;
		flex-direction: column-reverse
	}
	.flex3 {
		flex-direction: column;
	}
}

/* Анимация при прокрутке */
@media screen and (min-width: 768px) {
	.line:not(.animated) {
		animation-delay: 1s;
	}
}

@keyframes animateLine {
	to {
		width: 100%;
	}
}