.works-sect .works-sect__project {
    height:55px;
    padding:5px 15px;
    margin-bottom:15px;
    color:#fff;
    background-color:#4591e3;
    border:1px solid #4591e3;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-family:Noah,Arial,sans-serif;
    font-weight:700;
    font-style:normal;
    letter-spacing:.05em;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center
}

.works-sect .btn-block {
    margin-top:auto;
    display:flex;
    flex-direction:column
}

.works-sect {
    padding-bottom:100px
}

@media only screen and (max-width:992px) {
    .works-sect {
        padding-bottom:50px
    }
}

.works-sect_about {
    padding:100px 0 120px;
    background-color:#f4f6f8
}

@media only screen and (max-width:992px) {
    .works-sect_about {
        padding:50px 0
    }
}

.works-sect__container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

@media only screen and (max-width:992px) {
    .works-sect__container {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}

.works-sect__container_slider {
    margin-bottom:75px
}

@media only screen and (max-width:576px) {
    .works-sect__container_slider {
        margin-bottom:50px
    }
}

.works-sect__slider {
    -webkit-box-flex:0;
    -ms-flex:0 0 62%;
    flex:0 0 62%;
    max-width:62%;
    position:relative;
    background-color:#f1f6fc;
    border-radius:10px;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

@media only screen and (max-width:992px) {
    .works-sect__slider {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        margin-bottom:30px
    }
}

.works-sect__slider .swiper-container {
    -ms-flex-item-align:stretch;
    align-self:stretch;
    width:100%
}

.works-sect__slider-ctrls {
    position:absolute;
    z-index:2;
    bottom:10px;
    right:10px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}

.works-sect__slider-next svg,.works-sect__slider-prev svg,.works-sect__slider-zoom {
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}

.works-sect__slider-next,.works-sect__slider-prev,.works-sect__slider-zoom {
    width:70px;
    height:70px;
    border-radius:10px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.works-sect__slider-zoom {
    background-color:#ddd;
    margin-right:1px
}

.works-sect__slider-zoom:hover {
    text-decoration:none;
    background-color:#fff
}

.works-sect__slider-next,.works-sect__slider-prev {
    background-color:#fff;
    cursor:pointer
}

.works-sect__slider-prev {
    margin-right:1px
}

.works-sect__slider-next svg,.works-sect__slider-prev svg {
    stroke:#4591e3
}

.works-sect__slider-next:focus,.works-sect__slider-prev:focus {
    outline:0
}

.works-sect__slider-next:hover svg,.works-sect__slider-prev:hover svg {
    stroke:#ff4651;
    -webkit-transform:scaleX(1.2);
    -ms-transform:scaleX(1.2);
    transform:scaleX(1.2)
}

.works-sect__slider-next {
    margin-right:0
}

.works-sect__slider-fract {
    left:auto;
    bottom:auto;
    -webkit-box-flex:0;
    -ms-flex:0 0 38px;
    flex:0 0 38px;
    height:54px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:0;
    overflow:hidden;
    position:relative
}

.works-sect__slider-fract::before {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    content:'';
    display:inline-block;
    width:60px;
    height:1px;
    background-color:#b1becb;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}

.works-sect__slider-fract .swiper-pagination-current {
    color:#4591e3;
    font-size:18px;
    -ms-flex-item-align:start;
    align-self:flex-start;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}

.works-sect__slider-fract .swiper-pagination-total {
    font-size:18px;
    color:#b1becb;
    -ms-flex-item-align:end;
    align-self:flex-end;
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3
}

.works-sect__slide {
    display:block;
    min-height:470px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}

@media only screen and (max-width:576px) {
    .works-sect__slide {
        min-height:350px
    }
}

.works-sect__aside {
    -webkit-box-flex:0;
    -ms-flex:0 0 38%;
    flex:0 0 38%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:30px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}

@media only screen and (max-width:992px) {
    .works-sect__aside {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        padding-left:0
    }
}

.works-sect__title {
    color:#25292d;
    font-size:42px;
    line-height:133%;
    font-family:Noah,Arial,sans-serif;
    font-weight:700;
    font-style:normal;
    margin-bottom:15px
}

@media only screen and (max-width:992px) {
    .works-sect__title {
        font-size:36px
    }
}

@media only screen and (max-width:576px) {
    .works-sect__title {
        font-size:30px
    }
}

@media only screen and (max-width:480px) {
    .works-sect__title {
        font-size:26px
    }
}

.works-sect__subtitle {
    margin-bottom:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}

.works-sect__subtitle-text {
    margin-left:25px;
    -webkit-box-flex:1;
    -ms-flex:1 0 0;
    flex:1 0 0;
    color:#25292d;
    font-size:18px;
    line-height:150%
}

.works-sect__text {
    margin-bottom:25px;
    color:#707d8a;
    line-height:160%;
    font-size:14px
}

.works-sect__text-hidden {
    display:none
}

.works-sect__text-spoiler {
    display:inline-block;
    color:#4591e3;
    text-decoration:none;
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}

.works-sect__text-spoiler.active span:first-child {
    display:none
}

.works-sect__text-spoiler.active span:last-child {
    display:inline-block
}

.works-sect__text-spoiler:hover {
    text-decoration:none;
    color:#ff4651!important
}

.works-sect__text-spoiler:active,.works-sect__text-spoiler:focus {
    text-decoration:none;
    color:#4591e3
}

.works-sect__discuss,.works-sect__watch {
    font-size:11px;
    text-transform:uppercase;
    font-family:Noah,Arial,sans-serif;
    font-weight:700;
    font-style:normal;
    letter-spacing:.05em;
    height:55px;
    padding:5px 15px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-decoration:none
}

.works-sect__discuss {
    margin-top:auto;
    margin-bottom:15px;
    text-align:center;
    background-color:#ff4651;
    color:#fff
}

.works-sect__discuss .bg-btn {
    background-color:#ff2d39
}

.works-sect__watch {
    color:#4591e3;
    border-color:#4591e3
}

.works-sect__watch .bg-btn {
    background-color:#4591e3
}

.works-sect__watch:hover {
    text-decoration:none;
    color:#fff!important
}

.works-sect__groups {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}

@media only screen and (max-width:992px) {
    .works-sect__groups {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}

.works-sect__group {
    width:47%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

@media only screen and (max-width:1200px) {
    .works-sect__group {
        width:48%
    }
}

@media only screen and (max-width:992px) {
    .works-sect__group {
        width:100%;
        margin-bottom:40px
    }
}

.works-sect__group:last-child {
    margin-bottom:0
}

.works-sect__group-title {
    width:100%;
    margin-bottom:25px;
    position:relative;
    padding-left:50px;
    font-size:26px;
    line-height:134%;
    font-family:Noah,Arial,sans-serif;
    font-weight:700;
    font-style:normal;
    color:#25292d
}

@media only screen and (max-width:1200px) {
    .works-sect__group-title {
        font-size:24px
    }
}

@media only screen and (max-width:768px) {
    .works-sect__group-title {
        font-size:22px
    }
}

.works-sect__group-title img {
    display:inline-block;
    position:absolute;
    top:2px;
    left:0
}

.works-sect__group-items {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:25px;
    width:100%
}

.works-sect__group-items .article-sect__vreview-item {
    width:48%;
    margin-bottom:0
}

@media only screen and (max-width:992px) {
    .works-sect__group-items .article-sect__vreview-video {
        height:200px
    }
}

@media only screen and (max-width:768px) {
    .works-sect__group-items .article-sect__vreview-video {
        height:150px
    }
}

.works-sect__group-footer,.works-sect__group-footer a {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.works-sect__group-footer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}

.works-sect__group-footer::after {
    content:'';
    display:inline-block;
    -webkit-box-flex:1;
    -ms-flex:1 0 0;
    flex:1 0 0;
    height:1px;
    background-color:#d2dae1;
    margin-right:30px
}

.works-sect__group-footer a {
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:11px;
    line-height:134%;
    color:#ff4651;
    text-transform:uppercase;
    font-family:Noah,Arial,sans-serif;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    letter-spacing:.05em;
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease;
    margin-right:20px
}

.works-sect__group-footer a::after {
    content:'';
    display:inline-block;
    margin-left:5px;
    width:5px;
    height:5px;
    border-top:1px solid #ff4651;
    border-right:1px solid #ff4651;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}

.works-sect__group-footer a:hover {
    text-decoration:none;
    color:#ff1321!important
}

.works-sect__group-footer a:active,.works-sect__group-footer a:focus {
    text-decoration:none;
    color:#ff4651
}

.btn .btn-p {
    display: block;
    padding: 10px 15px;
}