/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */
.social-icons li.telegram.max a {
    background-image: url(../images/max.png);
background-position: 0 0;
}
.footer_top .social-icons li.telegram.max a {
    background-image: url(../images/max_white_43.png);
background-position: 0 0;
}
.mega_fixed_menu .right_block .social-icons li.telegram.max a
{
    background-image: url(../images/max.png);
background-position: 0 0;
}
body, body div.bx-yandex-map, .fancybox-title {

    font: 17px/25px "Montserrat", Arial, sans-serif;

}
.logo-row .logo {
    max-width: 300px;
}
.mega-menu table td .dark-color:hover, a.colored, .colored {
    background: #333;transition: all 0.5s ease-out 0.1s;
}
.item-views.front a {
    color: #333;
}
.pagination  a.nav-active{

opacity: 1;

}
.item-views.front a:hover {
    color: #F9E719;
}
.yellow-link {
    background: #F9E719;
    color: #333;
}
.yellow-link:hover {
    background: #333;
    color: #F9E719;
}

.fotogallery-img {
    max-width: 100%;
    height: auto;
}

.phone-block .inline-block{vertical-align: middle;margin-right: 12px}
.callback_wrap-mega-menu{margin-top: 12px}
.btn.btn-default {background-color: #F9E719;border-color: #F9E719;color: black;}
.item-views.front a:hover, .btn.btn-transparent:hover, .btn.btn-default.btn-transparent:hover {color: black;}
.social-block-header .social-icons li a {display: block!important}
.logo_and_menu-row .right-icons {margin: 20px 0px 0 0;}
.menu-row.bgcolored.black{background-color: #333}
.menu-row.bgcolored.black .mega-menu table td .wrap > a{color: #f2df06; transition: all 0.5s ease-out 0.1s;}
.menu-row.bgcolored.black .mega-menu table td .wrap > a:hover,
.menu-row.bgcolored.black .mega-menu table td.active .wrap > a > span {color: #333}
.block-fotogallery .row{margin-bottom: 1px}
.block-fotogallery .row .col-md-3{padding-left: 1px!important; padding-right: 1px!important; height: 263px}
.block-fotogallery .row .col-md-3 img{width: 100%}
a.colored, .colored {padding-left: 5px; padding-right: 5px}
a.colored:hover, .colored:hover, footer .info .callback-block:hover {color:#333;background:#F9E719}
footer .bitru {font-size: 0.6667em;line-height: 1.2em;color: #999;letter-spacing: 0.8px;}
footer a:hover, footer a:focus {color:white;}

@media (min-width: 992px) {
.banners-big .slides > li {
    height: 500px !important;
    margin-top: 135px !important;
}
.row-price{margin-bottom: 30px}
@media (min-width: 769px) {
    .row-price .ul-price{columns: 2;-webkit-columns: 2;-moz-columns: 2;}
}

.banners-big .flexslider, .banners-big .slides {
    height: 635px !important;
}
}
@media (max-width: 767px) {
.banners-big .slides .text, .banners-big .flexslider, .banners-big .slides, .banners-big .flexslider, .banners-big .slides li {
    height: 275px !important;
}
}
.item-views.news-items .item.big_block>.wrap .body-info {position: absolute;left:0;right: 0;bottom: 0;width: 100%;border-left: none;opacity: 0;
/*Плавные эффекты*/
-webkit-transition: all 0.5s ease-out 0.1s;
-moz-transition: all 0.5s ease-out 0.1s;
-o-transition: all 0.5s ease-out 0.1s;
transition: all 0.5s ease-out 0.1s;
}
.item-views.news-items .item.big_block:hover>.wrap .body-info{opacity: 1}
.item-views.news-items .item.big_block>.wrap .image img {height: auto;}
.maxwidth-banner {max-width:1920px;}
.mix_banners {max-width:1344px;margin:0 auto;}
.drag_block.gallery #slider li.item{align-items: baseline;max-height: 750px;}
.drag_block.gallery #slider li.item img{margin: 0;max-height: unset!important;display: block!important;}
.social-icons li.RF a{background: none;width: 132px;}
.social-icons li.RF a img{max-width: 100%;height: 100%;}

.btn-youtube{border: none;background-color: #BC2F15;padding: 8px 24px; line-height: 1; font-size:20px;font-weight: 600;text-transform: uppercase;color: white;border-radius: 6px;}
.row_gallery>div{margin-bottom: 24px;}
.row_gallery>div>iframe{width: 600px;height: 338px;max-width: 100%;}
@media (max-width: 1024px) {
    .row_gallery>div>iframe{height: 270px;}
}
@media (max-width: 992px) {
    .row_gallery>div>iframe{height: 338px;}
}
@media (max-width: 576px) {
    .row_gallery>div>iframe{height: 200px;}
}
div#bx-composite-banner {
display: none !important;
}

.drag-block.container[data-class="TOP_FLOAT_BANNERS_INDEX_drag"] {
      margin: 30px 0;
}
.h-100 {
    height: 100%
}
.d-flex {
    display: flex;
}
.flex-direction-column {
    flex-direction: column;
}
.align-items-center {
    align-items: center;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-between {
    justify-content: space-between;
}
.bg-video-block-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.bg-video-block {
    background: rgba(242, 223, 6, 0.1);
    position: relative;
    width: 100%;
    /*height: 60vh; !* Занимает всю высоту экрана *!*/
    overflow: hidden;
}

.bg-video-block .bg-video {
    position: absolute;
    top: 50%;
    left: 49%;
    width: 101%;
    height: 100%;
    object-fit: cover; /* Заполняет блок, сохраняя пропорции */
    transform: translate(-49%, -50%);
    z-index: -1; /* Видео находится под контентом */
    margin: 0;
    padding: 0;
    border: none; /* Явно убираем рамку */
    outline: none; /* Убираем фокусное выделение */
    box-shadow: none; /* Убираем тень, если она есть */
}
.bg-video-content {
    margin-top: 100px;
    margin-bottom: 100px;
}
.bg-video-content-sub-title {
    font-weight: 700;
    font-size: 25px;
    color: #FBC503;
}
.bg-video-content-title {
    font-weight: 700;
    font-size: 80px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
}
.bg-video-content-contact a {
    color: #fff;
    font-weight: 500;
    font-size: 26px;
    /*padding-left: 50px;*/
    /*background: url(/upload/icon_location.svg) no-repeat left center;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-video-content-btn {
    margin: 8px auto;
    padding: 15px 30px;
    color: #333333;
    border-radius: 8px;
    width: 400px;
    height: 60px;
    border:0;
    font-weight: 700;
    text-transform: uppercase;
}
.bg-video-content-btn-video {
    background: white;
}
.bg-video-content-btn-order {
    background: #F9E719;
}
.bg-video-content-soc-seti {
    gap: 40px;
    margin-top: 60px;
}
.bg-video-content-soc-seti-line {
    flex-grow: 1; /* Линии занимают всё доступное пространство */
    height: 1px; /* Толщина линии */
    background-color: #F9E719; /* Цвет линии */
}
.bg-video-content-soc-seti-icons {
    gap: 30px;
    display: flex;
}
.container-services {
    margin-top: 100px;
    margin-bottom: 100px;
}
.tab-buttons {
    margin-bottom: 40px;
    gap: 20px;
}
.tab-button {
    padding: 12px 42px;
    cursor: pointer;
    background-color: #333333;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
}
.tab-button.active, .tab-button:hover {
    background-color: #F2DF06;
    color: #333333;
}
.tab-panel {
    display: none;
}
.tab-panel.active {
    display: block;
}
.btn-order-service {
    margin: 8px auto!important;
    display: inline-block;
}
.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-4 {
    margin-top: 1.5rem!important;
}
.mt-5 {
    margin-top: 2rem!important;
}
.mt-6 {
    margin-top: 6rem!important;
}
.fs-1_25 {
    font-size: 1.25em;
    line-height: 1.5;
}
.btn-order-service {
    padding: 12px 42px;
    cursor: pointer;
    background-color: #333333;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
}
.btn-order-service:focus {
    color: #fff;
}
.btn-order-service:hover {
    background-color: #F2DF06;
    color: #333333;
}
.btn-pagination-ajax {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.btn-pagination-ajax .btn-ajax {
    margin: 20px auto;
}
@media (max-width: 768px) {
.company-block .preview-text img {
    max-width: 100%;
}
    .bg-video-content-title {
        font-size: 40px;
    }
    .bg-video-content-contact a {
        font-size: 18px;
    }
    .bg-video-content-btn {
        width: 100%;
    }
    .tab-buttons {
        flex-direction: column;
    }
}
.btn-tg {
  background-color: #27A7E7;
  border-color: #27A7E7;
color: white!important;
}