/*для поиска*/
	.simplesearch-paging{position:relative; margin-top:-10px;padding:0px 0px 30px 0px;}
	.simplesearch-results{position:reative; margin-top:-40px;}
	.mb-36{padding:0px 10px 0px 10px;}

/*для контактов*/
.managerContactsPhoto{width: 140px; right: -10px; position: absolute; border: 1px solid #eee; border-radius: 70px;}

/* Скрываем фото на экранах менее 1010px */
@media screen and (max-width: 1009px) {
    .managerContactsPhoto {
        width: 70px;
        border-radius: 35px;
    }
}
/* Скрываем фото на экранах менее 880px */
@media screen and (max-width: 880px) {
    .managerContactsPhoto {
        display: none;
    }
}

.rop-item-title{border: 1px solid #ba2d20; padding: 20px;}

/* Скрываем фото на экранах менее 1145px */
@media screen and (max-width: 1145px) {
    .rop-item-title {
        min-height:78px;
        display: flex;
	justify-content: center;
	align-items: center;
    }
}

/*замена иконки скайпа*/
.icon-skype {
    display: inline-block !important;
    width: 27px !important;
    height: 27px !important;
    transform: translateX(-1px) !important;
    background: url('/assets/img/svg/teams.svg') no-repeat center/contain !important;
    vertical-align: middle !important;
    font-size: 0 !important; /* Скрываем старую иконку */
}


/*оформление галереи*/
.galery-flexer{display: flex; justify-content: center; width: 100%; flex-wrap: wrap; gap: 10px; padding: 20px;}

.galery-wrapper{border: 1px solid #eee; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; padding: 20px; max-width: 100%; box-sizing: border-box;}

/*подписи к рисункам галлереи*/
.imgName{font-size:150%;font-weight:bold; text-shadow: 1px 1px 2px #333333;}
.imgDescription{font-size:120%;!padding:5px; !background-color: rgba(0, 0, 0, 0.1);}





/*подтягивание на 120px заголовков*/
.up50px{position:relative;margin-top:-50px!important;}
.up60px{position:relative;margin-top:-60px!important;}
.up70px{position:relative;margin-top:-70px!important;}
.up80px{position:relative;margin-top:-80px!important;}
.up90px{position:relative;margin-top:-90px!important;}
.up100px{position:relative;margin-top:-100px!important;}
.up110px{position:relative;margin-top:-110px!important;}
.up120px{position:relative;margin-top:-120px!important;}
.up130px{position:relative;margin-top:-130px!important;}
.up140px{position:relative;margin-top:-140px!important;}
.up150px{position:relative;margin-top:-150px!important;}
.up160px{position:relative;margin-top:-160px!important;}
.up170px{position:relative;margin-top:-170px!important;}
.up180px{position:relative;margin-top:-180px!important;}
.up190px{position:relative;margin-top:-190px!important;}
.up200px{position:relative;margin-top:-200px!important;}



/*главное меню*/
.sub-sub-menu {display:none;}

.dropdown-submenu li:hover .sub-sub-menu {
  display: inline-block;
  position:absolute;
  top:0px;
  left:100%;
  border:1px solid #eee;
}


.sub-sub-menu-item{}

/*выпаданющие списки*/
header#header .columns.large-10 .dropdown:has(> div.dropdown-submenu) > a::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

/*прячем подпункты Проекты не доделано, так как видно выпадающую метку и птичку снизу*/
/*ul.header-menu li.dropdown a[href="projects.html"] + .dropdown-submenu ul {
    display: none;
}*/

/*активный пункт*/
.header-menu li.active > a {
  border-bottom-color: #ba2d20;
  color: #ba2d20;
}


/*Footer map*/
.footerMap{
width:190px;
padding:3px; 
border: 1px solid transparent; 
transition: border-color 0.3s ease;
}
a[href="contacts.html#map"] img:hover {
  border-color: #eee;
}

.w250h250 {
  position: relative;
  width: 250px;
  height: 250px;
  overflow: hidden;
}
.w250h250 iframe {
  border: none !important;
}

.order1{order:1}
.order2{order:2}
.order3{order:3}



/* оформление проектов - их применяемости */
.biggerWidthDiv {
    width: calc(100% / 0.88) !important; 
}

/* Отменяем для мобильных устройств */
@media (max-width: 768px) {
    .biggerWidthDiv {
        width: 100% !important; /* или auto, или inherit - в зависимости от нужд */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.minHeight300 {min-height:300px!important;}

@media (max-width: 768px) {
     .minHeight300 {min-height:100px!important;}

}
.branchOfProject > a {
       font-size:91%;
       text-decoration:none;
       
}

/*в футере обновленный контент крайний правый угол*/
.footer-right-marginTel{position:relative; left:-22px;}
.footer-right-marginEmail{position:relative; left:-50px;}
.footer-right-marginAdress{position:relative; left:-10px;}

@media (max-width: 767px) {
  .footer-right-marginTel,
  .footer-right-marginAdress {
    position: static;
    left: 0;
  }
}

@media (max-width: 767px) {
  .footer-right-marginEmail {
    left: -5px;
  }
}

/*чтоб текст не рвался на др. строку*/
.no-wrap {
  white-space: nowrap!important;
}

/*глобально шрифты у мобильных чуток поменьше*/
@media (max-width: 767px) {
  html {
    font-size: 95%;
  }
}


/*пока гасим боковое меню на мобилах*/
@media (max-width: 767px) {
  .sidebar {
    display:none;
  }
}



/*Градиент фон для продуктов*/

.card-item-img-bg{
	/*background: linear-gradient(to bottom, #c0c0c0, #f0f0f0);*/
	border-radius:2px;	
	background: linear-gradient(135deg, #f0f0f0, #a0a0a0);
	background: radial-gradient(circle, #f0f0f0, #c0c0c0);
	padding: 15px;
}

.card-item-title-padding{padding: 20px 0px 0px 0px;}

.mainImageProductWrapper{
	background: radial-gradient(circle, #f0f0f0, #c0c0c0);
	padding: 15px;
}

/*#phoneCountry{
	font-size:70%!important;
}
#phoneCountry-styler{
	widht:50px!important;
	font-size:70%!important;
}*/
#countrySelector{
	widht:50px!important;
	/*font-size:40%!important;*/
}


div.section:nth-child(3) > div:nth-child(2) > div:nth-child(3){
	position:relative;
	margin:20px 300px 0px 0px!important;
	!display:none!important;
	width:50wv!important;
}
.owl-dot{
	width:50px;
	padding: 0px 50px!important;
}

.interval-w100pch100px{widht:100%;height:100px;}

.overMap iframe {
    border: none !important;
}

.font80pc{font-size:80%;}

.projectPicture{
	width:350px; 
	float:right; 
	!padding:5px; 
}
.pictureBorder{
	border:1px solid #ccc; 
	border-radius:2px;
}

.newsImgSize{
	display:block;
	width:300px;
	height:200px;
}

.!photoSotrudnika{
	max-widht:200px!important;
}

@media (max-width: 767px) {
  .photoSotrudnika {
    display:none;
  }
}


/*модальный диалог с реквизитами*/
/* Скрываем оверлей (фон) по умолчанию */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

/* Показываем, если элемент является целью (на него нажали) */
.modal-overlay:target {
    display: flex;
}

/* Стили самого окна */
.modal-content {
    background: #fff;
    padding: 20px;
    position: relative;
    width: 90%;
    max-width: 500px;
    border-radius: 5px;
}

/* Кнопка закрытия */
.modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    text-decoration: none;
    color: #333;
}

/* Убедитесь, что ID здесь в строчном регистре */
#modaldialogrekvizity {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

/* Срабатывает, когда в URL #modaldialogrekvizity */
#modaldialogrekvizity:target {
    display: flex;
}

.modal-content {
    background: #fff;
    padding: 20px;
    position: relative;
    width: 90%;
    max-width: 600px;
    border-radius: 5px;
    max-height: 90vh; /* Чтобы окно не уходило за экран */
    overflow-y: auto; /* Прокрутка, если контент длинный */
}

.modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}