@font-face {
    font-family: "Aptos";
    src: url("../fonts/Aptos.eot");
    src: url("../fonts/Aptos.eot?#iefix") format("embedded-opentype"), url("../fonts/Aptos.woff") format("woff"), url("../fonts/Aptos.ttf") format("truetype"), url("../fonts/Aptos.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.agree-link-text {
	font-weight:100;
	font-size:12px;
	line-height:10px;
}

.agree-link-text.white {
	color: #ffffff !important;
	font-weight:100;
}

.fes12-img {
	border:10px #ffffff solid;
}

.fes2-main-text-cont {
	    padding: 80px 50px 80px 50px;
}

.agree-link {
	font-weight:100;
	font-size:12px;
	text-decoration:underline;
}

#agree {
position: relative;
    top: 3px;}


.agree-link.white {
	color: #ffffff !important;
	font-weight:100;
}

#popup-yandex-map-contacts{
	height: 600px;
	position: relative;
	background-color: #eee !important;
	z-index: 1;
}

.callback-font {
	font-size:18px;
}

.contact-form-cont-popup {
	padding:0px;
}

input.placehold::placeholder{
	color:#ffffff;
}

input.placehold {
	color:#ffffff;
	font-size: 18px;
}

.top-bar-section li a.cust-left-icon {
	    font-size: 26px;
}

.cust-services-item-main-page {
	display:block;
	position: absolute;
	top:0px;
	left: 0px;
	width:100%;
	height:100%;
	opacity:0.8;
}

.cust-services-item-main-page.blue {
	background-color:#295ba9;
}

.cust-services-item-main-page.white {
	background-color:#ffffff;
}

.cust-services-item-main-page.gray {
	background-color:#a3acb7;
}

.work-list-block {
	background-color:#295ba9;
	width:100%;
	min-height:80px;
	opacity:0.8;
	display:block;
}

.work-list-view-more {
  display:block;
  padding-top:30px;
  padding-bottom:30px;
  background:#295ba9;
  font-family: 'Poppins',Arial,Helvetica,sans-serif;
  font-size:24px;
  line-height:14px;
  font-weight:bold;
  transition: all .3s ease 0s;
  color:#fff;
}
.work-list-view-more:hover {
  background:#295ba9;
  color:#fff;
  opacity:0.8;
}

.work-proc2-a-cont {
	max-width:none;
}

#about{
	background-color:#ffffff;
}

#about::before {
	content:"";
	position:absolute;
	width:304px;
	height:701px;
	background-image: url(/assets/akom/images/about-back-left.jpg);
	left:0px;
	    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	opacity:0.3;
}

#analitic-item::before {
	content:"";
	position:absolute;
	width:304px;
	height:701px;
	background-image: url(/assets/akom/images/about-back-left.jpg);
	left:0px;
	top:100px;
	opacity:0.3;
}

.analitic-date {
	font-size: 16px;
	font-weight: 500;
}

#footer7::before {
	/*content:"";*/
	position:absolute;
	width:304px;
	height:701px;
	background-image: url(/assets/akom/images/about-back.jpg);
	right:0px;
	    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	opacity:0.1;
}

.section-title2.text-white {
	color:#ffffff;
}

.nl2-btn.white{
	color:#ffffff;
}

.to-all-item-categories {
	font-size:18px;
}

.bg-graf {
	background-color: #a3acb7;
}

.balloon-text{
	line-height: 28px;
	font-size: 16px;
}

.popup-yandex-map {
	overflow: hidden;
	height: 600px;
	padding-bottom: 60px;
}

.mfp-content {
	background: white;
	padding: 15px;
	max-width: 800px; /* Делаем максимальную ширину больше для десктопа */
	margin: 0 auto;
	position: relative;
	border-radius: 8px;
	/*height: 600px;*/
	height:auto;
	overflow: hidden;
}


/* Адаптивность для .mfp-content */
.mfp-content {
	/*max-width: 95vw;*/
	/*width:auto !important;*/
	margin: 20px auto;
	/*height: 600px;*/
	height:auto;
	padding: 30px;
}

/* Медиа-запросы для адаптивности */
@media screen and (max-width: 992px) {
	.mfp-content {
		max-width: 90vw; /* Увеличиваем процент ширины на планшетах */
		padding: 15px;
	}

	.mfp-content {
		max-width: 98vw; /* Еще шире на планшетах */
	}
}

@media screen and (max-width: 768px) {
	.mfp-content {
		max-width: 95vw; /* Почти полная ширина на мобильных */
		padding: 15px;
		margin: 10px auto;
		border-radius: 6px;
	}

	.mfp-content {
		max-width: 100vw; /* Полная ширина вьюпорта */
		margin: 10px auto;
	}

}

@media screen and (max-width: 480px) {
	.mfp-content {
		max-width: 100vw;
		padding: 15px;
		margin: 5px auto;
		border-radius: 4px;
	}

	.mfp-content {
		margin: 0;
	}
}