/* Start:/local/templates/sport/components/bitrix/menu/section/style.css?1775658719799*/
.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.broadcast/templates/.default/style.css?17316828814711*/
.current {
    padding-bottom: 55%;
    position: relative;
    margin-bottom: 2rem;
}

.current .info {
    top: 1rem;
    left: 1rem;
    position: absolute;
    z-index: 10;
}

.current .info .in-air {
    background: #F02222;
    font-family: "Montserrat";
    color: #fff;
    border-radius: 5px;
    padding: .75rem 1rem;
    display: flex;
    gap: .75rem;
    align-items: center;
    position: relative;
    margin-bottom: 1rem;
}

.current .info .tag {
    text-transform: uppercase;
    font-size: .75rem;
    background: #fff;
    display: inline-block;
    padding: .25rem .5rem;
}

.current .info .in-air:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    display: block;
    z-index: 10;
}

.current .info .in-air:after {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 1;
    opacity: .6;
    margin-left: -4px;
    animation: flickerAnimation 1s infinite;
}

@keyframes flickerAnimation {
    0%   { opacity:.6; }
    50%  { opacity:0; }
    100% { opacity:.6; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:.6; }
    50%  { opacity:0; }
    100% { opacity:.6; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:.6; }
    50%  { opacity:0; }
    100% { opacity:.6; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:.6; }
    50%  { opacity:0; }
    100% { opacity:.6; }
}

.current .link {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
}

.current .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.current .btn-play {
    position: absolute;
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
}

.current .title {
    height: 190px;
    padding-top: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    color: #fff;
    font-family: "Montserrat";
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(13,15,15,1) 100%);;
}

.video-list .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1.5rem;
    margin-bottom: 3rem;
}

@media(max-width: 991px) {
    .video-list .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

.video-list .grid .item {
    border: 1px solid #DADADA;
    position: relative;
}

.video-list .grid .item a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.video-list .grid .item .circle {
    background: #F02222;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
    width: 13px;
    height: 13px;
}

.video-list .grid .item .tags {
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 10;
    right: 2px;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.video-list .grid .item .tags  .tag {
    font-size: .625rem;
    color: #0D0F0F;
    background: #fff;
    padding: .25rem .5rem;
    text-transform: uppercase;
}

.video-list .grid .item .preview-img {
    position: relative;
    height: 210px;
    overflow: hidden;
}

.video-list .grid .item .preview-img .overlay {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.video-list .grid .item .news-date {
    color: #fff;
    font-size: .75rem;
    position: absolute;
    right: 1rem;
    top: .25rem;
    z-index: 10;
}


.video-list .grid .item:hover .preview-img img {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
}

.video-list .grid .item .preview-img a {
    width: 100%;
    display: block;
    height: 100%;
    z-index: 1000;
}

.video-list .grid .item .preview-img img {
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-list .grid .item .news-body {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    display: grid;
    padding: .75rem;
    grid-template-columns: 4fr 1fr;
    align-items: center;
    color: #000;
}

.video-list .grid .item .news-body .name {
    font-weight: 600;
    color: #fff;
    font-size: .875rem;
}

.video-list .grid .item .news-body  .play-icon {
    text-align: right;
}

.broadcast .broadcast-more {
    margin: 3rem auto;
    text-align: center;
}
/* End */
/* /local/templates/sport/components/bitrix/menu/section/style.css?1775658719799 */
/* /local/components/statistic.sport/statistic.sport.games.broadcast/templates/.default/style.css?17316828814711 */