/* Start:/local/templates/spec/components/bitrix/news.list/indexBanners/style.min.css?17836051027923*/
.index-banners-wrap {
    margin-top: 48px;
    margin-bottom: 48px
}

.index-banners {
    max-width: none;
    /*margin: -10px -8px;*/
    font-size: 0
}

.btn-simple {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 200px;
    padding: 21px 24px 19px;
    color: #fff;
    font-size: 14px;
    font-family: roboto_ltregular;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    color: #417ea5;
    border-color: #417ea5;
    background: transparent;
}
.btn-simple.btn-micro {
    min-width: 114px;
    padding: 6px 8px 4px;
}
.btn-simple:hover {
    border-color: #417ea5;
    color: #fff;
    background: #417ea5;
}
.btn-simple:active {
    top: 1px
}

.btn-simple.btn-black {
    background: #2d2d2d;
    border-color: #2d2d2d
}

.btn-simple.btn-black:hover {
    background: #202020;
    border-color: #202020
}

.btn-simple.btn-black-border {
    color: #000;
    background: 0 0;
    border-color: #aaa
}

.btn-simple.btn-black-border:hover {
    background: 0 0;
    border-color: #000
}

.btn-simple.btn-medium {
    padding: 16px 24px 14px
}

.btn-simple.btn-small {
    min-width: 126px;
    padding: 12px 8px 10px
}

.index-banners .elem-column {
    display: inline-block;
    width: 25%;
    vertical-align: top
}

.index-banners .elem-column:nth-child(3) {
    width: 19%
}

.index-banners .elem-column:nth-child(4) {
    width: 31%
}

.index-banners .elem-wrap {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 8px;
    vertical-align: top
}

.index-banners .elem {
    position: relative;
    box-sizing: border-box;
    height: 228px;
    padding: 42px 24px 12px;
    background-color: #fff;
    border: 1px solid #e7e8ea
}

.index-banners .elem-column:nth-child(1) .elem {
    height: 476px;
    padding: 42px 36px 12px
}

.index-banners .elem-column:nth-child(3) .elem {
    height: 476px
}

.index-banners .text-wrap {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 100%;
    color: #000
}

.index-banners .elem-column:nth-child(2) .text-wrap {
    width: 60%
}

.index-banners .elem-column:nth-child(4) .text-wrap {
    width: 50%
}

.index-banners .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.index-banners .name {
    display: block;
    max-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #000;
    font-size: 18px;
    font-family: robotomedium;
    line-height: 20px;
    text-decoration: none;
    transition: opacity .2s ease-in-out
}

.index-banners .name:hover {
    opacity: .85
}

.index-banners .name:active {
    position: relative;
    top: 1px
}

.index-banners .name-white {
    color: #fff;
    box-shadow: none
}

.index-banners .descr {
    max-height: 48px;
    margin-bottom: 12px;
    overflow: hidden;
    font-size: 13px;
    line-height: 16px
}

.index-banners .descr-white {
    color: #fff
}

.index-banners .elem-column:nth-child(1) .descr {
    margin-bottom: 18px
}

.index-banners .text-wrap.text-wrap-white {
    color: #fff
}

.index-banners .text-wrap-white .name {
    color: #fff
}

.index-banners .text-wrap-white .name:hover {
    opacity: .8
}

.index-banners .btn-white .btn-simple {
    color: #282727;
    background-color: #fff;
    border-color: #fff;
    transition: opacity .2s ease-in-out
}

.index-banners .btn-white .btn-simple:hover {
    opacity: .9
}

@media all and (max-width: 1400px) {
    .index-banners .name {
        font-size: 16px
    }
}

@media all and (max-width: 1340px) {
    .index-banners .elem-column {
        width: 37%
    }

    .index-banners .elem-column:nth-child(3) {
        width: 26%
    }

    .index-banners .elem-column:nth-child(4) {
        width: 100%
    }

    .index-banners .elem-column:nth-child(4) .elem-wrap {
        width: 50%
    }

    .index-banners .elem {
        height: 200px;
        padding: 24px 18px 12px
    }

    .index-banners .elem-column:nth-child(1) .elem {
        height: 416px;
        padding: 24px 36px 12px
    }

    .index-banners .elem-column:nth-child(3) .elem {
        height: 416px
    }

    .index-banners .elem-column:nth-child(4) .text-wrap {
        width: 45%
    }
}

@media all and (max-width: 1024px) {
    .index-banners {
        /*margin: -6px*/
    }

    .index-banners .elem-wrap {
        padding: 6px
    }
}

@media all and (max-width: 900px) {
    .index-banners .elem {
        height: 146px
    }

    .index-banners .elem-column:nth-child(n) .elem {
        padding: 36px 18px 12px
    }

    .index-banners .elem-column:nth-child(1) .elem {
        height: 304px
    }

    .index-banners .elem-column:nth-child(3) .elem {
        height: 304px;
        padding-right: 12px;
        padding-left: 12px
    }

    .index-banners .descr {
        display: none
    }
}

@media all and (max-width: 790px) {
    .index-banners {
        /*margin: -2px*/
    }

    .index-banners .elem-wrap {
        padding: 2px
    }

    .index-banners .elem {
        height: 132px
    }

    .index-banners .elem-column:nth-child(1) .elem {
        height: 268px
    }

    .index-banners .elem-column:nth-child(3) .elem {
        height: 268px
    }

    .index-banners .elem-column:nth-child(n) .elem {
        padding-top: 24px
    }

    .index-banners .elem-column {
        width: 50%
    }

    .index-banners .elem-column:nth-child(3) {
        width: 50%
    }

    .index-banners .elem-column:nth-child(4) {
        width: 50%
    }

    .index-banners .elem-column:nth-child(4) .elem-wrap {
        width: 100%
    }

    .index-banners .elem-column:nth-child(2) .text-wrap {
        width: 65%
    }

    .index-banners .elem-column:nth-child(4) .text-wrap {
        width: 65%
    }
}

@media all and (max-width: 550px) {
    .index-banners .elem {
        height: 88px
    }

    .index-banners .elem-column:nth-child(n) .elem {
        padding: 24px 8px 0
    }

    .index-banners .elem-column:nth-child(3) .elem {
        height: 180px
    }

    .index-banners .elem-column:nth-child(1) .elem {
        height: 180px
    }

    .index-banners .elem-column:nth-child(2) .text-wrap {
        width: 70%
    }

    .index-banners .elem-column:nth-child(4) .text-wrap {
        width: 70%
    }

    .index-banners .elem-column:nth-child(n) .name {
        max-height: 32px;
        font-size: 14px;
        line-height: 16px
    }

    .index-banners .btn-simple {
        display: none
    }
}

@media all and (max-width: 480px) {
    .index-banners-wrap {
        margin: 24px 0
    }
}

@media all and (max-width: 450px) {
    .index-banners .name:not(.text-white) {
        text-shadow: 0 0 10px #fff
    }

    .index-banners .text-wrap-white .name {
        text-shadow: 0 0 10px #000
    }
}

@media all and (max-width: 360px) {
    .index-banners .elem-column:nth-child(n) .name {
        max-height: 32px;
        font-size: 13px;
        line-height: 16px
    }

    .index-banners .elem {
        height: 72px
    }

    .index-banners .elem-column:nth-child(1) .elem {
        height: 148px
    }

    .index-banners .elem-column:nth-child(3) .elem {
        height: 148px
    }

    .index-banners .elem-column:nth-child(n) .elem {
        padding-top: 12px
    }
}
/* End */


/* Start:/local/templates/spec/components/bitrix/catalog.section.list/main/style.css?1783605102844*/
.float-right{
    margin-left:20px;
}
.brand-item-card-wrap {
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;

    &:hover {
        border-color: #b4b4b4;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }
}
.responsive-cards > [class*="col-"]{
    padding-bottom: 0.25rem;
}
@media (max-width: 992px) {

    /* Все нечетные карточки (1-я, 3-я, 5-я...) — аналог pr-1 */
    .responsive-cards > [class*="col-"]:nth-child(odd) {
        padding-right: 0.25rem !important; /* 4px */
        padding-left: 0;
    }

    /* Все четные карточки (2-я, 4-я, 6-я...) — аналог pl-1 */
    .responsive-cards > [class*="col-"]:nth-child(even) {
        padding-left: 0.25rem !important; /* 4px */
        padding-right: 0;
    }
}
/* End */


/* Start:/local/templates/spec/components/bitrix/news.list/projects/style.css?1783605102720*/
.project-carousel{
    padding: 0 50px;
}
.project-carousel span.name {
    background: rgba(0, 0, 0, .55);
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1.43px;
    line-height: 21px;
    height: 60px;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 10px 10px;
    text-decoration: none;
}

.project-carousel.owl-carousel .owl-nav .owl-next{right:0}
.project-carousel.owl-carousel .owl-nav .owl-prev{left:0}

.owl-stage {
    display: flex;
    align-items: stretch;
}

.project-carousel.original_view .owl-item *{
    height: initial;
}
.owl-item *
{
    height: 100%;
}
.owl-carousel .owl-item img {

}

/* End */
/* /local/templates/spec/components/bitrix/news.list/indexBanners/style.min.css?17836051027923 */
/* /local/templates/spec/components/bitrix/catalog.section.list/main/style.css?1783605102844 */
/* /local/templates/spec/components/bitrix/news.list/projects/style.css?1783605102720 */