/* CSS-КАСТОМИЗАЦИЯ БЛОКОВ */


/*Поп-апы. Дорабатываем стили.*/
.t-popup {
    .t702__title {
        margin-bottom: 24px;
    }
    .t-input-group {
        margin-bottom: 16px;
    }
    .t-checkbox__indicator {
        border: 1px solid #162a38;
        float: left;
        margin-bottom: 40px;
    }
    .t-checkbox__indicator:after {
        left: 8px;
        top: 4px;
    }
    .t-checkbox__labeltext {
        line-height: 1.4;
    }
}
@media screen and (max-width: 560px) {
    .t-popup__close {
        background-color: #ffffff !important;
    }
}


/*Карта: Дорабатываем тул типы*/
    .t396 .tn-atom__tip[data-tip-pos=top] {
        bottom: 60% !important;
        left: 100% !important;
        transform: translateX(-10%) !important;
}

    .t396__elem .tn-elem .tn-elem__6665336951694862086688 .js-sbs-anim-trigger_hover
    {
        width: 103px !important;
    }
    
@media screen and (max-width: 960px)
{
    #rec666533695 .tn-elem[data-elem-id="1694862086688"] .tn-atom /*Санкт-Петербург*/
    {
        font-size: 12px !important;
    }
    #rec666533695 .tn-elem[data-elem-id="1694862089988"] .tn-atom /*Москва*/
    {
        font-size: 12px !important;
    }
    #rec666533695 .tn-elem[data-elem-id="1694862096517"] .tn-atom /*Ноябрьск*/
    {
        font-size: 12px !important;
    }
    #rec666533695 .tn-elem[data-elem-id="1702633074652"] .tn-atom /*Кемерово*/
    {
        font-size: 12px !important;
    }
    #rec666533695 .tn-elem[data-elem-id="1702632939192"] .tn-atom /*Хабаровск*/
    {
        font-size: 12px !important;
    }
    
}


/*Блок Работаем с брендами. Дорабатываем карточки*/
.uc-logo-cards .t649,
.uc-showmore .t649 {
    .t-container {
        max-width: 1180px;
    }
    .t-card__col {
        max-width: 278px;
        margin: 0 8px 16px;
    }
    .t649__textwrapper {
        padding: 8px 0 0 0;
        margin: 0;
    }
    .t-card__title {
        margin: 0;
    }
    .t-clear {
        margin-bottom: 0;
    }
    .t649__blockimg_16-9 {
        padding-bottom: 40%;
    }
}
@media screen and (max-width: 1200px) {
    .uc-logo-cards .t649,
    .uc-showmore .t649 {
        .t-container {
            max-width: 960px;
        }
        .t-card__col {
            max-width: 224px;
        }
    }
}
@media screen and (max-width: 960px) {
    .uc-logo-cards .t649,
    .uc-showmore .t649 {
        .t-container {
            max-width: 640px;
        }
        .t-card__col {
            max-width: 304px;
            padding-left: 0;
            padding-right: 0;
            display: inline-block;
            vertical-align: top;
        }
    }
}
@media screen and (max-width: 640px) {
    .uc-logo-cards .t649,
    .uc-showmore .t649 {
        .t-container {
            max-width: 480px;
        }
        .t-card__col {
            max-width: 222px;
            margin: 0 4px 8px;
        }
    }
}
@media screen and (max-width: 480px) {
    .uc-logo-cards .t649,
    .uc-showmore .t649 {
        .t-container {
            max-width: calc(100% - 20px);
        }
        .t-card__col {
            max-width: calc(50% - 8px);
            margin: 0 4px 8px 4px;
        }
        .t649__textwrapper {
            margin-bottom: 20px !important;
        }
    }
}

/*Блок Нашими клиентами становятся. Дорабатываем стили*/
.uc-clients .t983 { 
    .t-btntext {
        font-size: 16px;
        border-bottom: 1px solid rgb(246, 246, 246);
    }
}

@media screen and (max-width: 960px) {
    .t983__row {
        margin-top: 0!important;
    }
}

/*Форма: Оставьте заявку и получите консультацию. Дорабатываем чекбокс*/
.uc-form-consultation .t396 {
    .t-checkbox__indicator {
        border: none;
        background-color: #ffffff;
        opacity: 1;
        float: left;
        margin-bottom: 30px;
    }
    .t-checkbox__indicator:after {
        left: 8px;
        top: 4px;
        border-color: #162A38 !important;
    }
    .t-checkbox__labeltext {
        line-height: 1.4;
    }
}

/*Блок Наша команда профессионалов. Дорабатываем карточки*/
.uc-team .t923 {
    .t-col {
        max-width: 266px;
        margin-left: 16px;
        margin-right: 16px;
    }
    .t923__textwrapper {
        padding: 16px 0 0 0;
    }
}
@media screen and (max-width: 1200px) {
    .uc-team .t923 {
        .t-card__title {
            font-size: 22px !important;
        }
    }
}
@media screen and (max-width: 640px) {
    .uc-team .t923 {
        .t-card__title {
            font-size: 18px !important;
        }
    }
}

/*Блок Отзывы. Дорабатываем карточки*/
.uc-reviews {
    .t958__author {
        flex-direction: column;
    }
    .t958__avatar {
        width: 89px;
        height: 50px;
        margin-bottom: 24px;
    }
    .t958__review {
        margin-top: 24px;
    }
    .t958__author-name {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1200px) {
    .uc-reviews {
        .t958__author-name {
            font-size: 22px !important;
        }
    }
}
@media screen and (max-width: 640px) {
    .uc-reviews {
        .t958__author-name {
            font-size: 18px !important;
        }
        .t958__review-text {
            font-size: 14px !important;
        }
        .t958__avatar {
            margin-bottom: 16px;
        }
        .t958__review {
            margin-top: 16px;
        }
    }
}

/*Блок Какие вопросы у вас могут возникнуть. Дорабатываем отступы, шрифт в адаптивах*/
.uc-questions .t585 {
    .t585__trigger-button {
        padding: 20px 50px 20px 0;
    }
    .t585__text {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1200px) {
    .uc-questions .t585 {
        .t585__title {
            font-size: 22px !important;
        }
    }
}
@media screen and (max-width: 960px) {
    .uc-questions .t585 {
        .t-col {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
}
@media screen and (max-width: 640px) {
    .uc-questions .t585 {
        .t585__title {
            font-size: 18px !important;
        }
        .t585__text {
            font-size: 14px !important;
        }
    }
}

/*Блок Проектов*/
.t-feed__post-label 
{
    margin-top: 20px!important;
    margin-right: 20px!important;
    padding: 8px 12px!important;
    background-color: #F6F6F6!important;
    border-radius: 300px!important;
}
    
.t-feed__post-label span {
    color: #162A38!important;
}

.t-feed__post-tag {
    font-size: 12px!important;
    letter-spacing: 0px!important;
    text-transform: initial!important;
}

.t-uptitle {
    font-weight: 500!important;
}

.t-feed__col-grid__post-wrapper .t-feed__post-imgwrapper 
{
    padding-bottom: 0%!important; 
}


@media screen and (max-width: 960px)
{
    .t-feed__container_inrow1 .t-feed__post:first-child, .t-feed__container_inrow2 .t-feed__post:nth-child(-n+2), .t-feed__container_inrow3 .t-feed__post:nth-child(-n+3), .t-feed__container_inrow4 .t-feed__post:nth-child(-n+4) {
        margin-top: 20px!important;
    }
}

@media screen and (max-width: 960px)
{
    .t-feed__grid-col:not(.t-slds__item) {
        margin-top: 20px!important;
    }
}

/*Блок Магазина*/
@media screen and (max-width: 960px) 
{
    .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col {
        margin-bottom: 20px!important;
    }
}

/* ------------МОДИФИКАЦИИ БЛОКОВ-------------- */

/*Блок Оборудование. Добавляем эффект ссылки (темный)*/
/* https://romanyu.ru/effekt-ssylki-zeroblock */

.linkmain[data-elem-type="text"] a {
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #162A38 !important;
}

.linkmain[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #162A38 !important;
    /* толщина и цвет подчеркивания после наведения */
    border-bottom: 1px solid #162A38 !important;
    /* отступ между ссылкой и подчеркиванием после наведения */
    padding-bottom: 2px !important; 
}

/*Блок Решения. Добавляем эффект ссылки (белый)*/
.linkwhite[data-elem-type="text"] a {
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #F6F6F6 !important;
}

.linkwhite[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #F6F6F6 !important;
    /* толщина и цвет подчеркивания после наведения */
    border-bottom: 1px solid #F6F6F6 !important;
    /* отступ между ссылкой и подчеркиванием после наведения */
    padding-bottom: 2px !important; 
}
/*кнопка связи через битрикс*/
@media screen and (max-width: 480px) {
    .b24-widget-button-position-bottom-right {
        right: 10px!important;
        bottom: 10px!important;
    }
}