:root {
    --blue: #0f192a;
    --light-blue: #43518c;
    --green: #4a8066;
    --light-green: #649b80;
    --gray: #767676;
    --white: #fff;
    --light-blue-2: #8995c7;
    --black: #000;
    --lihjt-blue-3: #fafbff;
    --s32: 32px;
}
:root {
    --font-family: "Wix Madefor Text", sans-serif;
    --second-family: "Wix Madefor Display", sans-serif;
    --third-family: "Gotham", sans-serif;
}
.t396__elem11 {
display:block !important;
}
.video-frame {
height:250px;
margin-bottom:15px;
}
.video-frame iframe {
height:100% !important;
border-radius:7px;
}
.video-list {
width:100%;
display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.video-name {
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height:25px;
} 
.swiper1 {
  width: 100%;
  overflow:hidden;
  height: 300px;
  margin-top:50px;
  position:relative;
}
.pub-wrapper {
    padding:0 0 0 20px;
    border-left:solid 1px #000;
    height: 220px;
}
.pub-name {
color: #333333;
    font-size: 14px;
    font-family: 'Montserrat', Arial, sans-serif;
}
.pub-text {
font-size: 20px;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 28px;
    margin-bottom:20px;
    height:170px
}
.sbn {
    position: absolute;
    background: url(/images/tild3530-3339-4632-b230-343933386631__right_arrow.svg);
    width: 40px;
    height: 40px;
    left: calc(50% + 20px);
    bottom: 0;
    z-index: 100;
    cursor: pointer;
}
.sbp {
    position: absolute;
    background: url(/images/tild6362-6134-4466-b234-633161643337__left_arrow.svg);
    width: 40px;
    height: 40px;
    left: calc(50% - 40px);
    bottom: 0;
    z-index: 100;
    cursor: pointer;
}
.grid-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--s32);
}
.col-1 {
    grid-column: span 1;
}
.col-2 {
    grid-column: span 2;
}
.col-3 {
    grid-column: span 3;
}
.col-4 {
    grid-column: span 4;
}
.col-5 {
    grid-column: span 5;
}
.col-6 {
    grid-column: span 6;
}
.col-7 {
    grid-column: span 7;
}
.col-8 {
    grid-column: span 8;
}
.col-9 {
    grid-column: span 9;
}
.col-10 {
    grid-column: span 10;
}
.col-11 {
    grid-column: span 11;
}
.col-12 {
    grid-column: span 12;
}
.slider-item {
    padding-bottom:50px;
    position:relative;
}
.slider-item:before {
    background-image: linear-gradient(0turn, rgba(51, 51, 51, 1) 0%, rgba(99, 99, 99, 1) 100%);
    content: "";
    display:block;
    width:100%;
    height:calc(100% - 30px);
    position:absolute;
    left:0;
    bottom:0;
}
.slider-item-wrapper {
position:relative;
z-index:5;
}
body {
    margin: 0;
    padding: 0;
    cursor: default;
    background: #fff;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.align-between {
    justify-content: space-between;
}
.align-right {
    justify-content: right;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background: rgba(0,0,0,0.55);
    display: none;
}
.content_inject {
    width: 543px;
    height: 414px;
    background: #fff;
    border-radius: 16px;
    margin: auto;
    z-index: 101;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    display: none;
}
.content_inject_default {
    padding: 40px;
}
.content_inject_close {
    position: absolute;
    right: 31px;
    top: 31px;
}
.align-center {
    justify-content: center;
}
.vertical-center {
    align-items: center;
}
.cookies {
    background: #fff;
    border-radius: 5px;
    position: fixed;
    z-index: 950;
    bottom: var(--s32);
    left: 0;
    right: 0;
    box-shadow: 0 0 10px #999;
}
.cookies-close {
    background: url(/images/close.png);
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}
.cookies-grid {
    padding: 15px 90px;
    display: grid;
    gap: var(--s32);
    grid-template-columns: 1fr 140px;
    align-items: center;
}
.cookies-agree {

    border-radius: 5px;
    padding: 10px 18px;
    background: #000;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

.gray {
    background:#333;
    padding:50px 0
}
.slider-name {
vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
margin-top:130px
}
.slider-wrapper {
margin-top:30px;
}
.slider-year {
    vertical-align: middle;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 300;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
@media (max-width: 768px) {
    .container {
        width:auto;
        padding:0 15px;
    }
.yurii {
max-height:400px;
}
    .m-center {
        text-align:center;
    }
.video-list {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
    .text-lg-right {
        text-align: right;
    }
    .col-lg-1 {
        grid-column: span 1;
    }
    .col-lg-2 {
        grid-column: span 2;
    }
    .col-lg-3 {
        grid-column: span 3;
    }
    .col-lg-4 {
        grid-column: span 4;
    }
    .col-lg-5 {
        grid-column: span 5;
    }
    .col-lg-6 {
        grid-column: span 6;
    }
    .col-lg-7 {
        grid-column: span 7;
    }
    .col-lg-8 {
        grid-column: span 8;
    }
    .col-lg-9 {
        grid-column: span 9;
    }
    .col-lg-10 {
        grid-column: span 10;
    }
    .col-lg-11 {
        grid-column: span 11;
    }
    .col-lg-12 {
        grid-column: span 12;
    }

}