/* Start:/local/templates/sport/components/bitrix/menu/section/style.css?1760360985799*/
.sub-menu .items {
	/*display: flex;
	gap: 0 2rem;*/
	list-style-type: none;
}

.sub-menu .items a {
	font-weight: 700;
	color: #fff;
	transition: all .3s;
}

.sub-menu .items a:hover, .sub-menu .items a.selected {
	color: var(--color-secondary);
	text-decoration: none;
}

.sub-menu .tns-nav {
	display: flex;
	justify-items: stretch;
}

.sub-menu .tns-outer .tns-ovh {
	padding-bottom: 2rem;
}

.sub-menu .tns-outer .tns-ovh + .tns-nav {
	margin: 0 -15px 2rem;
}

.sub-menu .tns-nav button {
	width: 100%;
	height: 4px;
	border-radius: 0;
	border: 0;
	background: #D9D9D9;
}

.sub-menu .tns-nav button.tns-nav-active {
	background: var(--color-secondary);
}

@media(max-width: 575px) {
	.sub-menu .items a {
		font-size: .875rem;
	}

	.sub-menu .tns-outer .tns-ovh {
		padding-bottom: 1.5rem;
	}
}
/* End */


/* Start:/local/components/statistic.sport/statistic.sport.games.all/templates/.default/style.css?17316828819836*/
.games .sort {
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;
}

.games .sort button {
    font-size: .875rem;
    border: 0;
    color: #8f8f8f;
    background: transparent;
    border-radius: 3px;
    padding: .25rem .5rem;
    transition: all .3s;
    cursor: pointer;
}

.games .sort button:hover {
    color: var(--color-main);
}

.games .sort button.active {
    background: var(--color-main);
    color: #fff;
}

.games .list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    margin-bottom: 2rem;
}

@media(max-width: 1023px) {
    .games .list {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 857px) {
    .games .list {
        grid-template-columns: 1fr;
    }
}

.games .list  .match {
    position: relative;
}

/* Top mobile */
.games .list  .match .top {
    grid-template-columns: 3fr 2fr;
    display: none;
}

@media(max-width: 1023px) {
    .games .list  .match .top {
        display: grid;
    }
}

.games .list  .match .top .part {
    display: flex;
    align-items: center;
    position: relative;
}

.games .list  .match .top .date {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 1rem;
    justify-content: center;
    background: var(--color-main);
    color: #fff;
    height: 38px;
    padding: .5rem;
}

.games .list  .match .top .partner:before {
    border-bottom: 38px solid transparent;
    border-right: 15px solid transparent;
    border-left: 15px solid var(--color-main);
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}

.games .list  .match .top .partner {
    background: url(/local/components/statistic.sport/statistic.sport.games.all/templates/.default/images/bg_partner.jpg) center no-repeat;
    background-size: cover;
    justify-content: end;
}

/* Badge */
.games .list  .match .badge {
    position: absolute;
    left: .5rem;
    top: .5rem;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-image: url(/local/components/statistic.sport/statistic.sport.games.all/templates/.default/images/icon_ship_grey.svg);
}

.games .list  .match:hover .badge {
    background-image: url(/local/components/statistic.sport/statistic.sport.games.all/templates/.default/images/icon_ship_gold.svg);
}


.games .list  .match .badge-home {
    background-image: url(/local/components/statistic.sport/statistic.sport.games.all/templates/.default/images/icon_home_grey.svg);
}

.games .list  .match:hover .badge-home {
    background-image: url(/local/components/statistic.sport/statistic.sport.games.all/templates/.default/images/icon_home_gold.svg);
}

@media(max-width: 1023px) {
    .games .list  .match .badge {
        top: 3rem;
    }

    .games .list  .match.past .badge {
        display: none;
    }
}

/* Info */
.games .list  .match .info {
    padding: 2rem 2rem .5rem;
    border: 2px solid #EAEAEA;
}

.games .list .match .info .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 90px 1fr 1fr;
    gap: 1rem;
}

@media(max-width: 1023px) {
    .games .list .match .info .grid {
        grid-template-columns: 1fr 80px 1fr;
    }

    .games .list  .match.past .info .grid {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 575px) {
    .games .list .match .info .grid {
        grid-template-columns: 1fr 75px 1fr;
    }

    .games .list  .match .info {
        padding: 2rem 1rem .5rem;
    }
}




/* Results */
.games .list  .match .info .grid .results {
    text-align: center;
    margin: auto 0;
}

@media(max-width: 1023px) {
    .games .list  .match.past .info .grid .results {
        display: none;
    }
}

.games .list  .match .info .grid .results .type {
    border: 1px solid #e6e6e6;
    background: #fff;
    font-size: .75rem;
    text-transform: uppercase;
    border-radius: 3px;
    padding: .25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.games .list  .match .info .grid .results .score {
    font-family: "Montserrat";
    font-size: 1.5rem;
    margin-bottom: .75rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}

.games .list  .match .info .grid .results .score .winner {
    color: var(--color-main);
}


/* Vs*/
.games .list  .match .info .grid .part-vs {
    margin: auto;
}

.games .list  .match .info .grid .part-vs .week {
    color: #7d7d7d;
    font-size: .75rem;
    display: none;
}

@media(max-width: 1023px) {
    .games .list  .match .info .grid .part-vs {
        display: block;
        text-align: center;
    }

    .games .list  .match .info .grid .part-vs .week {
        display: block;
        margin-bottom: .5rem;
    }
}

.games .list  .match .info .grid .vs {
    border-radius: 50%;
    border: 2px solid var(--color-black);
    height: 38px;
    width: 38px;
    line-height: 32px;
    text-align: center;
    font-weight: 800;
    display: inline-block;
}


/* Icons*/
.games .list  .match .info .part.icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.games .list .match .info .part.icons .date {
    display: none;
    font-size: .75rem;
}

.games .list  .match .info .part.icons .inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 80px;
    gap: 1rem;
}

.games .list  .match .info .part.actions .icon {
    text-align: center;
    margin-bottom: .75em;
}

@media(max-width: 1023px) {
    .games .list  .match .info .part.icons {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-gap: 1rem;
        background: #f5f5f5;
        margin: -2rem -2rem 0;
        padding: .5rem 1rem;
    }

    .games .list  .match .info .part.icons .date {
        display: block;
    }

    .games .list  .match.past .info .part.icons {
        order: 1;
    }

    .games .list  .match .info .part.icons .inner {
        grid-template-columns: repeat(4, 1fr);
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width: 575px) {
    .games .list  .match .info .part.icons {
        margin: -2rem -1rem 0;
    }
}

/* Actions */
.games .list  .match .info .part.actions {
    /* display: block;
    text-align: right; */
    position: absolute;
    right: 1.7rem;
    top: 50%;
    transform: translate(0, -50%);
}


.games .list  .match .info .part.actions .action{
    margin: 0 0 .5rem;
}

.games .list .match .info .part.actions .btn {
    width: 100%;
}

@media(max-width: 575px) {
    .games .list  .match .info .part.actions .btn {
        padding: 0 1.125rem;
    }
}

.games .list  .match .info .part.actions .action .btn-outline-gold {
    color: var(--color-black);
}


.games .list  .match .info .part.actions .options {
    font-size: 0.6875rem;
    color: #7D7D7D;
    display: flex;
    gap: .5rem;
    margin-top: .5rem;
    justify-content: end;
}

.games .list  .match .info .part.actions .options .option span {
    color: var(--color-main);
    margin-right: .25rem;
}

@media(max-width: 1023px) {
    .games .list  .match .info .part.actions {
        position: static;
        transform: translate(0, 0);

        grid-column-start: 1;
        grid-column-end: 4;
        display: flex;
        justify-content: space-between;
        align-items: start;
    }
}



/* Team */
.games .list .match .info .left {
    justify-content: end;
}

@media(max-width: 1023px) {
    .games .list .match.past .info .left {
        order: 2;
    }

    .games .list .match.past .info .right {
        order: 4;
    }
}

.games .list .match .info .team {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.games .list .match .info .team .score {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 1.25rem;
    display: none;
}

.games .list .match .info .team .score.winner {
    color: var(--color-main);
}

.games .list .match .info .left .team .data {
    text-align: right;
}

.games .list .match .info .team .data {
    width: 100%;
}

.games .list .match .info .team .data .name {
    font-size: 1rem;
    font-family: "Montserrat";
    font-weight: 700;
}

.games .list .match .info .team .data .name.main {
    color: var(--color-main);
}

.games .list .match .info .team.winner .data .name {
    color: var(--color-main);
}

.games .list .match .info .team .data .city {
    font-size: .75rem;
    color: #8f8f8f;
}

.games .list .match .info .team .logo {
    width: 100%;
    max-width: 70px;
    flex-shrink: 0;
}

.games .list .match .info .team .logo img {
    width: 100%;
}

@media(max-width: 1023px) {
    .games .list .match .info .team {
        flex-wrap: wrap;
    }

    .games .list .match .info .team .logo {
        order: 1;
        max-width: 100%;
        text-align: center;
    }

    .games .list .match .info .team .logo img {
        max-width: 70px;
    }

    .games .list .match .info .team .data, .games .list .match .info .left .team .data  {
        order: 2;
        text-align: center;
    }

    .games .list .match.past .info .team {
        width: 100%;
    }

    .games .list .match .info .team .score {
        display: block;
    }

    .games .list .match.past .info .team .logo {
        max-width: 50px;
    }

    .games .list .match.past .info .team .data {
        width: auto;
        text-align: left;
    }
}



/* Date & place */
.games .list .match .info .grid .part.place-date {
    display: block;
}

.games .list .match .info .place-date div {
    margin-bottom: .25rem;
}

.games .list .match .info .place-date .date {
    font-size: 1rem;
    font-weight: 400;
}

.games .list .match .info .place-date .place,
.games .list .match .info .place-date .week {
    font-size: .75rem;
    color: #8f8f8f;
}

@media(max-width: 1023px) {
    .games .list .match .info .grid .part.place-date {
        display: none;
    }
}

.filters {
    margin-bottom: 2rem;
}

.filters form {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
}

.filters select {
    height: 41px;
    border: 2px solid #D7D7D7;
    width: 100%;
    max-width: 310px;
    padding: 0 1rem;
    font-size: .875rem;
    background: #fff;
}

.filters .controls {
    display: none;
}

@media(max-width: 575px) {
    .filters form {
        grid-template-columns: 1fr;
    }

    .filters select {
        max-width: 100%;
    }
}
/* End */
/* /local/templates/sport/components/bitrix/menu/section/style.css?1760360985799 */
/* /local/components/statistic.sport/statistic.sport.games.all/templates/.default/style.css?17316828819836 */