/* Start:/local/templates/loft/components/bitrix/breadcrumb/loft/style.min.css?1769759184601*/
.bx-breadcrumb{padding:18px 0 27px;display:flex;justify-content:start}@media (max-width:767.98px){.bx-breadcrumb{overflow:auto;flex-flow:row nowrap;white-space:nowrap}}.bx-breadcrumb-item{font-size:0}.bx-breadcrumb .bx-breadcrumb-item>i.fa:before{content:"/";display:inline-block;font-family:"Inter";font-style:normal;font-weight:300;font-size:12px;line-height:15px;margin:0 .2rem 0 .15rem;position:relative}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Inter";font-style:normal;font-weight:300;font-size:12px;line-height:15px;color:#000}.bx-breadcrumb .bx-breadcrumb-item a>span{color:#818181}
/* End */


/* Start:/local/templates/loft/components/custom/super.component/production.section/style.min.css?17697591841376*/
.ui-image__single{border-radius:10px;overflow:hidden}.ui-image__single img{height:auto;max-height:580px;width:100%}.ui-text__desc,.ui-text__title{font-style:normal;color:var(--c3)}.ui-text__title{font-weight:400;font-size:40px;line-height:130%;text-transform:uppercase}.ui-text__desc{font-weight:300;font-size:14px;line-height:150%}.green__line{background:linear-gradient(192.97deg,#16868f 9.36%,rgba(22,139,149,.677336) 159.86%,rgba(22,139,149,0) 159.87%);border-radius:10px}.green__line .col{padding:16px 24px;position:relative}.green__line .col:after{content:"";position:absolute;top:16px;right:1px;height:calc(100% - 32px);width:2px;background:#57adb6}.green__line .col:last-child::after{content:none}.line__title{font-weight:400;font-size:18px;line-height:130%;color:var(--c1);margin-bottom:8px}.line__desc{font-weight:300;font-size:14px;line-height:150%;color:var(--c1)}.line__icon{margin-top:48px}.our-production-title{font-family:"Inter";font-style:normal;font-weight:400;font-size:32px;line-height:130%;margin-bottom:40px}.ui-gallery-cart{height:350px;background-size:cover;border-radius:10px;margin-bottom:24px}@media screen and (max-width:768px){.own-production-heading__title,.own-production-video__title{margin-bottom:32px}.our-production-gallery .our-production-gallery__col{flex:0 0 50%;max-width:50%}.our-production-gallery__col .ui-gallery-cart{height:185px}}
/* End */


/* Start:/local/templates/loft/css/block_video.css?17697591876616*/
.section-video__heading {
    margin: 0 0 24px 0;
}

.section-video__desc {
    font-weight: 300;
    font-size: 14px;
    color: var(--c-3);
    margin: 16px 0 0 0;
}

.section-video__types {
    background: var(--c11);
    padding: 24px 0 40px calc((100vw - 1320px)/2);
    overflow: hidden;
}

.product-types-list {
    list-style: none;
    counter-reset: list-number;
}

.product-types-list .owl-stage {
    display: flex;
}

.product-types-list .product-type-text-block {
    height: 100%;
    width: 328px;
    color: #FFF;
    padding: 0 25px 0 16px;
    border-left: 1px solid var(--c14);
}

.product-types-list .product-type-text-block__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 16px 0;
}

.product-types-list .product-type-text-block__desc {
    font-weight: 300;
    font-size: 17px;
    line-height: 1.5;
}

.product-types-list .product-type-text-block__title::before {
    counter-increment: list-number;
    content: "0"counter(list-number);
}

.catalog-video {
    background: url('/local/templates/loft/css/../images/backgrounds/video_block_bg_2-min.webp') 50% 50% no-repeat;
    background-size: cover;
    margin-bottom:80px;
}

.catalog-video > .shadow-wrapper {
    background-color: rgba(255,255,255,0.45);
}
.catalog-video__title h2{
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    color: #000000;
    margin-bottom: 34px;
}
.catalog-video > .container {
    position:relative;
    padding-top:148px;
    padding-bottom:148px;
    z-index:10;
    min-height:700px;
}
@media (max-width: 1023.98px){
    .catalog-video > .container {
        padding-top:75px;
        padding-bottom:75px;
        min-height: 320px;
        height:auto;
    }
}
.video-list {
    width: 100vw;
    max-width: 444px;
    z-index:100;
}
.video-list__item {
    display: flex;
    flex-flow: row wrap;
    width:100%;
    margin-bottom:20px;
    border-radius: 10px;
    overflow: hidden;
    cursor:pointer;
}
.video-list__item:last-child {
    margin:0px;
}
.video-list__item-prev {
    width: 160px;
    height: 160px;
    overflow: hidden;
}

.video-list__item-prev img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-list__item-desc {
    width: calc(100% - 160px);
    max-height: 160px;
    background: #2E2E30;
    padding:15px 20px;
    overflow: hidden;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.4;
    color:#fff;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.video-list__item-desc p {
    margin: 0;
}

.video-list__item-name {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

.video-list__item:hover .video-list__item-desc {
    background-color: #B01718;
}

button.play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    background-color: transparent;
    padding: 0;
    margin-top: -47.5px;
    margin-left: -47.5px;
}
button.play:hover path {
    fill: #B01718;
}

#player-box {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    z-index:0;
    display:flex;
    align-items:center;
    justify-content: center;
    background: rgb(0, 0, 0);
}
#player-box > video {
    width:100%;
    height:auto;
}
@media (max-width: 1025px) {  
    .catalog-video > .container {
        flex-flow: row wrap;
        justify-content: space-between !important;
        min-height: 1px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    button.play {
        position: static;
        width: 40%;
        margin: 0;
    }

    button.play svg {
        width: 65%;
    }

    .video-list {
        width: 54%;
        max-width: 54%;
    }
    
    .video-list__item {
        flex-flow: row wrap;
        height:auto;
        margin-bottom: 8px;
    }

    .video-list__item-prev {
        width: 50%;
        height: 85px;
        max-width: initial;
        min-width: 1px;
    }
 
    .video-list__item-desc {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        width: 50%;
        max-height: initial;
    }

    .video-list__item-name {
        font-weight: 300;
        font-size: 12px;
        line-height: 1;
    }
}

@media (max-width: 770px) {
    .video-list__item-desc  {
        padding:4px;
    }

    .video-list__item-text {
        display: none;
    }    
}

@media (max-width: 350px) {
    .video-list__item-prev {
        width: 48%;
        height: 75px;
    }

    .video-list__item-desc {
        width: 52%;
    }
}


@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
    animation-duration: 2s;
    z-index:100 !important;
    opacity:1 !important;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
    animation-duration: 2s;
    transform-origin: left center;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center;
    animation-duration: 2s;
    opacity:0;
    z-index:0;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
    animation-duration: 2s;
    opacity:1 !important;
    z-index:100 !important;
}
/* End */


/* Start:/local/templates/loft/components/custom/super.component/gallery.production/style.css?176975918474*/
@media (max-width: 575px) {
    .col.xs-12 {
        width: 100%;
    }
}

/* End */
/* /local/templates/loft/components/bitrix/breadcrumb/loft/style.min.css?1769759184601 */
/* /local/templates/loft/components/custom/super.component/production.section/style.min.css?17697591841376 */
/* /local/templates/loft/css/block_video.css?17697591876616 */
/* /local/templates/loft/components/custom/super.component/gallery.production/style.css?176975918474 */