@charset "utf-8";
/* CSS Document */

@media (max-width:767px) { /* Mobile (and larger) */
	body.doNotScroll{overflow:hidden; height:100vh;}
	.nonMobile{display:none;}
	.mobile {display:block;}
	header{padding:20px 0;}
	header .headerLogo{-ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px;}
	header .headerMenuWrapper{display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: #0f5390; padding:0; margin:0; color:#fff;}
	header .headerMenuWrapper.open{display:block;}
	header .headerMenuWrapper .headerMenu{position: absolute;top: 50%;left: 50%;width: 80%;height: 80%;overflow-y: scroll;transform: translateX(-50%) translateY(-50%);margin: 0;}
	header .headerMenuWrapper .headerMenu li{float: none; display: block; margin: 0;}
	header .headerMenuWrapper .headerMenu li a{line-height:3; width: calc(100% - 50px);}
	header .headerMenuWrapper .headerMenu li a .icon{display: inline-block; margin-right: 10px; width: 30px;}
	header .headerMenuWrapper .headerMenu li .icon{display:block;}
	header .headerMenuWrapper .headerMenu li .headerSubmenu{position: relative; background: rgba(255,255,255,0.4); padding: 20px;}
	header .headerMenuWrapper .headerMenu li .headerSubmenu::after, header .headerMenuWrapper .headerMenu li .headerSubmenu::before{content:none;}
	header .headerMenuWrapper .headerMenu li .headerSubmenu li a{line-height:2; color:#fff;}
	header .headerMenuWrapper .headerMenu li:hover .headerSubmenu{display:none;}
	header .headerSocialWrapper{float: none; text-align: center; overflow: hidden; margin: 10px auto 0 auto; padding: 0;}
	header .headerSocialWrapper .mainTitle{display:none;}
	header .headerSocialWrapper a{display: inline-block;float: none;margin: 0 10px;}
	header .headerSocialWrapper .toggleSearch{}
	#newsWrapper{margin-bottom:40px;}
	.grid {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 10px; height:auto;}
	.span-row-2{grid-row:auto;}
	#newsWrapper .item{height: 60vw;}
	#newsWrapper .item .newsTextWrapper .category{margin-bottom:10px;}
	#newsWrapper .item .newsTextWrapper .title, #newsWrapper .item.small .newsTextWrapper .title{font-size:24px; line-height: 1.2;}
	#newsWrapper .item .newsTextWrapper .text{display:none;}
	.pageContent{padding:25px; margin-bottom: 40px;}
	.promo01{width:100%; margin-bottom:40px;}
	#homepagePlayersWrapper{margin-bottom: 40px;}
	#homepagePlayersWrapper > .container{padding:25px;}
	#playersSlider{padding:0 20px;}
	#homepagePlayersWrapper .playerWrapper .flag{top: 12px; right: 15px;}
	#homepageClubsWrapper{margin-bottom: 40px;}
	#homepageClubsWrapper > .container{padding:25px;}
	#clubsSlider{padding:0 20px;}
	#homepageNewsWrapper .newsBlockWrapper .newsWrapper{display: table; width: 100%;}
	#homepageNewsWrapper .newsBlockWrapper .newsWrapper .item{width: 100%; margin: 0 0 20px 0;}
	.leftFiltersWrapper{width: 100%; margin: 0 0 20px 0; padding: 0;}
	.leftFiltersWrapper .filterWrapper{display:none;}
	.submitFilters, .resetFilters{display:none;}
	.rightWrapper{width:100%; padding:25px;}
	.newsWrapper .item{width: 100%; margin: 0 0 20px 0;}
	.newsWrapper .item .infoWrapper{border-bottom: 1px solid #e2e2e2;}
	.newsItemContentWrapper{width:100%; padding:25px; margin-bottom:40px;}
	.newsItemContentWrapper .newsItemText iframe{width:100% !important; min-width: unset !important; height: auto; margin-bottom: 20px;}
	.newsItemRightWrapper{width: 100%; border-left: none; margin: 0; padding:0;}
	.clubsWrapper .clubWrapper{width:48%; margin:0 4% 20px 0;}
	.clubsWrapper .clubWrapper:nth-child(2n){margin-right:0;}
	.clubImagesWrapper{margin-bottom:50px;}
	.clubImagesWrapper .clubMainBannerWrapper{height:55vw;}
	.clubImagesWrapper .clubMainBannerWrapper .linksWrapper{top:20px; bottom: auto;}
	.clubImagesWrapper .mainInfoWrapper{display: table; width: 100%;}
	.clubImagesWrapper .mainInfoWrapper h1{position:relative; line-height: 1.2; padding: 10px; font-size:28px; left:0;}
	.clubImagesWrapper .mainInfoWrapper .mainInfo{margin:0; display:table; width: 100%; height: auto;}
	.clubImagesWrapper .mainInfoWrapper .clubItemFeaturedImagesWrapper{position: relative; left: auto; top: auto; transform: none; margin: -30px auto 20px auto;}
	.clubImagesWrapper .mainInfoWrapper .mainInfo .item{display: block; margin: 0 0 20px 0; float: none; text-align: center;}
	.clubImagesWrapper .mainInfoWrapper .mainInfo .linksWrapper{display: table; margin: 0 auto; float: none; text-align: center;}
	.clubLeftWrapper{width: 100%; padding: 0; margin: 0 0 20px 0;}
	.clubDataWrapper{padding: 25px; margin-bottom: 10px;}
	.clubRightWrapper{width:100%;}
	.clubRightWrapper .piwikContentPiece{margin-bottom: 10px;}
	.currentClubWrapper{display:block;}
	.currentClubWrapper .logo{margin:0 auto 15px auto;}
	.currentClubWrapper .currentClubInfo{text-align: center;}
	.currentClubWrapper .arenaThumb{width: 40%; margin: 0 auto;}
	.playersBySeasonWrapper{margin-bottom:10px; padding:25px;}
	.playersWrapper .playerWrapper{width:48%; margin:0 4% 20px 0;}
	.playersWrapper .playerWrapper:nth-child(2n){margin-right:0;}
	.playersWrapper .playerWrapper:nth-child(2n+1){clear:left;}
	.playerWrapper .textWrapper .title{padding:5px; font-size:14px;}
	.playerWrapper .textWrapper .infoWrapper{padding:10px; font-size:13px;}
	.arenasWrapper .arenaWrapper{width:48%; margin:0 4% 20px 0;}
	.arenasWrapper .arenaWrapper:nth-child(2n){margin-right:0;}
	.arenasWrapper .arenaWrapper:nth-child(2n+1){clear:left;}
	.transfersWrapper .transferWrapper.header{display: table; width: 100%;}
	.transfersWrapper .transferWrapper.header .seasonWrapper{display:none;}
	.transfersWrapper .transferWrapper{display:table; width: 100%;}
	.transfersWrapper .transferWrapper .playerWrapper, .transfersWrapper .transferWrapper .previousClubWrapper, .transfersWrapper .transferWrapper .newClubWrapper{width:calc(100% / 3); display:block; float:left; margin-bottom: 10px;}
	.transfersWrapper .transferWrapper .seasonWrapper{width: 100%; clear: both; display: block; padding: 5px; background: #f5f5f5; font-size: 14px;}
	.page-item{padding: 0;}
	.page-link{min-width: auto; height:auto; padding:4px;}
	.page-item .page-link{min-width: 29px;}
	.leftContent{width:100%; margin-bottom:30px;}
	.errorPageWrapper{display:block;}
	.errorPageWrapper .icon{width: 30%; margin: 0 auto 20px auto;}
	.rightContent{margin:0; width: 100%;}
	.contactLeft{width:100%; margin-bottom: 50px;}
	.contactRight{width:100%;}
	html.women header .headerMenuWrapper{background: #d33db9;}
}

@media (min-width:768px) and (max-width:991px) { /* Tablet-portrait (and larger) */
}

@media (min-width:992px) and (max-width:1199px) { /* Tablet-landscape (and larger) */
}

@media (max-width:1440px) {
}