

/* Start:/local/templates/oil76/components/bitrix/news.list/client_file_reviews/style.css?17793439842832*/
.client-reviews h2 {
    margin: 0 0 24px;
}

.reviews-block {
    margin: 40px auto;
    padding: 0 24px;
}

.review_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.review_item {
    background: #fff;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 16px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    color: rgba(38, 53, 63, 1);
    font-size: 14px;
    line-height: 20px;
}

.review_item .review_file a {
    width: 141px;
    height: auto;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.08);
    -webkit-box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.08);
    -moz-box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.08);
}

.review_item .review_file a img {
    width: 100%;
    height: auto;
}

.review_item .review_logo {
    text-align: right;
}

.review_item .review_text {
    grid-column: span 2;
    text-align: left;
}

.review_item .review_text .name {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px;
}

.show-more__btn {
    text-align: center;
}

.show-more__btn a.show-more {
    display: inline-block;
    width: 156px;
    border-radius: 100px;
    border: 1px solid rgba(0, 153, 255, 0.4);
    height: 54px;
    line-height: 50px;
    padding: 0;
    font-weight: 700;
    color: rgba(0, 153, 255, 1);
    font-size: 16px;
    margin-top: 16px;
}

.show-more__btn a.show-more:hover {
    border-color: #000;
    color: #000;
}

@media all and (max-width: 639px) {
    .client-reviews {
        padding: 0 24px;
    }
}

@media (min-width: 640px) {
    .container.reviews-block {
        padding: 0;
    }
}

@media all and (min-width: 768px) {
    .client-reviews h2 {
        margin: 0 0 32px;
    }

    .review_item {
        padding: 24px;
    }
}

@media all and (min-width: 1024px) {
    .review_list {
        grid-template-columns: 1fr 1fr;
    }

    .review_item {
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        /* Автоматическое размещение в колонку */
        grid-auto-flow: column;
    }

    .review_item .review_file {
        grid-row: span 2;
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 2;
    }

    .review_item .review_logo {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        text-align: left;
    }

    .review_item .review_text {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        text-align: left;
    }

    .review_list .show-more__btn {
        grid-column: span 2;
    }
}
/* End */


/* Start:/local/templates/oil76/components/bitrix/news.list/social_reviews/style.css?17800471584384*/
.social-reviews_block {
    margin: 40px 0;
}

.social-reviews_block h2 {
    margin: 0 0 24px;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
    text-align: left;
}

.social-reviews_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.social-reviews_item {
    background: rgba(255, 255, 255, 1);
    padding: 16px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
}

.social-reviews_item_text {
    font-size: 16px;
    line-height: 160%;
    margin: 0 0 24px;
    font-weight: 400;
}

.social-reviews_item_text .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 116px;
    text-align: left;
}

.social-reviews_item_text.expanded .text {
    max-height: 100%;
    -webkit-line-clamp: none;
}

.social-reviews_item_data {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.social-reviews_item_data .name {
    font-weight: 700;
    line-height: 19px;
    text-align: left;
}

.social-reviews_item_data .date {
    font-size: 14px;
    font-weight: 300;
    color: rgba(47, 63, 74, 1);
    margin: 4px 0 0;
    line-height: 17px;
    opacity: 0.5;
    text-align: left;
}

.social-reviews_item_data .links {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.social-reviews_item_data .links .rating {
    border-radius: 1000px;
    background: rgba(247, 250, 252, 1);
    line-height: 46px;
    height: 48px;
    padding: 0 24px;
    display: inline-block;
    white-space: nowrap;
}

.source_name {
    white-space: nowrap;
    display: inline-block;
    cursor: default;
}

.social-reviews_item_data .links .rating span {
    display: inline-block;
    background: url(/local/templates/oil76/components/bitrix/news.list/social_reviews/star.svg) no-repeat 0 50%;
    padding: 0px 0 0 23px;
    margin: 0 0 0 5px;
    font-weight: 400;
    color: rgba(0, 187, 254, 1);
    font-weight: 500;
    font-size: 16px;
}

.source_link a {
    display: block;
    text-decoration: none;
    border: 0;
    background: url(/local/templates/oil76/components/bitrix/news.list/social_reviews/arrow.svg) no-repeat 50% 50% rgba(247, 250, 252, 1);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.source_link a:focus {
    outline: none;
}

.client-reviews .show-more__btn a.show-more,
.social-reviews_block .show-more__btn a.show-more {
    width: 100%;
    margin-top: 24px;
}

.social-reviews_content .more-text {
    color: rgba(0, 153, 255, 1);
    font-size: 16px;
    cursor: pointer;
    margin-top: 8px;
    text-align: left;
    display: block;
    font-weight: 400;
}
.social-reviews_content .expanded .more-text {
    display: none;
}

@media (max-width: 639px) {
    .social-reviews {
        padding: 0 24px;
    }
}

@media (min-width: 640px) {
    .container.social-reviews_block {
        padding: 0;
        margin: 64px auto;
    }
}

@media (min-width: 768px) {
    .reviews-list {
        gap: 24px;
    }
    .social-reviews_item {
        padding: 24px;
        flex-basis: calc(50% - 12px);
        flex: 0 0 50%;
    }

    .social-reviews_item_image, .social-reviews_item_text {
        margin: 0 0 40px;
    }

    .social-reviews_item_data {
        flex-direction: row;
        justify-content: space-between;
    }

    .social-reviews_item_data .name {
        font-weight: 500;
        font-size: 16px;
    }
}


@media (min-width: 1024px) {
    .social-reviews_block {
        margin: 64px 0;
    }   

    .social-reviews_list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    
    .social-reviews_content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        height: 100%;
    }

    .social-reviews_item_image, .social-reviews_item_text {
        margin: 0;
    }

    .social-reviews_block .show-more__btn {
        grid-column: span 2;
    }

    .client-reviews .show-more__btn a.show-more,
    .social-reviews_block .show-more__btn a.show-more {
        width: 154px;
    }
}
/* End */


/* Start:/local/templates/oil76/components/bitrix/news.list/client_logo/style.css?15312022382822*/
.client-logos{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:1280px !important;font-size:0;padding-top:40px;padding-bottom:80px}@media only screen and (min-width: 1350px){.client-logos{padding-top:60px}}@media only screen and (max-width: 999px){.client-logos{padding-top:30px;padding-bottom:60px}}@media only screen and (max-width: 639px){.client-logos{padding-top:40px;padding-bottom:50px}}.client-logos .wrap{margin-right:-4px}@media only screen and (min-width: 1350px){.client-logos .wrap{margin-right:-6px}}@media only screen and (max-width: 999px){.client-logos .wrap{margin-right:-3px}}@media only screen and (max-width: 639px){.client-logos .wrap{margin-right:-4px}}.client-logos .client{display:inline-block;vertical-align:top;margin-right:-1px;margin-bottom:-1px;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #eeeeef;height:198px;line-height:196px;text-align:center;padding:15px;overflow:hidden}@media only screen and (min-width: 1350px){.client-logos .client{width:16.66666666%;height:180px;line-height:178px}}@media only screen and (max-width: 999px){.client-logos .client{width:33.33333%;height:168px;line-height:166px;padding:10px}}@media only screen and (max-width: 639px){.client-logos .client{width:25%;padding:7px;height:81px;line-height:79px}}.client-logos .client img{max-width:100%;max-height:100%}@media only screen and (max-width: 639px){.client-logos .client img{display:block;position:relative;margin:0 auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.client-logos .client span{display:inline-block;vertical-align:middle;font-size:18px;line-height:1.2;color:#0099ff;padding:0 10px}@media only screen and (max-width: 999px){.client-logos .client span{padding:0 7px}}@media only screen and (max-width: 639px){.client-logos .client span{font-size:12px;padding:0}}.client-logos .show-more{clear:left;margin-top:25px;width:200px;height:42px;margin-left:auto;margin-right:auto;display:block;font-size:18px;line-height:21px;border:1px solid #0099ff;color:#0099ff;border-bottom-width:3px;border-radius:20px;padding:8px 0 9px 0;text-align:center;-webkit-transition:background 0.5s, color 0.5s;transition:background 0.5s, color 0.5s}@media only screen and (min-width: 1350px){.client-logos .show-more{margin-top:35px}}.client-logos .show-more:hover{border:0;border-bottom:3px solid #007eff;padding:9px 0 9px 0;color:#fff;background:-webkit-gradient(linear, left top, right top, from(#007fff), to(#00bafc));background:linear-gradient(to right, #007fff, #00bafc)}.client-logos .show-more.process{cursor:not-allowed;background:-webkit-gradient(linear, left top, right top, from(#007fff), to(#00bafc));background:linear-gradient(to right, #007fff, #00bafc);border:0;border-bottom:3px solid #007eff;padding:9px 0 9px 0;color:#e0e0e0}

/* End */
/* /local/templates/oil76/components/bitrix/news.list/client_file_reviews/style.css?17793439842832 */
/* /local/templates/oil76/components/bitrix/news.list/social_reviews/style.css?17800471584384 */
/* /local/templates/oil76/components/bitrix/news.list/client_logo/style.css?15312022382822 */
