h1 {
    font-size: 26px !important;
    text-transform: uppercase  !important;
}
h2 {
    font-size: 22px !important;
    font-weight: 500 !important;
}
h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
}
h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
}
h5 {
    font-size: 14px !important;
    font-weight: 500 !important;
}
h6 {
    font-size: 12px !important;
    font-weight: 500 !important;
}


#up {
    position: fixed;
    z-index: 300;
    bottom: 20px;
    right: 20px;
    display: none;
    color: #FFFFFF;
    width: 38px;
    text-align: center;
    height: 38px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    background: #865c5b;
    font-size: 32px;
    padding-top: 1px;
}
#up .fa {
    display: block;
}
#up:hover{
    background: #202020;
}


.text-center {
     text-align: center !important;   
} 


.text-bold {
    font-weight: 700 !important;   
} 
.uppercase {
    text-transform: uppercase !important;   
}
a.browns {
    color: #865c4a !important;   
}
.browns.item-link {
    color: #865c4a !important;
    height: 20px !important;
    font-weight: 600;
    display:block;
    text-transform: uppercase
}
.pagination a:active {
    background: #865c4a !important;   
}
.pagination>.active>a, .pagination>.active>span {
    background: #865c4a !important;   
    color: #fff;
}
.btn.btn-rounded, .btn  {
    border-radius: 25px !important;   
}
.btn-rounded.btn-lg  {
    border-radius: 35px !important;   
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #865c4a;
    border-color: #865c4a;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #865c4a;
    background-color: #eeeeee;
    border-color: transparent;
}
.zoom-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}
 
.image-link:hover .zoom-icon {
  opacity: 1;
}
.navbar-fixed-top {
    transition: top 0.3s;
}

.navbar-hidden {
    top: -70px; 
}

.navbar-nav .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #333333;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    z-index: 1000;
}

.navbar-nav li.dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar-nav .dropdown-menu li a {
    padding: 10px 15px;
    white-space: nowrap;
}

.navbar-nav .dropdown {
    position: relative;
}
.navbar-nav .dropdown-menu li .dropdown-menu{
    display: none !important;
}
.pt0 {
    padding-top: 0px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
body {
    background-image: url(../../img/bkg-dark-900.jpg); 
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-image: url(../../img/black.jpg) !important; 
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-image: url(../../img/black.jpg) !important; 
}
.navbar-default .dropdown-menu>li>a:hover, .navbar-default .dropdown-menu>.active>a, .navbar-default .dropdown-menu>.active>a:hover  {
    background-image: url(../../img/black.jpg) !important; 
}
.blue-bkg {
    background-color: #eaf5fb !important;
}
.header-btm {
    background-color: #f8f9fa;
    padding: 10px 0;
}

.header-btm .logo {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.header-btm .contact-info {
    font-size: 14px;
    color: #666;
}

.header-btm .contact-info a {
    color: #007bff;
    text-decoration: none;
}

.header-btm .social-icons i {
    font-size: 18px;
    margin-right: 15px;
    color: #007bff;
}

.header-btm .social-icons i:hover {
    color: #0056b3;
}

.container.white {
    background-color: #fff !important;
    background-image: url(../../img/bkg-light.jpg); 
    background-size: contain 
}
.container.gray {
    background-color: #f7f7f7 !important;
}
.service_item {
    border: none !important; 
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px !important; 
    transition: 0.4s linear;
    margin-bottom: 10px;
    
}
.service_item:hover {
    border: none !important; 
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px !important;
    border-color: rgb(221, 228, 233);
    transition: 0.4s linear;
}
.service_item p{
    height:85px
}
.catalog-items .thumbnail {
    border: none !important; 
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px !important; 
    transition: 0.4s linear;
    margin-bottom: 5px;
}
.catalog-items:hover .thumbnail {
    border: none !important; 
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px !important;
    border-color: rgb(221, 228, 233);
    transition: 0.4s linear;
}
.catalog-items .thumbnail .caption {
    padding: 0 !important;
}

.carousel-inner .item {
    height: 400px; /* Ограничиваем высоту до 400px */
    background-size: cover;
    background-position: center center;
}
.carousel-caption {
    position: absolute;
    bottom: -4%;
    left: 11%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
}
.carousel-caption h2 {
    font-size: 30px; /* Размер заголовка под новый размер */
    margin-bottom: 15px;
}
.carousel-caption p {
    font-size: 16px; /* Размер текста */
    margin-bottom: 15px;
}
.carousel-caption .btn-primary {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    border-color: #007bff;
}
.carousel-caption .btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
} 
.carousel-indicators {
    bottom: -10px !important;
}

@media (max-width: 767px) {
    .carousel-inner .item {
        height: 300px;
    }

    .carousel-caption h2 {
        font-size: 17px !important;
    }

    .carousel-caption  {
        top: 30%;
    }
    .carousel-caption p {
        font-size: 12px !important;
    }

    .carousel-caption .btn-primary {
        font-size: 12px;
        padding: 5px 20px !important;
    }
    
}

@media (max-width: 480px) {
    .carousel-inner .item {
        height: 250px;
    }

    .carousel-caption h2 {
        font-size: 20px;
    }

    .carousel-caption p {
        font-size: 12px;
    }

    .carousel-caption .btn-primary {
        font-size: 12px;
    }
}

.panel-default .panel-heading {
    background-color: #eaf5fb !important;
    background: rgba(000,000,000,0.4);
    background-image: url("../../img/bkg-dark-900.jpg");
    color: #fff;
    
}
.btn-primary  {
    background-color: #eaf5fb !important;
    background: rgba(000,000,000,0.4);
    background-image: url("../../img/bkg-dark-900.jpg");
    color: #fff;
    border: 1px solid #000;
}

.btn-primary:hover  {
    background: #865c4a !important;   
    color: #fff;
    border: 1px solid #000;
}

.panel.panel-default {
    margin-bottom: 10px;
}

.page-footer {
    color: #fff;
    background: rgba(000,000,000,0.4);
    background-image: url("../../img/bkg-dark-900.jpg");
    background-position: 0px -3px;
}

.page-footer>.copyrights {
    background: rgba(000,000,000,0.6);
    padding: 10px 0 0 0 ;
}

.page-footer a {
    color: #fff
}


.navbar-right li a.btn-warning {
    color: #ffffff;
    background-color: #e99002;
    border-color: #d08002;
    padding: 10px !important
}


.whatsapp-button {
    position: fixed;
    right: 10px;
    bottom: 80px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 9999;
    background-color: #25D366;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");    
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.whatsapp-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.telegram-button {
    position: fixed;
    right: 10px;
    bottom: 170px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 9999;
    background-color: #2CA5E0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFF' d='M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3 13.7l-5.45-1.7c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53 1.73z'/%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.telegram-button:before,
.telegram-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #2CA5E0;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.telegram-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
} 


.work_schema {
    background-image: url("../../img/white-bkg-top.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    /* margin-top: -22px; */
    background-position-x: right;
}

.work_schema-items{
    text-align: center;
}
.work_schema-items .item{
    display: inline-block;
    vertical-align: top;
    width: 18%;
    margin-bottom: 70px;
    text-align: left;
    padding-right: 30px;
}
.work_schema-items .item .num{
    color: #865c4a;
    opacity: 0.12;
    font-weight: bold;
    font-size: 114px;
    margin-bottom: -50px;
    line-height: 1;
}
.work_schema-items .item-title{
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    position: relative;
}
.work_schema .item-title:before{
    content: "";
    background: #E6420A;
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 30px;
}
.work_schema-items .item-text{
    line-height: 1.8;
}

@media(max-width: 1199px){
    .work_schema-items .item{
        margin-bottom: 50px;
    }
    .work_schema-items .item .num{
        font-size: 164px;
        margin-bottom: -70px;
    }
    .work_schema-items .item-title{
        font-size: 17px;
    }
    .work_schema-items .item-text{
        font-size: 13px;
    }
}

@media(max-width: 991px){
    .work_schema-items .item{
        width: 45% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .work_schema-items .item-title:before{
        left: 50%;
        margin-left: -20px;
    }
    .work_schema-items .item .num{
        color: #000;
        opacity: 0.05;
        font-weight: bold;
        font-size: 84px;
        margin-bottom: -50px;
        line-height: 1;
    }
    .work_schema-items .item-title:before{
        content: "";
        background: #E6420A;
        width: 40px;
        height: 3px;
        position: absolute;
        left: 0;
        top: 25px;
    }
}
@media(max-width: 767px){
    .work_schema-items .item{
        width: 100%;
        text-align: left;
    }
    .work_schema-items .item-title:before{
        left: 0;
        margin-left: 0;
    }
}



.question-block{
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../../img/question-form.webp) 0 50% no-repeat #865c4a;
    color: #fff;
    padding: 50px;
    border-radius: 10px;
    /* margin-bottom: 90px; */
}
.question-block .item-title{
    margin-bottom: 0;
    margin-right: 50px;
    font-size: 42px;
    line-height: 1.17;
    font-weight: 600;
    /* margin-bottom: 30px; */
}
.question-block .item-btn .btn{
    margin-bottom: 0;
}
@media(max-width:767px){
    .question-block{
        padding: 30px;
        margin-bottom: 70px;
    }
}
@media(max-width:599px){
    .question-block{
        flex-wrap: wrap;
    }
    .question-block .item-title{
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .carousel-inner .item {
        height: 150px !important;
    }
}

/* Контейнер для изображения с соотношением сторон 2:1 */
.image-container {
    position: relative;
    width: 100%;
    padding-top: 50%; /* Соотношение сторон 2:1 (высота = 50% от ширины) */
    overflow: hidden; /* Обрезаем лишнее */
    display: block;
}

/* Изображение — обрезаем и центрируем */
.image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Обрезает изображение, сохраняя пропорции */
}

/* Адаптивность на маленьких экранах (например, мобильные устройства) */
@media (max-width: 768px) {
    .image-container {
        padding-top: 60%; /* Можно увеличить высоту, если требуется */
    }
}