/* 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.team.top/templates/full/style.css?173168288113175*/
.tournament {
    margin-bottom: 4rem;
}

.filter-season {
    margin-bottom: 2rem;
}

.filter-season select {
    height: 41px;
    border: 2px solid #d7d7d7;
    width: 100%;
    max-width: 310px;
    padding: 0 1rem;
    font-size: 0.875rem;
    background: #fff;
}

.tournament-statistics .group {
    margin-bottom: 3rem;
}

.tournament-statistics .group .h2 {
    margin-bottom: 1rem;
}

.tournament-statistics .subgroup {
    margin-bottom: 1rem;
    overflow-x: scroll;
}

.tournament-statistics table {
    font-size: 0.75rem;
    border-collapse: collapse;
    min-width: 100%;
}

.tournament-statistics table th,
.tournament-statistics td {
    padding: 0.5rem;
    background: #f0f0f0;
    border-bottom: 2px solid #fff;
    text-align: center;
}

.tournament-statistics table th {
    background: #0d0f0f;
    color: #fff;
}

.tournament-statistics tr td:first-child,
.tournament-statistics tr th:first-child {
    text-align: center;
}

.tournament-statistics tr:hover td {
    color: #fff;
    background: var(--color-main);
}

.tournament-statistics td .team {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    gap: 1rem;
    text-align: left;
}

.tournament-statistics td .team img {
    height: 40px;
    width: auto;
}

/* Tabs */
.tournament-statistics .tabs-wrapper .tabs {
    /*display: flex;*/
    border-top: 1px solid #ededed;
    border-bottom: 2px solid #ededed;
    width: 100%;
}

.tournament-statistics .tabs-wrapper .tns-nav {
    display: none;
}

.tournament-statistics .tabs-wrapper .tabs .tab {
    font-weight: 700;
    padding: 1.5rem 2rem;
    cursor: pointer;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}

.tournament-statistics .tabs-wrapper .tabs .tab.active,
.tournament-statistics .tabs-wrapper .tabs .tab:hover {
    border-color: var(--color-main);
}

.tournament-statistics .tabs-wrapper .tabs-content .tab-content {
    padding: 3rem 0;
    line-height: 2;
    display: none;
}

.tournament-statistics .tabs-wrapper .tabs-content .tab-content.active {
    display: block;
}

/* 
.playoff .east-west {
    display: flex;
    justify-content: space-between;
    font-family: "Montserrat";
    font-size: 1.375rem;
    margin-bottom: 2rem;
}

.playoff {
    margin-bottom: 3rem;
}

.playoff .title {
    border-bottom: 4px solid var(--color-main);
    margin-bottom: 1.25rem;
    font-family: "Montserrat";
    text-align: center;
    padding-bottom: .25rem;
}

.playoff  .title .final{
    color: var(--color-main);
}

.playoff .inner {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.playoff .inner .column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
}

.playoff .inner .column .stage {
    height: 50%;
    width: 100%;
    display:  flex;
    flex-direction: column;
    gap: 2rem;
    align-items: stretch;
    justify-content: center;
}

.playoff .team {
    position: relative;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-top: 18px;
    padding-left: 1rem;
    z-index: 10;
}

.playoff .right .team {
    padding-right: 1rem;
    padding-left: 12px;
}

.playoff .pair .team:last-child {
    padding-top: 5px;
    padding-bottom: 18px;
}

.playoff .team .team-inner {
    padding: 0 .25rem;
    position: relative;
    border-radius: 50px;
    border: 2px solid #d8d8d8;
    min-height: 50px;
    display: flex;
    align-items: center;
    background: #fff;
}

.playoff .team .text {
    font-size: .75rem;
    text-align: center;
}

.playoff .team img {
    width: auto;
    height: 40px;
    margin-left: 2.5rem;
}

.playoff .team .score {
    font-family: "Montserrat";
    font-size: 1.5rem;
    color: #d8d8d8;
    margin-left: 2rem;
}

.playoff .stage .team:before {
    position: absolute;
    display: block;
    content: "";
    height: 18px;
    top: 0;
    width: 50%;
    left: 0;
    border-radius: 0 3px 0 0;
    border-top: 2px solid ;
    border-right: 2px solid;
    border-color:  var(--color-main);
}

.playoff .stage .team:last-child:before {
    bottom: 0;
    top: auto;
    border-top: 0;
    border-radius: 0  0 3px 0;
    border-bottom: 2px solid;
    border-color:  var(--color-main);
}


.playoff .right .stage .team:before {
    right: 0;
    border-left: 2px solid;
    border-right: 0;
    left: auto;
    border-color:  var(--color-main);
    border-radius: 3px  0 0 0;
}

.playoff .right .stage .team:last-child:before {
    border-radius: 0 0 0 3px  ;
}

.playoff .column:first-child  .team:before,
.playoff .column:last-child  .team:before{
    display: none;
}

.playoff .column:first-child .team{
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 5px;
}

.playoff .column:last-child .team {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
}

.playoff .column:first-child  .team:last-child,
.playoff .column:last-child  .team:last-child{
    padding-bottom: 0;
    padding-top: 5px;
}

.playoff .stage .team:after {
    position: absolute;
    display: block;
    content: "";
    height: 30px;
    bottom: 0;
    width: 12px;
    right: 0;
    border-radius: 0 3px 0 0;
    border-top: 2px solid ;
    border-right: 2px solid;
    border-color:  #d8d8d8;
}

.playoff .right .stage .team:after {
    left: 0;
    right: auto;
    border-left: 2px solid;
    border-right: 0;
    border-radius: 3px 0 0 0;
    border-color:  #d8d8d8;
}

.playoff  .stage .pair .team:last-child:after {
    top: 0;
    border-top: 0;
    border-radius: 0  0 3px 0;
    border-bottom: 2px solid;
    border-color:  #d8d8d8;
}

.playoff .right .stage .pair .team:last-child:after {
    border-radius: 0  0 0 3px ;

}

.playoff .team.winner .team-inner, .playoff .team.winner:after
, .playoff .team.winner:before{
    color: var(--color-main) !important;
    border-color: var(--color-main) !important;
}

.playoff  .final .stage .team {
    padding-top: 89px;
    position: relative;

}

.playoff  .final .stage .team:last-child {
    padding-bottom: 89px;
    padding-top: 5px;
}

.playoff .final .stage .team:before {
    height: 88px;
}

.playoff .final .stage .team:after {
    border-color: #d8d8d8;
}

.playoff .results {
    position: relative;
}

.playoff .results:after {
    content: "";
    width: 270px;
    height: 270px;
    position: absolute;
    top: calc(50% - 135px);
    left: calc(50% - 135px);
    border: 4px solid #f6f6f6;
    display: block;
    border-radius: 50%;
}

.playoff .results .pair:after,
.playoff .results .pair:before{
    content: "";
    height: 2px;
    width: 12px;
    background: #d8d8d8;
    position: absolute;
    display: block;
    top: calc(50% - 1px);
}

.playoff .results .pair:after {
    right: 0;
}

@media(max-width: 1199px) {
    .playoff {
        scale: .9;
    }
}

@media(max-width: 1080px) {
    .playoff {
        display: none;
    }
}

.playoff-mobile {
    display: none;
}

@media(max-width: 1079px) {
    .playoff-mobile {
        display: block;
    }
}

.playoff-mobile .conf {
    margin-bottom: 2rem;
}

.playoff-mobile .conf-title {
    font-family: "Montserrat";
    font-size: 1.375rem;
    margin-bottom: 1rem;

}

.playoff-mobile .group .title {
    margin-bottom: .5rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    cursor: pointer;
}

.playoff-mobile .group .title:before {
    width: 100%;
    height: 2px;
    background: var(--color-black);
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    content: "";
}

.playoff-mobile .group.final .title:before {
    background: var(--color-main);
}

.playoff-mobile .group .title .caret {
    width: 45px;
    background: #FFF;
    z-index: 10;
    position: relative;
}

.playoff-mobile .group .title .caret:after {
    position: relative;
    background: url(/local/components/statistic.sport/statistic.sport.team.top/templates/full/<?=SITE_TEMPLATE_PATH?>/images/icons/icon_arrow_left.svg) center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
}

.playoff-mobile .group.final .title .caret:after {
    background-image: url(/local/components/statistic.sport/statistic.sport.team.top/templates/full/<?=SITE_TEMPLATE_PATH?>/images/icons/icon_arrow_up_gold.svg);
    transform: rotate(180deg);
}

.playoff-mobile .group.active .title .caret:after {
    transform: rotate(90deg);
}

.playoff-mobile .group.final.active .title .caret:after {
    transform: rotate(0deg);
}

.playoff-mobile .group .title .name {
    border: 2px solid;
    display: inline-block;
    padding: .25rem 1rem;
    font-family: "Montserrat";
    background: #fff;
    z-index: 10;
    position: relative;
}

.playoff-mobile .group.final .title .name {
    border-color: var(--color-main);
}

.playoff-mobile .group .items {
    display: none;
}

.playoff-mobile .group.active .items {
    display: block;
}

.playoff-mobile .pair {
    margin-bottom: 1.5rem;
}

.playoff-mobile .pair .team {
    border: 2px solid #d8d8d8;
    display: grid;
    grid-template-columns: 1fr 45px;
    margin-bottom: 3px;
}

.playoff-mobile .pair .team.winner {
    border-color: var(--color-main);
}

.playoff-mobile .pair .team .name {
    padding: .25rem 1rem;
    font-size: .875rem;
}

.playoff-mobile .pair .team .score {
    font-family: "Montserrat";
    color: #a4a4a4;
    border-left: 2px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
}

.playoff-mobile .pair .team.winner .score{
    border-color: var(--color-main);
    color: #fff;
    background: var(--color-main);
} */


/* PLAYOFF DESKTOP
----------------------------------- */
.playoff {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    margin-bottom: 3rem;
}
@media (max-width: 850px) {
    .playoff {
        display: none;
    }
}
.playoff__head {
    background-color: var(--color-black);
    padding: 0.625rem 1.25rem;
    margin-bottom: 5px;
}
.playoff__head .h2 {
    color: #fff;
}
.playoff__body {
    /*height: 525px;*/
    display: flex;
    flex-direction: column;
}
.playoff__body_quarter {
    justify-content: space-between;
}
.playoff__body_half {
    justify-content: space-around;
}
.playoff__body_final {
    justify-content: center;
}
.playoff__body .item {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #f0f0f0;
    margin-bottom: 5px;
    padding: 0 1.25rem;
    height: 44px;
}
.playoff__body .item[data-name="zenit"] {
    color: #fff;
    background-color: var(--color-main);
}
.playoff__body .item .score {
    margin-left: auto;
    font-size: 1.5rem;
    font-weight: 700;
}
.playoff__body .item img {
    height: 40px;
    width: auto;
}

/* PLAYOFF MOBILE
----------------------------------- */
.accordions {
    display: none;
}
@media (max-width: 850px) {
    .accordions {
        display: block;
    }
}
.accordion-item {
    margin-bottom: 10px;
}

.accordion-item__title {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
.accordion-item__title::after {
    content: "";
    background: url(/local/components/statistic.sport/statistic.sport.team.top/templates/full/./arrow.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 1rem;
    top: calc(50% - 8px);
    width: 15px;
    height: 15px;
}
.accordion-item__title.final::after {
    background: url(/local/components/statistic.sport/statistic.sport.team.top/templates/full/./arrow-blue.svg) no-repeat center;
    transform: rotate(180deg);
}
.accordion-item__title.accordion-active:after {
    transform: rotate(180deg);
}
.accordion-item__title.accordion-active.final:after {
    transform: rotate(0deg);
}

.accordion-item__title .title {
    border: solid #0d0f0f 2px;
    font-family: "Montserrat";
    width: fit-content;
    padding: 0.5rem 1rem;
}
.accordion-item__title .line {
    display: inline;
    height: 2px;
    width: 100%;
    margin-right: 3rem;
    background: #0d0f0f;
}
.accordion-item__title.final .title {
    border-color: var(--color-main);
}
.accordion-item__title.final .line {
    background: var(--color-main);
}
.accordion-item__title.accordion-active + .accordion-item__body {
    display: block;
}
.accordion-item__body {
    display: none;
}

.accordion-item__body .group {
    margin: 1rem 0;
}
.accordion-item__body .group .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #d8d8d8;
    padding: 2px;
    gap: 2px;
    margin-bottom: 2px;
}
.accordion-item__body .group .item .inner,
.accordion-item__body .group .item .score {
    padding: 0.5rem 1rem;
    background: #fff;
    line-height: 1;
}
.accordion-item__body .group .item img {
    height: 20px;
    width: auto;
}
.accordion-item__body .group .item .inner {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.accordion-item__body .group .item .score {
    font-family: "Montserrat";
    color: #a4a4a4;
    width: 50px;
    text-align: center;
}

.accordion-item__body .group .item[data-name="zenit"] {
    background-color: var(--color-main);
}
.accordion-item__body .group .item[data-name="zenit"] .inner{
    background-color: #F6F1E6;
}
.accordion-item__body .group .item[data-name="zenit"] .score{
    background-color: var(--color-main);
    color: #fff;
}
/* End */
/* /local/templates/sport/components/bitrix/menu/section/style.css?1760360985799 */
/* /local/components/statistic.sport/statistic.sport.team.top/templates/full/style.css?173168288113175 */