

/* Start:/local/templates/megawatt/css/reference.css?17663971042395*/
.reference {
    border-radius: 16px;
    background-color: var(--gray);
}

.reference-top {
    padding-top: 102px;
    position: sticky;
    top: 0;
    margin-top: -54px;
}

.reference-top::before {
    content: '';
    background: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(102px + 16px);
}

.reference-top .reference-list {
    background-color: var(--gray);
    border-radius: 16px;
    padding: 8px;
    position: relative;
}

.reference-list {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 0 8px 8px;
}

.reference-item {
    background-color: var(--white);
    display: flex;
}

.reference-item:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.reference-item:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.reference-item:not(:first-child) {
    border-top: 1px solid var(--gray);
}

.reference-item:nth-child(even) {
    background-color: var(--fon-tab);
}

.reference-cell:not(:first-child) {
    border-left: 1px solid var(--gray);
}

.reference-cell {
    padding: 16px;
    flex: none;
    width: calc(100% / 8);
}

.reference-cell:nth-child(3n+1) {
    width: calc(100% / 4);
}

.reference-label {
    display: none;
    font-size: smaller;
    font-weight: 500;
}

@media (max-width: 1599px) {
    .reference-top {
        padding-top: 88px;
        margin-top: -40px;
    }

    .reference-top::before {
        height: calc(88px + 16px);
    }

    .reference-cell {
        padding: 8px;
    }
}

@media (max-width: 767px) {
    .reference {
        margin-top: 24px;
    }

    .reference-top {
        display: none;
    }

    .reference-list {
        padding-top: 8px;
    }

    .reference-list .reference-item {
        flex-wrap: wrap;
    }

    .reference-top .reference-item {
        flex-direction: row;
    }

    .reference-cell {
        width: calc(100% / 3);
        border: none !important;
    }

    .reference-cell:nth-child(3n+1) {
        width: calc(100% / 3);
    }

    .reference-label {
        display: block;
    }
}

@media (max-width: 479px) {

    .reference-cell,
    .reference-cell:nth-child(3n+1) {
        width: 50%;
    }
}
/* End */


/* Start:/local/templates/megawatt/components/bitrix/news.list/check_list/style.css?1766397106150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/megawatt/components/bitrix/news.list/home_new/style.css?1766397106150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/megawatt/css/reference.css?17663971042395 */
/* /local/templates/megawatt/components/bitrix/news.list/check_list/style.css?1766397106150 */
/* /local/templates/megawatt/components/bitrix/news.list/home_new/style.css?1766397106150 */
