.text{font-family: Alegreya,"Comic Sans Ms", Arial,  Geneva, sans-serif;}
body{background-color:#e4f0d1;padding-top: 70px;
background: rgba(0,136,255,1);
background: -moz-linear-gradient(top, rgba(0,136,255,1) 0%, rgba(250,246,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,136,255,1)), color-stop(100%, rgba(250,246,5,1)));
background: -webkit-linear-gradient(top, rgba(0,136,255,1) 0%, rgba(250,246,5,1) 100%);
background: -o-linear-gradient(top, rgba(0,136,255,1) 0%, rgba(250,246,5,1) 100%);
background: -ms-linear-gradient(top, rgba(0,136,255,1) 0%, rgba(250,246,5,1) 100%);
background: linear-gradient(to bottom, rgba(0,136,255,1) 0%, rgba(250,246,5,1) 100%);
}
.zag{color: #3F2B22; margin-top: -45px; text-align: center;}
.zag1{text-align: center;}
.zag4{text-align: center;}
.zag5{text-align: 45px;}
.cont{margin-bottom: -20px;}
.navbar{background-color:#3F2B22;

/* Настройка логотипа в навигации *//* Скрываем номер на больших экранах */
.mobile-phone-link {  display: none; }
/* Показываем только на мобильных (до 767px) */
@media (max-width: 767px) {
    .mobile-phone-link {
        display: inline-block;
        padding: 15px 5px; /* Подберите под высоту вашей шапки */
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF; /* Цвет номера */
        text-decoration: none;
        
        /* Позиционирование */
        position: absolute;
        right: 140px; /* Отступ от гамбургера */
        top: 0;
    }
    /* Чтобы логотип не наезжал на номер */
    .navbar-brand {    max-width: 50%;    overflow: hidden; 
    }
    .navbar-brand { 
    padding: 5px 15px; /* Уменьшаем отступы, чтобы логотип был крупнее */
    display: flex;    align-items: center;    height: 50px; /* Стандартная высота navbar в Bootstrap 3 */
}
.navbar-brand img {    max-height: 40px; /* Ограничиваем высоту картинки */
    width: auto; 
}
/* Корректировка для мобильных устройств */
@media (max-width: 767px) {    .navbar-header { display: flex !important; justify-content: flex-end;  align-items: center;
        width: 100%; padding: 0 15px; /* Боковые отступы шапки */
    }    
    .navbar-brand {  float: none !important; /* Убираем float для корректного центрирования в flex */
        margin-right: 0 !important;
    }
    .navbar-toggle {  margin-right: 15px; !important;
    }
}
}

background: linear-gradient(to bottom, rgba(51,33,7,0.90) 10%, rgba(51,33,7,1) 80%, rgba(48,164,227,0.38) 100%);
 opacity:0.95; margin-top: 2px; text-shadow: 1px 1px 1px #000099; -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;box-shadow: 0 8px 6px -6px #999;}
li a {text-align: center;}
@font-face {
  font-display: swap; 
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/alegreya.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/alegreya.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.jumbotron{background-color:#FBFFF9;}
.search{padding-top: 12px;padding-left: 370px;color: #000000;}
.btn-info {background-color: #bdd4a5;border-color: #3F2B22;color: #000000;}
.btn-new {background-color: #cfcffc;border-color: #3F2B22;color: #000000;}
.btn-warning {background-color: #cdae51;border-color: #3F2B22;color: #000000;}
.btn-primary {background-color: #a5bbd4;border-color: #3F2B22;color: #000000;}
.btn-success {background-color: #c8a5d4;border-color: #3F2B22;color: #000000;}
.btn-sale {background-color: #ffd53d;border-color: #3F2B22;color: #000000;}
.btn-klients {background-color: #b8eaf2;border-color: #3F2B22;color: #000000;}
.btn-video {background-color: #FF9966;border-color: #3F2B22;color: #000000;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.open .dropdown-toggle.btn{color: #ffffff;background-color: #3F2B22;border-color: #333;}
.text-success {font-family: 'Alegreya', Trebuchet MS, Geneva, "Comic Sans Ms", Arial, sans-serif;color: #3c5207; text-align: center; font-weight: 500;}
.text-2{text-align: center;}
.text-1{color: #BACBD7;}
.center-img {display: block; margin: 0 auto;}

#toTop {position:fixed;z-index:9999;bottom:10px;right:10px;background: none;padding: 5px;cursor: pointer;color: #666;text-decoration: none;font-size:1.5em;width:50px;}
.breadcrumb > li + li:before {content: none;}
.glyphicon {color: red;}

img[src*="95.avif"], img[src*="001.avif"], img[src*="002.avif"], img[src*="003.avif"], img[src*="004.avif"] {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)) !important; /* Настройка тени */
    border-radius: 8px; /* Опционально: скругление углов */
    transition: transform 0.3s ease; /* Опционально: плавность при наведении */
}
/* Эффект при наведении курсора (по желанию) */
img[src*="95.avif"]:hover, img[src*="001.avif"]:hover, img[src*="002.avif"]:hover, img[src*="003.avif"]:hover, img[src*="004.avif"]:hover {
    transform: translateY(-5px);
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.4) !important;
}