@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700italic);
img{
border: 0;
}
div {
display: block;
}
.clear{
clear: both;
line-height: 0;
font-size: 0;
height: 0;
display: block;
}
.display-none{
display: none;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.inline-block{
display: -moz-inline-stack;
-moz-box-orient: vertical;
display: inline-block;
zoom: 1;
*display: inline;
_display: inline;
}
.img-left{
margin: 0 20px 10px 0;
float: left;
}
.img-right{
margin: 0 0 10px 20px;
float: right;
}
.align-center{
text-align: center;
}
.transition-effect{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.absolute-link{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: -9999px;
z-index: 9;
}
a{
color: #05163a;
text-decoration: underline;
}
a:hover{
color: #00b2ff;
}
p{
margin: 0;
font-family: Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6, .h1-title{
color: #383636;
font-family: "PT Sans", Arial, sans-serif;
line-height: 100%;
font-weight: 700;
margin: 0 0 10px 0;
padding: 0;
}
h1{
font-size: 26px;
line-height: 26px;
}
h2{
font-size: 24px;
line-height: 24px;
}
h3{
font-size: 20px;
line-height: 20px;
}
h4{
font-size: 18px;
line-height: 18px;
}
h1, .h1-title{
background: #01112b;
border: 1px solid #fff;
position: relative;
font-size: 18px;
line-height: 18px;
padding: 16px 19px 14px 21px;
color: #fff;
font-family: "PT Sans",Arial, sans-serif;
text-align: left;
margin: 0!important;
}
ul{
list-style: none;
}
html, body, ul, ol, dl, dt, dd{
margin: 0;
padding: 0;
}
html, body{
height: 100%;
}
body{
background: url(/images/bg2.png) repeat-y 100% 0 #01112b;
color: #454545;
font-size: 14px;
font-family: "PT Sans", Arial, helvetica;
overflow-x: hidden;
}
.wrapper{
width: 1200px;
margin: 0 auto;
position: relative;
}
.text{
padding: 20px;
background: #eee;
}
.text p{
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
}
.text ul{
list-style: disc;
margin: 0 0 20px 15px;
}
.text ol{
margin: 0 0 20px 15px;
}
.text ul li, .text ol li{
margin-bottom: 5px;
}
.text table{
border: 0;
border-spacing: 0;
display: block;
overflow-x: auto;
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
white-space: nowrap;
}
.text table tr:nth-child(even){
background: #c0e9ff;
}
.text table td{
border: 0;
padding: 10px;
text-align: left;
}
.text .schedule-table td{
color: #000;
}
.text table th{
border: 0;
padding: 10px;
text-align: center;
font-weight: bold;
}
.text table td p, .text table th p{
margin: 0;
}
img.bg-fix{
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px){
  img.bg-fix{
  left: 50%;
  margin-left: -512px;
  }
}
.wrap{
position: relative;
z-index: 2;
}
.link-all-elems{
float: right;
font-size: 12px;
color: #fff;
}
.preheader{
background: #b9bec5;
height: 35px;
}
.preheader .wrapper{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.preheader__social{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: relative;
width: 100%;
}
.preheader__social-title{
color: #000;
font-family: "PT Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 35px;
text-align: center;
text-transform: uppercase;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
}
.preheader__social-left,
.preheader__social-right{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
position: relative;
flex-wrap: nowrap;
z-index: 5;
}
.preheader__social-league{
color: #f6f8fb;
font-family: "PT Sans", Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 35px;
text-transform: uppercase;
}
.preheader__social-item{
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
background-size: 100% 100%;
display: block;
margin: 0 0 0 15px;
text-indent: -9999px;
height: 24px;
width: 24px;
padding: 4px 0;
}
.preheader__social-vk{
background-image: url(/images/svg/social-vk.svg);
}
.preheader__social-tg{
background-image: url(/images/svg/social-telegram.svg);
}
.preheader__social-in{
background-image: url(/images/svg/social-instagram.svg);
}
.preheader__social-tw{
background-image: url(/images/svg/social-twitter.svg);
}
.preheader__social-tt{
background-image: url(/images/svg/social-tiktok.svg);
}
.preheader__social-yt{
background-image: url(/images/svg/social-youtube.svg);
}
.preheader__social-fb{
background-image: url(/images/svg/social-facebook.svg);
}
.header{
height: 80px;
}
.top{
border-bottom: 3px solid #b9bec5;
background: #01112b;
height: 70px;
}
.header .top .wrapper{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.topmenu{
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.topmenu>.root-lvl{
position: relative;
}
.topmenu>.root-lvl>a{
display: block;
padding: 0 20px;
text-decoration: none;
font-size: 16px;
line-height: 70px;
font-family: "PT Sans", Arial, sans-serif;
color: #fff;
white-space: nowrap;
}
.topmenu>.root-lvl>a:hover, .topmenu>.root-lvl>a.selected, .topmenu>.root-lvl:hover>a, .topmenu>.show-sublvl>a{
background: #00b2ff;
color: #fff;
}
.topmenu-sublvl-block{
position: absolute;
left: -9999px;
top: 100%;
z-index: 10;
}
.topmenu-sublvl-block-wrap{
position: relative;
padding: 3px 0;
}
.topmenu>.root-lvl:hover>.topmenu-sublvl-block, .menu-fix-list>li:hover>.topmenu-sublvl-block, .topmenu>.show-sublvl>.topmenu-sublvl-block, .menu-fix-list>.show-sublvl>.topmenu-sublvl-block{
left: 0;
}
.topmenu>.root-lvl:last-child:hover>.topmenu-sublvl-block, .menu-fix-list>li:last-child:hover>.topmenu-sublvl-block, .topmenu>.show-sublvl:last-child>.topmenu-sublvl-block, .menu-fix-list>.show-sublvl:last-child>.topmenu-sublvl-block{
left: unset;
right: 0;
}
.topmenu>.root-lvl:hover>.topmenu-sublvl-block .topmenu-sublvl-block-border, .topmenu>.root-lvl:hover>.topmenu-sublvl-block .topmenu-sublvl-block-border-bottom, .menu-fix-list>li:hover>.topmenu-sublvl-block .topmenu-sublvl-block-border, .menu-fix-list>li:hover>.topmenu-sublvl-block .topmenu-sublvl-block-border-bottom, .topmenu>.show-sublvl>.topmenu-sublvl-block .topmenu-sublvl-block-border, .topmenu>.show-sublvl>.topmenu-sublvl-block .topmenu-sublvl-block-border-bottom, .menu-fix-list>.show-sublvl>.topmenu-sublvl-block .topmenu-sublvl-block-border, .menu-fix-list>.show-sublvl>.topmenu-sublvl-block .topmenu-sublvl-block-border-bottom{
right: 0;
}
.topmenu-sublvl-block-border{
position: absolute;
top: 0;
left: 0;
right: 100%;
height: 3px;
background: #fff;
}
.topmenu-sublvl-block-border-bottom{
position: absolute;
bottom: 0;
left: 0;
right: 100%;
height: 3px;
background: #fff;
}
.topmenu-sub{
list-style: none;
}
.topmenu-sub>.sub-lvl{
display: block;
}
.topmenu-sub>.sub-lvl>a{
background: #05163a;
display: block;
white-space: nowrap;
font-size: 14px;
line-height: 40px;
padding: 0 25px 0 20px;
color: #fff;
text-decoration: none;
min-width: 110px;
}
.topmenu-sub>.sub-lvl>a:hover, .topmenu-sub>.sub-lvl>a.selected{
background: #fff;
color: #05163a;
}
.header .logo{
/*display: block;
position: absolute;
left: 0;
top: 10px;
width: 201px;
height: 50px;
background: url(/images/ufimets2_v2019.png) no-repeat 0 0 transparent;
text-indent: -9999px;*/
}
.header .logo{
display: block;
width: 230px;
height: 35px;
background: url(/images/lettering_white.svg) no-repeat 0 0 transparent;
background-size: cover;
text-indent: -9999px;
}


.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-slider .slick-track, .slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-slide{
float: left;
width: 100%;
position: relative;
}
.slider-block{
width: 860px;
height: 440px;
padding-bottom: 20px;
background: #01112b;
overflow: hidden;
}
.slider__wrap{
width: 100%;
height: 100%;
position: relative;
}
.slider-item{
height: 440px;
position: relative;
width: 100%;
}
.slider-image{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.slider-item-text{
background: rgba(0,0,0,0.7);
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
z-index: 2;
}
.slider-item-text h2{
color: #fff;
font-size: 20px;
line-height: 30px;
margin: 0;
}
.red-datetime{
background: #00b2ff;
color: #fff;
}
.white-datetime{
background: #fff;
color: #01112b;
}
.red-datetime, .white-datetime{
font-family: "PT Sans", Arial, sans-serif;
font-size: 11px;
padding: 5px 10px;
}
.slider-item-text-announce{
line-height: 18px;
margin-top: 15px;
color: #fff;
}
.slider-item-datetime{
margin: 0 0 10px 0;
}
.slider-block .bx-wrapper{
position: relative;
}
.slider-block .bx-controls, .slider-block .slick-dots{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 5px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
list-style: none;
text-align: center;
z-index: 5;
}
.slider-block .bx-pager-link, .slider-block .slick-dots>li{
background: #b9bec5;
flex: 1;
width: 10px;
height: 5px;
margin: 0;

}
.slider-block .bx-pager-link.active, .slider-block .bx-pager-link:hover, .slider-block .slick-dots>li.slick-active{
background: #00b2ff;
}
.slider-block .slick-dots>li button:before{
display: none;
}

.matches-block{
width: 320px;
margin-bottom: 20px;
}
.matches-block-list{
list-style: none;
background: #fff;
overflow: hidden;
width: 100%;
}
.matches-block-list-item{
display: block;
overflow: hidden;
padding: 7px 0;
text-align: center;
position: relative;
vertical-align: middle;
white-space: nowrap;
}
.matches-block-datetime{
line-height: 30px;
font-size: 12px;
color: #8d9daa;
text-align: center;
}
.matches-block-list-item:hover{
background: #e1f0f9;
}
.matches-block-list-item span img{
vertical-align: middle;
}
.matches-block-hometeam img{
margin-left: 5px;
}
.matches-block-guestteam img{
margin-right: 5px;
}
.matches-block-team{
width: 37%;
font-size: 12px;
}
.matches-block-middle{
width: 25%;
color: #8d9daa;
font-size: 12px;
vertical-align: middle;
}
.matches-block-middle-score{
font-size: 12px;
font-weight: bold;
color: #000;
vertical-align: middle;
padding: 0 10px;
}
.matches-block-hometeam{
text-align: right;
}
.matches-block-guestteam{
text-align: left;
}
.matches-block-item-even{
background: #e9ecef;
}

.columns{
margin-top: 20px;
}
.left-column{
width: 860px;
float: left;
background: #fff;
}
.right-column{
width: 320px;
float: right;
}
.news-list{
padding: 1px 0px 20px 50px;
overflow: hidden;
background: #fff;
}
.news-item{
border-left: 7px solid #01112b;
padding: 30px 10px 5px 40px;
background: #fff;
position: relative;
}
.news-item:hover{
border-left: 7px solid #00b2ff;
}
.news-item-info{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.news-item-image{
width: 200px;
height: 110px;
}
.news-item-announce{
flex: 1;
}
.press-item-image{
float: left;
width: 100px;
height: 40px;
margin: 7px 20px 0 0;
}
.news-item-date{
position: absolute;
left: -52px;
top: 28px;
font-weight: bold;
}
.news-item:hover .news-item-date{
background: #00b2ff;
color: #fff;
}
.news-item h3{
color: #032643;
font-size: 18px;
line-height: 18px;
}
.news-item h3 a{
text-decoration: none;
color: #01112b;
}
.news-item h3 a:hover{
text-decoration: underline;
color: #00b2ff;
}
.link-all, .link-all-main, .link-all-sportnews{
border-top: 3px solid #00b2ff;
display: block;
padding: 15px 0;
text-align: center;
font-size: 16px;
text-decoration: none;
font-family: "PT Sans", Arial, sans-serif;
}
.link-all{
margin: 15px 21px 0 15px;
}
.link-all-main{
margin: 15px 21px 0 -29px;
}
.link-all:hover, .link-all-main:hover, .link-all-sportnews:hover{
background: #00b2ff;
border-top: 3px solid #00b2ff;
color: #fff;
}
.link-all-sportnews{
margin: 15px 0 0;
}
.another-news{
margin-top: 20px;
}
.news-detail-photo{
position: relative;
margin: -20px -20px 20px -20px;
}
.news-detail-photo img{
display: block;
}
.news-detail-datetime{
position: absolute;
left: 20px;
bottom: 0;
z-index: 2;
}
.news-detail-datetime-nopic{
position: relative;
margin: 0 20px 20px 0;
}
.news-detail-title{
margin-bottom: 15px;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.news-detail-announce{
font-weight: bold;
margin: 0 0 25px 0;
}

.tourney-table-block{
background: #fff;
margin-bottom: 20px;
}
.tourney-table{
width: 100%;
border: 0;
border-spacing: 0;
}
.tourney-table th{
text-align: center;
font-weight: bold;
font-family: "PT Sans", Arial, sans-serif;
}
.tourney-table th, .tourney-table td{
padding: 10px;
}
.tourney-table td.t-points, .tourney-table td.t-pos{
padding: 4px 6px 6px!important;
}
.tourney-table tr.even{
background: #e9ecef;
}
.tourney-table tr.active{
background: #002d4e!important;
color: #fff;
}
.tourney-table .t-pos{
text-align: center;
}

.banner-item{
margin-bottom: 20px;
}
.main-photo-block{
margin: 20px 0 0;
}
.main-photo-list{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 0;
flex-wrap: wrap;
}
.main-photo-item{
width: 600px;
height: 330px;
overflow: hidden;
position: relative;
}
.main-photo-item-image{
background: #01112b;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.main-photo-item h3{
position: absolute;
bottom: 20px;
padding: 0 21px;
z-index: 3;
}
.main-photo-item h3 span{
line-height: 42px;
padding: 10px;
display: inline;
background-color: rgba(1, 17, 43, 0.6);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
font-size: 16px;
}
.main-photo-item:hover h3 span{
background-color: rgba(1, 17, 43, 0.9);
}
.main-photo-item:hover img{
opacity: 0.7;
}

.video-main-flex{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 0;
flex-wrap: wrap;
}
.video-main-block{
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
width: 100%;
margin-top: 20px;
}
.stretch {
width: 100%;
font-size: 0;
line-height: 0;
}
.video-main-item{
background: #01112b;
position: relative;
width: 300px;
vertical-align: top;
text-align: left;
}
.video-main-item:after {
content: "";
position: absolute;
left: 50%;
top: 57px;
margin-left: -20px;
background: url(/images/video-play-button.png) no-repeat -82px 0 transparent;
z-index: 6;
width: 40px;
height: 40px;
}
.video-main-item:hover:after{
background-position: -82px -42px;
}
.video-main-image img{
display: block;
width: 100%;
}
.video-main-info{
background: #01112b;
padding: 20px;
}
.video-main-title{
font-size: 16px;
color: #fff;
}
.video-main-date{
font-size: 12px;
color: #4c6d8e;
margin-top: 5px;
}
.video-main-item:hover, .video-main-item:hover .video-main-info{
background: #00b2ff;
}
.video-main-item:hover .video-main-date{
color: #fff;
}

.partners-block{
margin-top: 20px;
}
.partners-list{
margin: 10px 0 50px 0;
text-align: center;
}
.partner-item{
vertical-align: middle;
margin: 0 25px 20px 25px;
}
.partner-item img{
filter: grayscale(1);
}
.nomrgnright{
margin-right: 0!important;
}

.footer{
background: #01112b;
border-top: 3px solid #b9bec5;
padding-top: 20px;
}
.footer__flex{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 60px;
flex-wrap: wrap;
}
.footer__logo{
background: url(/images/logo-sign-color.svg) no-repeat 0 0 transparent;
background-size: cover;
height: 50px;
width: 50px;
}
.footer__sitemap{
flex: 1;
}
.footer-sitemap{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
gap: 15px;
overflow: hidden;
}
.footer-sitemap>li{
max-width: 130px;
}
.footer-sitemap>li.last{
margin-right: 0;
}
.footer-sitemap>li>a{
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.footer-sitemap-sub{
margin-top: 20px;
}
.footer-sitemap-sub>li{
margin-bottom: 10px;
}
.footer-sitemap-sub>li>a{
font-size: 14px;
}
.footer-sitemap a{
color: #fff;
text-decoration: none;
}
.footer-sitemap a:hover{
text-decoration: underline;
}
.footer-copyrights{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 30px 0 0 0;
padding-bottom: 15px;
}
.footer-copyrights__left{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
.copyright-ufimets{
color: #8d9daa;
line-height: 31px;
}
.copyright-ufimets img{
display: inline-block;
vertical-align: middle;
}
.copyright-stat{
color: #fff;
line-height: 31px;
}
.copyright-stat a{
color: #fff;
}

.menu-fix{
background: #01112b;
box-shadow: 0 2px 10px #b9bec5;
position: fixed;
top: -200px;
left: 0;
right: 0;
height: 50px;
z-index: 19;
}
#menu_animate.go{
top: 0;
}
.menu-fix-logo{
background: url(/images/logo-fix-color.svg) no-repeat 0 0 transparent;
background-size: cover;
position: absolute;
left: 21px;
top: 4px;
width: 44px;
height: 49px;
text-indent: -9999px;
}
.menu-fix-list{
margin-left: 100px;
list-style: none;
}
.menu-fix-list>li{
float: left;
margin-right: 2px;
position: relative;
}
.menu-fix-list>li>a{
display: block;
padding: 0 30px;
text-decoration: none;
font-size: 14px;
line-height: 50px;
font-family: "PT Sans", Arial, sans-serif;
color: #fff;
}
.menu-fix-list>li>a:hover, .menu-fix-list>li>a.selected, .menu-fix-list>li:hover>a, .menu-fix-list>.show-sublvl>a{
background: #00b2ff;
}
.menu-fix-list>li.topmenu46>a, .topmenu>.root-lvl.topmenu46>a{
background: #FBD428!important;
color: #000!important;
}

.breadcrumbs{
background: #01112b;
padding: 10px 19px 10px 21px;
}
.breadcrumbs-list{
list-style: none;
}
.breadcrumbs-list>li{
float: left;
position: relative;
padding-right: 18px;
color: #fff;
margin-right: 5px;
}
.breadcrumbs-list>li:after{
content: "\2192";
position: absolute;
right: 0;
top: -1px;
color: #fff;
}
.breadcrumbs-list>li.breadcrumbs-last-item{
padding-right: 0;
margin-right: 0;
}
.breadcrumbs-list>li.breadcrumbs-last-item:after{
content: "";
}
.breadcrumbs-list>li>a{
color: #fff;
}
.paginator{
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 15px 0;
text-align: center;
list-style: none;
}
.paginator>li>a{
height: 22px;
line-height: 22px;
border: 1px solid #01112b;
background: #fff;
color: #454545;
padding: 3px 8px 3px 7px;
text-align: center;
text-decoration: none;
}
.paginator>li>a:hover{
background: #00b2ff;
border: 1px solid #00b2ff;
color: #fff;
}
.paginator>li.active>a{
background: #00b2ff;
border: 1px solid #00b2ff;
color: #fff;
}
.videos{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 20px 0;
flex-wrap: wrap;
}
.video-item{
position: relative;
width: 430px;
}
.video-item:hover{
background: #00b2ff;
}
.video-item:hover h3, .video-item:hover .video-item-date{
color: #fff;
}
.video-item-date{
font-size: 12px;
}
.video-item h3{
color: #01112b;
font-size: 18px;
line-height: 18px;
font-weight: 400;
}
.video-item-image{
position: relative;
}
.video-item-image:after{
content: "";
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0;
background-image: url(/images/video-play-button.png);
width: 80px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
z-index: 3;
}
.video-item:hover .video-item-image:after{
background-position: 0 -82px;
}
.video-item-image img{
display: block;
}
.video-item-header{
padding: 10px 20px;
}

.photo-item{
margin: 0 40px 15px 0;
float: left;
overflow: hidden;
width: 130px;
height: 87px;
}
.photo-item.last{
margin-right: 0!important;
}
.ajax-loader{
background: url(/images/ajax-loader.gif) no-repeat 50% 50% transparent;
width: 128px;
height: 15px;
display: none;
margin: 0 auto;
}
.album-item{
position: relative;
width: 400px;
height: 320px;
margin: 0 20px 20px 0;
overflow: hidden;
}
.album-item-info{
padding: 10px 15px;
background-color: rgba(1, 17, 43, 0.6);
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #fff;
font-family: "PT Sans", Arial, sans-serif;
vertical-align: top;
z-index: 3;
display: flex;
justify-content: space-between;
align-items: center;
}
.album-item:hover .album-item-info{
background-color: rgb(1, 17, 43);
}
.album-item-info-title{
max-width: 230px;
font-size: 18px;
line-height: 24px;
vertical-align: middle;
}
.album-item-info-count{
margin: 0 0 0 7px;
padding-left: 14px;
background: url(/images/camera_white.png) no-repeat 0 3px transparent;
line-height: 16px;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
}
.partners-text-bg{
background: #05163a!important;
}
.partners-list{
margin-top: 50px;
}
.partner-list-item{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
padding-bottom: 25px;
gap: 25px;
}
.partner-list-item.last{
margin-bottom: 0;
}
.partner-list-item-img{
width: 250px;
text-align: center;
}
.partner-list-item-img img{
filter: grayscale(1);
}
.partner-list-item h3{
color: #fff;
font-size: 16px;
}
.partner-list-item h3>a{
color: #fff;
}
.partner-list-item-description-text{
color: #fff;
font-size: 14px;
line-height: 18px;
margin: 15px 0 0 0;
text-align: justify;
}
.partner-list-item-description{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 25px;
}
h2.partners-title{
color: #fff;
margin: 0 0 25px 0;
}
.schedule-table{
width: 100%;
border: 0;
border-spacing: 0;
}
.schedule-table tr{
border-bottom: 1px solid #032643;
font-family: "PT sans", Arial, sans-serif;
}
.schedule-table tr:hover{
background: #e1f0f9;
}
.text .schedule-table td{
vertical-align: middle;
padding: 5px 10px;
border-bottom: 1px solid #032643;
}
.schedule-table .last-schedule-row, .text .schedule-table .last-schedule-row td{
border-bottom: 0;
}
.schedule-item-home{
background: url(/images/svg/icon-home.svg) no-repeat 0 0 transparent;
background-size: cover;
width: 16px;
height: 16px;
position: relative;
}
.schedule-item-guest{
background: url(/images/svg/icon-guest.svg) no-repeat 0 0 transparent;
background-size: cover;
width: 16px;
height: 16px;
position: relative;
}
.schedule-item-date, .schedule-item-time{
font-size: 14px;
}
.schedule-item-score{
font-size: 20px;
font-weight: bold;
font-family: "PT Sans", Arial, sans-serif;
position: relative;
vertical-align: middle;
}
.schedule-item-score-sep{
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: "PT Sans", Arial, sans-serif;
vertical-align: middle;
}
.schedule-item-home-team-td, .schedule-item-guest-team-td{
font-family: "PT Sans", Arial, sans-serif;
font-size: 16px;
font-weight: 700;
}
.text table .schedule-item-home-team-td{
text-align: right;
}
.text table .schedule-item-guest-team-td{
text-align: left;
}
.text table td.schedule-item-guest-team-logo-td,
.text table td.schedule-item-home-team-logo-td{
text-align: center;
}
.schedule-item-guest-team-logo-td img,
.schedule-item-home-team-logo-td img{
max-width: 60px;
max-height: 60px;
}
.text table td.schedule-item-score-home-td, .text table td.schedule-item-score-sep-td, .text table td.schedule-item-score-guest-td{
text-align: center;
padding: 0;
}
.administration-list{
margin: 0 0 20px 0;
}
.administration-item{
position: relative;
margin: 0 0 20px 0;
border: 4px solid #05163a;
background: #05163a;
}
.administration-item:hover{
border: 4px solid #00b2ff;
}
.administration-item-photo{
width: 140px;
height: 140px;
position: relative;
float: left;
}
.administration-item-info{
float: left;
position: relative;
padding: 15px 20px;
}
.administration-item-info h3{
color: #fff;
font-size: 18px;
line-height: 18px;
}
.administration-item-rank{
color: #00b2ff;
font-size: 16px;
margin-top: 5px;
}
.administration-item-detail{
margin: 15px 0 0;
color: #fff;
font-size: 16px;
line-height: 20px;
}
.administration-item-detail p{
color: #fff;
font-size: 16px;
line-height: 20px;
margin: 0 0 5px 0;
}
.coaches-list, .players-list{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
gap: 20px 9px;
margin: 0 0 20px 0;
}
.coaches-item, .players-item{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
width: 190px;
border: 4px solid #01112b;
background: #01112b;
}
.coaches-item:hover, .players-item:hover{
border: 4px solid #00b2ff;
}
.coaches-item-photo, .players-item-photo{
height: 285px;
width: 100%;
}
.coaches-item-info, .players-item-info{
background: #01112b;
box-sizing: border-box;
padding: 15px 20px;
text-align: center;
flex: 1;
width: 100%;
}
.coaches-item:hover .coaches-item-info,
.players-item:hover .players-item-info{
background: #00b2ff;
}
.players-item-info{
padding: 15px 30px!important;
}
.coaches-item-info h3, .players-item-info h3{
font-size: 16px;
color: #fff;
}
.coaches-item-rank, .players-item-rank{
margin-top: 5px;
font-size: 14px;
color: #fff;
}
.players-item-photo{
position: relative;
}
.players-item-number{
position: absolute;
left: 5px;
top: 5px;
font-size: 30px;
line-height: 30px;
color: #00b2ff;
z-index: 4;
font-weight: 700;
}
.players-item-stat{
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 50px 10px 0 10px;
height: 235px;
z-index: 3;
font-size: 14px;
background: rgba(5, 22, 58, 0.8);
}
.players-item-stat>div{
color: #fff;
margin-bottom: 10px;
}
.players-item-stat>div>span{
font-weight: bold;
}
.players-item-height, .players-item-weight{
width: 80px;
}
.players-item-height{
margin-right: 10px;
}
.players-item:hover .players-item-stat{
display: block;
}
.players-item:hover .players-item-number{
color: #fff;
}
.right-news-block{
margin-bottom: 20px;
}
.right-news-list{
padding: 20px;
background: #fff;
}
.right-news-item{
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 2px solid #ccc;
}
.right-news-item.last{
border-bottom: 0;
}
.right-news-item h3{
color: #032643;
font-size: 16px;
line-height: 16px;
}
.right-news-item-info{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.right-news-item-image{
width: 200px;
height: 110px;
position: relative;
}
.right-news-item-date{
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.right-news-item-announce-text{
font-size: 12px;
}
.file-item{
margin-bottom: 25px;
}
.file-item-icon{
float: left;
width: 48px;
height: 54px;
background: url(/images/icon-files.png) no-repeat -52px 0 transparent;
margin-right: 15px;
position: relative;
}
.file-item-rar-icon, .file-item-zip-icon{
background-position: 0 0!important;
}
.file-item-xsl-icon, .file-item-xslx-icon{
background-position: -104px 0!important;
}
.file-item-ppt-icon, .file-item-pptx-icon{
background-position: -156px 0!important;
}
.file-item-jpg-icon, .file-item-jpeg-icon, .file-item-png-icon, .file-item-bmp-icon, .file-item-gif-icon, .file-item-cdr-icon, .file-item-ai-icon, .file-item-eps-icon{
background-position: -208px 0!important;
}
.file-item-pdf-icon{
background-position: -260px 0!important;
}
.file-item-text h3{
font-size: 16px;
padding-bottom: 0;
margin-bottom: 0;
}
.file-item-info{
margin-top: 5px;
font-size: 12px;
color: #898989;
font-style: italic;
}
.file-item-info-ext{
text-transform: uppercase;
}

.tourney-table-block .ibw{
padding: 0;
font-size: 14px;
font-family: "PT Sans", Arial, helvetica;
}
.tourney-table-block .ibw .round-robin.var1{
width: 100%;
}
.tourney-table-block .ibw .round-robin>thead>tr>th{
background: #fff;
color: #454545;
border: 0;
text-align: center;
padding: 6px 6px!important;
}
.tourney-table-block .ibw .round-robin>tbody>tr>td{
border: 0;
padding: 5px 6px!important;
}
.tourney-table-block .ibw .round-robin>tbody>tr:nth-of-type(odd){
background-color: #e9ecef;
}
/*.rfb-widget{
position: absolute;
width: 850px;
right: 0;
top: 70px;
}*/
.rfb-widget .ibw-loading{
display: none;
}
.rfb-widget .ibw{
padding: 0;
}
.maingames{
padding: 25px 0 0;
}
.maingames__wrap{
display: none;
position: relative;
}
.maingames__item{
background: #01112b;
border: 1px solid #b9bec5;
box-sizing: border-box;
width: 290px!important;
}
.maingames__header{
border-bottom: 1px solid #b9bec5;
height: 25px;
}
.maingames__datetime{
background: #b9bec5;
color: #000;
font-family: "PT Sans", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 25px;
text-align: center;
}
.maingames__team{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 7px 0;
padding: 0 15px;
}
.maingames__team-info{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.maingames__team-logo{
height: 25px;
width: 25px;
margin: 0 15px 0 0;
overflow: hidden;
position: relative;
}
.maingames__team-logo>img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 25px;
height: auto;
z-index: 1;
}
.maingames__team-name{
color: #fff;
font-family: "PT Sans", Arial, sans-serif;
font-size: 16px;
line-height: 25px;
text-align: left;
}
.maingames__team-score{
color: #b9bec5;
font-family: "PT Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 25px;
text-align: right;
}
.maingames__team-score-win{
color: #00b2ff;
}
.maingames .slick-dotted.slick-slider{
margin: 0;
}
.maingames .slick-dots{
position: relative;
bottom: 0;
margin: 15px 0 0 0;
}
.maingames .slick-dots li button:before{
display: none;
}
.maingames .slick-dots li button{
background: #b9bec5;
width: 12px;
height: 12px;
}
.maingames .slick-dots li.slick-active button{
background: #00b2ff;
}
.yamap{
border-top: 4px solid #01112b;
border-bottom: 4px solid #01112b;
width: 100%;
height: 350px;
}
.ttable__left{
text-align: left;
}
.ttable__mid{
text-align: center;
}

.rfb-widget .ibw.calendar-carousel .game>div.line-top>div.schedule{
background-color: #05163a!important;
}
.tv-block{
width: 100%;
padding-bottom: 20px;
background: #032643;
}
.block__buy-ticket{
margin: 0 0 20px 0;
}
.block__buy-ticket button{
width: 100%;
}
.link__buy-ticket{
background: #ffd900;
color: #05163a;
display: block;
font-family: "PT Sans", Arial, sans-serif;
font-size: 22px;
line-height: 41px;
text-align: center;
text-decoration: none;
}
.link__buy-ticket:hover{
background: #05163a;
color: #fff;
}

.form__block{
margin: 0 0 15px 0;
}
.form__label{
display: block;
margin: 0 0 5px 0;
}
.form__input{
border: 1px solid #05163a;
color: #000;
font-size: 16px;
line-height: 24px;
outline: 0;
padding: 2px 5px;
width: 350px;
}
.form__input:hover, .form__input:focus{
border: 1px solid #fbd428;
}
.form__textarea{
border: 1px solid #05163a;
color: #000;
font-size: 16px;
line-height: 24px;
outline: 0;
padding: 2px 5px;
height: 150px;
width: 350px;
}
.form__textarea:hover, .form__textarea:focus{
border: 1px solid #fbd428;
}
.form__checker{
margin: 0 15px 0 0;
}
.form__submit{
background: #05163a;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 18px;
line-height: 41px;
padding: 0 30px;
text-decoration: none;
outline: 0;
border: 0;
}
.form__submit:hover, .form__submit:focus{
background: #fbd428;
color: #05163a;
}
.form__error{
display: none;
color: #c00;
font-size: 18px;
line-height: 24px;
padding: 15px 0;
}
.form__ok{
display: none;
color: #05163a;
font-size: 18px;
line-height: 24px;
padding: 15px 0;
}

.header__menu-mobile{
display: none;
height: 24px;
}
.header__menu-checker{
cursor: pointer;
position: relative;
height: 24px;
width: 36px;
margin: 0;
z-index: 2;
}
.header__menu-checker:after{
content: "";
background: url(/images/svg/icon-mobile-menu.svg) no-repeat 0 0 transparent;
background-size: cover;
width: 36px;
height: 24px;
position: absolute;
top: 0;
right: 0;
z-index: 3;
}
.header__menu-input{
position: absolute;
left: -9999px;
}


.main__fancy{
background: url(/images/urambairam-promo.jpg) no-repeat 50% 50% transparent;
background-size: 100% 100%;
height: 100vh;
width: 100vh;
max-width: 100vh;
max-height: 100vh;
position: relative;
}
.main__fancy-wrap{
max-height: 100%;
position: relative;
}
.urambairam__link{
position: absolute;
left: 0;
right: 0;
height: 50%;
width: 100%;
z-index: 3;
}
.urambairam__top{
top: 0;
}
.urambairam__bot{
top: 50%;
}
.main__fancy-pic{

/*position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;*/
}
.main__fancy img{
max-height: 100%;
max-width: 100%;
}

.autoload__fancy-wrap{
width: 700px;
height: 700px;
position: relative;
overflow: hidden;
text-align: center;
}

.main__nextgame{
background: url(/images/bg2_130x.png) repeat-y 100% 0 #01112b;
border: 1px solid #fff;
margin: 0 0 20px;
}
.main__nextgame-wrap{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 40px;
height: 257px;
overflow: hidden;
padding: 30px 15px;
}
.main__nextgame-teams{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%;
}
.main__nextgame-team{
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex: 1;
gap: 15px;
padding: 0 15px;
}
.main__nextgame-team-name{
color: #fff;
font-family: "PT Sans",Arial, sans-serif;
font-size: 16px;
text-align: center;
}
.main__nextgame-list{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 15px;
width: 100%;
}
.main__nextgame-data{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.main__nextgame-data-icon{
height: 16px;
width: 16px;
}
.main__nextgame-data-value{
color: #fff;
font-family: "PT Sans",Arial, sans-serif;
font-size: 16px;
line-height: 16px;
flex: 1;
text-align: left;
}
.main__nextgame-tickets{
width: 100%;
}
.main__nextgame-tickets>a{
background: #00b2ff;
color: #fff;
display: block;
font-size: 16px;
font-family: "PT Sans", Arial, sans-serif;
line-height: 53px;
text-align: center;
text-decoration: none;
}
.main__nextgame-tickets>a:hover{
background: #b9bec5;
}
.main__tickets{
margin: 0 0 20px 0;
width: 100%;
}
.main__tickets a{
background: #00b2ff;
color: #fff;
display: block;
font-family: "PT Sans", Arial, sans-serif;
font-size: 18px;
line-height: 51px;
text-align: center;
text-decoration: none;
}
.main__tickets a:hover{
background: #fff;
color: #00b2ff;
}

.schedule__flex{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.schedule__item{
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
}
.schedule__item-data,
.schedule__item-teams{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
.schedule__item-teams{
flex: 1;
}
.schedule__item-place{
width: 20px;
}
.schedule__item-date{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 5px;
width: 100px;
}
.schedule__item-team{
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
flex: 1;
}
.schedule__item-team-logo img{
max-width: 60px;
max-height: 60px;
display: block;
}
.schedule__item-team-home{
justify-content: flex-end;
}
.schedule__item-team-guest{
justify-content: flex-start;
}
.schedule__item-score{
font-size: 18px;
font-weight: bold;
text-align: center;
width: 70px;
}
.maintickets {
display: none;
padding: 25px 0 0;
}
.maintickets>a{
background: #00b2ff;
display: block;
color: #fff;
font-size: 16px;
line-height: 70px;
font-family: "PT Sans", Arial, sans-serif;
text-decoration: none;
text-align: center;
white-space: nowrap;
}
.maintickets>a:hover{
background: #fff;
color: #00b2ff;
}

.contacts{
background: #fff;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin: 50px 0 0;
padding: 20px;
}
.contacts__item{
background: #01112b;
border: 4px solid #01112b;
flex: 1;
padding: 15px;
}
.contacts__wrap{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.contacts__title{
color: #fff;
font-size: 24px;
line-height: 30px;
font-weight: bold;
margin: 0 0 15px;
}
.contacts__fio{
font-style: italic;
}
.contacts__fio,
.contacts__email,
.contacts__phone{
color: #fff;
font-size: 16px;
line-height: 20px;
margin: 0 0 10px;
}

:root {
--overlay: rgba(0,0,0,.6);
--modal-bg: #01112b;
--modal-fg: #fff;
--modal-button-bg: #00b2ff;
--accent: #3b82f6;
--radius: 12px;
--shadow: 0 10px 30px rgba(0,0,0,.25);
}
.btn {
display:inline-block;
padding:.75rem 1rem;
border-radius:10px;
background:#0ea5e9;
color:#fff;
text-decoration:none;
font-weight:600;
border:0;
cursor:pointer;
}
body.modal-open {
overflow: hidden;
}
.modal-overlay {
position: fixed;
inset: 0;
background: var(--overlay);
display: none;
z-index: 999;
}
.modal-overlay.is-visible {
display: block;
}
.modal {
position: fixed;
inset: 0;
display: none;
z-index: 1000;
align-items: center;
justify-content: center;
padding: 24px;
}
.modal.is-visible {
display: flex;
}
.modal__dialog {
width: 100%;
max-width: 520px;
background: var(--modal-bg);
color: var(--modal-fg);
border-radius: var(--radius);
box-shadow: var(--shadow);
position: relative;
padding: 24px;
line-height: 1.45;
}
.modal__title {
color: #fff;
margin: 0 0 12px;
font-size: 20px;
font-weight: 800;
text-align: center;
}
.modal__links {
display: grid;
gap: 20px;
margin: 16px 0;
}
.modal__links a {
background: var(--modal-button-bg);
color: #fff;
display: block;
font-family: "PT Sans", Arial, sans-serif;
font-size: 18px;
line-height: 51px;
text-align: center;
text-decoration: none;
}
.modal__close {
color: #fff;
position: absolute;
top: 10px;
right: 10px;
border: 0;
background: transparent;
font-size: 22px;
line-height: 1;
cursor: pointer;
padding: 10px;
text-decoration: none;
}
.modal.is-visible .modal__dialog {
animation: pop .18s ease-out;
}
@keyframes pop {
    from {
        transform: scale(.98);
        opacity: .8;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@media(max-width: 1200px){
    .menu-fix{
        display: none;
    }
    .wrapper{
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
    }
    h1, .h1-title{
        line-height: 24px;
    }
    .breadcrumbs{
        padding: 20px 19px 20px 21px;
    }
    .preheader .wrapper{
        justify-content: center;
    }
    .preheader__social{
        justify-content: space-between;
    }
    .preheader__social-title{
        display: none;
    }
    .preheader__social-item{
        margin: 0 15px;
    }
    .header, .header .top{
        height: auto;
    }
    .header .top .wrapper{
        flex-direction: column;
        padding: 20px 0;
    }
    .header__top-logo{
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        width: 100%;
    }
    .header__menu-mobile{
        display: block;
    }
    .header__menu-input:checked~nav .topmenu{
        display: block;
    }
    .header nav{
        width: 100%;
    }
    .topmenu{
        display: none;
        flex-direction: column;
        justify-content: center;
        margin: 20px 0 0 0;
        width: 100%;
    }
    .topmenu>.root-lvl{
        float: none;
        display: block;
        text-align: center;
        width: 100%;
    }
    .topmenu-sublvl-block{
        display: none;
        position: relative;
    }
    .show-sublvl .topmenu-sublvl-block{
        display: block;
    }
    
    .left-column{
        background: transparent;
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }
    .slider-block{
        margin: 0 auto;
    }
    .news-detail-photo>img, .text>p>img, .text>p img{
        width: 100%;
        height: auto;
    }
    .text p, .text ul li, .text ol li{
        font-size: 18px;
        line-height: 24px;
    }
    .news-list{
        padding: 1px 0px 20px 45px;
    }
    .news-item{
        padding: 30px 10px 5px 45px;
    }
    .news-item h3{
        line-height: 24px;
    }
    .red-datetime, .white-datetime{
        font-size: 14px;
    }
    .right-news-item h3{
        font-size: 18px;
        line-height: 24px;
    }
    .right-news-item-announce-text{
        font-size: 16px;
    }
    .video-item{
        background: #fff;
        width: 100%;
    }
    .video-item-image{
        overflow: hidden;
    }
    .video-item-image img{
        width: 100%;
        height: auto;
    }
    .right-column{
        width: 100%;
        float: none;
    }
    .link-all-elems{
        font-size: 16px;
    }
    .link-all{
        color: #fff;
    }
    .matches-block{
        width: 100%;
    }
    .matches-block-middle{
        width: auto;
        padding: 0 10px;
    }
    .matches-block-datetime{
        line-height: 49px;
        font-size: 22px;
    }
    .matches-block-team, .matches-block-middle, .matches-block-middle-score{
        font-size: 22px;
        line-height: 32px;
    }
    .main-photo-item{
        flex: 50%;
    }
    .main-photo-item-image{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .main-photo-item h3{
        text-align: left;
    }
    .video-main-block{
        text-align: center;
    }
    .banner-item{
        text-align: center;
    }
    .banner-item>div{
        margin-left: auto;
        margin-right: auto;
    }
}
@media(max-width: 960px){
    .slider-block{
        display: none;
    }
    .maintickets{
        display: block;
    }
    .coaches-list, .players-list{
        text-align: center;
    }
    .partner-list-item{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .partner-list-item-description{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .partner-list-item-img, .partner-list-item-description{
        width: 100%;
    }
    .partner-list-item-img{
        margin: 0 0 15px 0;
    }
    .footer__flex{
        justify-content: center;
    }
    .footer__sitemap{
        display: none;
    }
    .footer-copyrights{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer-copyrights>div{
        float: none;
    }
    .copyright-ufimets{
        margin: 0 0 20px 0;
    }
    .schedule__item-teams{
        width: 100%;
    }
    .schedule__item-team-guest{
        flex-direction: column;
        align-items: center;
    }
    .schedule__item-team-home{
        flex-direction: column-reverse;
        align-items: center;
    }
    .schedule__item-team-name{
        font-weight: bold;
        text-align: center;
    }
}
@media(max-width: 640px){
    .news-item-info{
        flex-direction: column;
    }
    .main-photo-item{
        flex: 100%;
    }
    .text__schedule{
        padding: 0!important;
    }
    .text .schedule-table td{
        padding: 10px 5px;
    }
    .schedule-item-place-td, .schedule-item-home-team-logo-td, .schedule-item-guest-team-logo-td{
        display: none;
    }
    .autoload__fancy-wrap{
        width: 480px;
	height: 500px;
	position: relative;
	overflow: hidden;
	text-align: center;
    }
    .schedule__flex{
        padding: 20px 0;
        gap: 30px;
    }
    .schedule__item{
        gap: 10px;
        padding: 0 20px;
        flex-direction: column;
    }
    .schedule__item-date{
        flex-direction: row;
    }
    .schedule__item-place,
    .schedule__item-date{
        width: auto;
    }
        
}
@media(max-width: 480px){
    .main-photo-item-image{
        overflow: hidden;
    }
    .main-photo-item-image img{
        display: block;
        margin: auto;
    }
    .album-item{
        width: 100%;
    }
    .photo-item, .photo-item.last{
        margin: 0 15px 15px 0!important;
    }
    .banner-item{
        width: 100%;
    }
    .banner-item img{
        width: 100%;
        height: auto;
    }
    .banner-item>div{
        width: 100%;
    }
    .video-main-item{
        width: 100%;
    }
    h1, .h1-title{
        font-size: 16px;
    }
    .link-all-elems{
        font-size: 14px;
    }
    .matches-block-team img{
        display: none;
    }
    #vk_groups{
        display: none;
    }
    .video-main-image img{
        width: 100%;
        height: auto;
    }
    .preheader__social-item{
        margin: 0 5px;
    }
	.autoload__fancy-wrap{
		width: 320px;
		height: 400px;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
}
@media(max-width: 320px){
    .link-all-elems{
        display: block;
        float: none;
    }
    .maingames__item{
        width: 280px!important;
    }
}

/* ── Video modal ── */
body.video-modal-open {
    overflow: hidden;
}
#video-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
}
#video-modal-overlay.is-open {
    display: flex;
}
#video-modal-wrap {
    position: relative;
    width: 90vw;
    max-width: 1280px;
    aspect-ratio: 16 / 9;
    max-height: 90vh;
    background: #000;
    box-shadow: 0 8px 60px rgba(0,0,0,0.7);
}
#video-modal-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}
#video-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.15);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    z-index: 1;
}
#video-modal-close:hover {
    background: rgba(255,255,255,0.35);
}
#video-modal-loader {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#video-modal-loader span {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255,255,255,0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: vm-spin 0.8s linear infinite;
}
@keyframes vm-spin {
    to { transform: rotate(360deg); }
}
@media (max-width: 767px) {
    #video-modal-overlay {
        background: #000;
        align-items: stretch;
        justify-content: stretch;
    }
    #video-modal-wrap {
        width: 100%;
        max-width: none;
        max-height: none;
        height: 100%;
        aspect-ratio: unset;
        box-shadow: none;
    }
    #video-modal-close {
        top: 12px;
        right: 12px;
        background: rgba(0,0,0,0.5);
    }
}