.matchesList-header {background-color: #f6f7f7;} .matchesList-header:after {width: 100%; height: 1px; background-color: #dbdbdb; position: absolute; bottom: 0px; z-index: 0;} .matchesList-header.matchesHeader {width: 100%; max-width: 1400px; margin: 220px auto 0 auto;} .matchesList-header section {max-width: 1400px; padding: 20px 10px 0 10px; text-align:center; position: relative; z-index: 50;} .matchesList-header .section-content {display: table; width: 100%} .matchesList-header .section-content > div {display:table-cell; border:1px solid transparent; border-bottom-color:#dbdbdb; width:20%; padding:0; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; vertical-align:middle} .matchesList-header .section-content .section-content-cell.section-content-cell-selected {border-color:#dbdbdb; border-bottom-color:transparent; background-color:white} .matchesList-header .section-content .section-content-cell > a {font-size:18px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:normal; text-decoration:none; display:block; padding: 5px 0 10px 0;} .matchesList-header .section-content .section-content-cell > a:hover {text-decoration:underline; /*background-color:rgba(38,43,86,0.1);*/} .matchesList-header .section-content .section-content-cell.section-content-cell-selected > a {/*font-weight:bold;*/} .matchesList-header .section-content .section-content-cell.section-content-cell-selected > a:hover {text-decoration:none} .matchesList-header .section-content .selectMenu {width: 170px; margin:0 auto 10px auto; display: inline-block} .matchesList-header .section-content .selectMenu[block-name="sections-list"] {margin-left: 5px} @media screen and (min-width: 650px) { .matchesList-header .section-content .selectMenu[block-name="sections-list"] {display: none} } .matchesList-header1 {/*border-top:3px solid white;*/ margin-bottom:10px; padding:0; position: absolute; height:900px; font-weight:200; background-color:white; background-image:linear-gradient(rgba(0,0,0,0) 370px, rgba(255,255,255,1)), url(../images/bg-grass1.jpg); background-size:cover; background-position: top center; z-index:0;} .matchesList-header1 section {text-align:center; position:relative; min-height: 170px; max-width: 1400px; padding: 0 10px} /*.matchesList-header1 section:before {content:""; position:absolute;left:-5px; height:735px; top:217px; width:5px; background-color:white} .matchesList-header1 section:after {content:""; position:absolute; right:-5px; height:735px; top:217px; width:5px; background-color:white}*/ .matchesList-header1 section img {margin-top:15px; max-width: 95%; height: auto; max-height: 170px} /* Открытый зимний Кубок */ .matchesList-header1.matchesHeader-open_winter_cup {background-image:linear-gradient(rgba(0,0,0,0) 370px, rgba(255,255,255,1)), url(../images/bg-grass2.jpg);} @media screen and (min-width: 700px) { .matchesList-header1.matchesHeader-open_winter_cup section {text-align: right} } /* Крымская весна */ .matchesList-header1.matchesHeader-crimean_spring {background-image:linear-gradient(rgba(0,0,0,0) 370px, rgba(255,255,255,1)), url(../images/matches_bg_5.jpg);} .matchesList-header1.matchesHeader-crimean_spring section {text-align: right} /* ДЮФЛ */ .matchesList-header1.matchesHeader-dyuflk {height:900px;background-color:white; background-image:linear-gradient(rgba(0,0,0,0) 300px, rgba(255,255,255,1)), url(../images/bg-dyuflk.jpg); background-size:cover; background-position: top center;} .matchesList-header1.matchesHeader-dyuflk section .logo {display: none} @media screen and (min-width: 700px) { .matchesList-header1.matchesHeader-dyuflk section {text-align: right} .matchesList-header1.matchesHeader-dyuflk section .logo {display: inline} } @media screen and (max-width: 649px) { .matchesList-header section {padding-top: 10px} .matchesList-header .section-content > div {display: none} .matchesList-header .section-content > div:first-child {display: table-cell} } .matches_content_section {border-bottom: 1px solid #dbdbdb} .matches_content_section section {max-width: 1400px; padding: 60px 10px} /************************************************************************ Партнеры турнира ************************************************************************/ .tournamentPartners {border-bottom: 1px solid #dbdbdb; background-color: #f6f7f7;} .tournamentPartners section {max-width: 1400px; padding: 60px 10px; text-align: center; position: relative;} .tournamentPartners a {display: inline-block; width: 50%; padding: 10px; position:relative; text-decoration:none; -moz-box-sizing:border-box; box-sizing:border-box;} .tournamentPartners a img {width: auto; max-width: 100%; height: auto; max-height: 81px} .tournamentPartners a small {color:gary; display:block; font-size:12px; margin-bottom: 3px} @media screen and (min-width: 700px) { .tournamentPartners a {display: inline-block; width: 33.333%;} } @media screen and (min-width: 900px) { .tournamentPartners a {display: inline-block; width: 25%;} } @media screen and (min-width: 1200px) { .tournamentPartners a img {width: auto; height: 97px} } .tournamentPartners a:hover img {opacity:0.8} /******************************************************************************* Турнирная таблица *******************************************************************************/ .matchesList-table section {background-color: white; min-height: 600px} .matchesList-table h3 {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200; font-size: 25px; line-height: 30px; margin: 25px 0;} .matchesList-table h3 small{display: block; font-weight: normal; font-size: 14px; line-height: 18px; color:gray; margin-top:3px;} @media screen and (min-width: 400px) { .matchesList-table .selectMenu[block-name="matches-table-tour"] {margin-left: 0; margin-right: 0} } @media screen and (min-width: 550px) { .matchesList-table .selectMenu[block-name="matches-table-tour"] {width: 160px; float: left} } .matchesList-table .entries-rows-list {font-size: 16px; line-height: 19px;} .matchesList-table .entries-rows-wrapper:last-child {border-bottom: 1px solid #dbdbdb} .matchesList-table .entries-rows-list .entry-title {width: 200px;} .matchesList-table .entries-rows-list .entry-title .table-box > div:first-child {width: 50px; text-align: center} .matchesList-table .entries-rows-list .smallSite .entry-title .table-box > div:first-child {width: 100%} .matchesList-table .entries-rows-list .entry-title .movement {display: none; width: 50px; text-align: center} .matchesList-table .entries-rows-list .entry-title .movement img {width: 19px; height: 19px; display: block; font-size: 0; line-height: 0; margin: 0 auto 3px auto} .matchesList-table .entries-rows-list .entry-title .logo {display: none; width: 60px; text-align: center} .matchesList-table .entries-rows-list .entry-value {width: 13.5%} .matchesList-table .entries-rows-list .entry-value:nth-child(5) {width: auto} .matchesList-table .entries-rows-list .smallSite {text-align: center; padding-top: 10px} .matchesList-table .entries-rows-list .smallSite .table-box > div {padding-bottom: 0; padding-top: 25px} .matchesList-table .entries-rows-list .smallSite .entry-title {width: 100%; font-size: 16px; line-height: 16px;} .matchesList-table .entries-rows-list .smallSite .entry-title strong {font-size: 19px;} .matchesList-table .entries-rows-list .entry-title.last-matches {width: 150px; text-align: left; display: none;} .matchesList-table .entries-rows-list .entry-row-values .entry-title.last-matches {display: none} .matchesList-table .entries-rows-list .last-matches .circle {display: inline-block; width: 25px; height: 25px; font-weight: 200; background-color: #a3a3a3; border-radius: 50%; text-align: center; padding: 2px 0; color: white; font-size: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1px; position: relative} .matchesList-table .entries-rows-list .last-matches .circle.green {background-color: #009846} .matchesList-table .entries-rows-list .last-matches .circle.red {background-color: #e31e24} .matchesList-table .entries-rows-list .matchTooltip {display: none; position: absolute; width: 450px; bottom: 35px; right: 0; background-color: #262b56; box-shadow: 0px 5px 10px rgba(0,0,0,0.5); z-index: 5; border: 1px solid #262b56; color: white; font-weight: normal;} .matchesList-table .entries-rows-list .last-matches .circle:hover .matchTooltip {display: block;} .matchesList-table .entries-rows-list .matchTooltip:after {width: 0; height: 0; content: ''; position: absolute; right: 2px; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #262b56; z-index: 6} .matchesList-table .entries-rows-list .matchTooltip .matchResult {display: table; width: 100%; margin-top: 5px; margin-bottom: 5px} .matchesList-table .entries-rows-list .matchTooltip .matchResult > div {display: table-cell; vertical-align: middle} .matchesList-table .entries-rows-list .matchTooltip .teamIco {width: 50px; text-align: center} .matchesList-table .entries-rows-list .matchTooltip .teamIco img {display: inline-block; font-size: 0; line-height: 0} .matchesList-table .entries-rows-list .matchTooltip .teamName {width: 135px; font-size: 16px} .matchesList-table .entries-rows-list .entry-title .matchTooltip .teamName strong {display: block; font-size: 16px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 130px;} .matchesList-table .entries-rows-list .entry-title .matchTooltip .teamName strong + small {display: block; font-size: 12px; line-height: 14px; margin-top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 130px; color: silver} .matchesList-table .entries-rows-list .matchTooltip .teamName1 {text-align: right} .matchesList-table .entries-rows-list .matchTooltip .teamName1 strong, .matchesList-table .matchTooltip .teamName1 strong + small {margin-right: 0; margin-left: auto;} .matchesList-table .entries-rows-list .matchTooltip .teamName2 {text-align: left} .matchesList-table .entries-rows-list .matchTooltip .score {width: 80px; text-align: center; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; font-size: 30px; line-height: 30px;} @media screen and (min-width: 400px) { .matchesList-table .entries-rows-list {font-size: 16px; line-height: 16px;} .matchesList-table .entries-rows-list .entry-row-values .entry-title {display: none} .matchesList-table .entries-rows-list .entry-title .table-box > div {padding-left: 0} } @media screen and (min-width: 500px) { .matchesList-table .entries-rows-list {font-size: 14px; line-height: 16px;} .matchesList-table .entries-rows-list .smallSite {display: none} .matchesList-table .entries-rows-list .table-box > div {padding: 15px 3px;} .matchesList-table .entries-rows-list .entry-row-values .entry-title {display: table-cell;} .matchesList-table .entries-rows-list .entry-title {width: 220px} .matchesList-table .entries-rows-list .entry-title .table-box > div:first-child {width: 25px;} .matchesList-table .entries-rows-list .entry-title strong {font-size: 16px;} .matchesList-table .entries-rows-list .entry-title small {font-size: 14px; line-height: 14px;} } @media screen and (min-width: 600px) { .matchesList-table .entries-rows-list {font-size: 15px; line-height: 17px;} .matchesList-table .entries-rows-list .header-row {font-size: 14px; line-height: 16px;} .matchesList-table .entries-rows-list .table-box > div {padding: 18px 3px;} .matchesList-table .entries-rows-list .entry-title .table-box > div:first-child {width: 30px;} .matchesList-table .entries-rows-list .entry-title strong {font-size: 16px} .matchesList-table .entries-rows-list .entry-value {width: 14%} .matchesList-table .entries-rows-list .entry-value:nth-child(5) {width: auto} } @media screen and (min-width: 700px) { .matchesList-table .entries-rows-list, .matchesList-table .entries-rows-list .header-row {font-size: 15px; line-height: 17px;} .matchesList-table .entries-rows-list .table-box > div {padding: 23px 5px;} .matchesList-table .entries-rows-list .entry-title {width: 280px;} .matchesList-table .entries-rows-list .entry-title .table-box > div:first-child {width: 35px;} .matchesList-table .entries-rows-list .entry-title strong {font-size: 17px;} .matchesList-table .entries-rows-list .entry-title small {font-size: 14px; line-height: 16px;} } @media screen and (min-width: 800px) { .matchesList-table .entries-rows-list, .matchesList-table .entries-rows-list .header-row {font-size: 16px; line-height: 19px;} .matchesList-table .entries-rows-list .entry-title {width: 350px;} .matchesList-table .entries-rows-list .entry-title .movement {display: table-cell} .matchesList-table .entries-rows-list .entry-title strong {font-size: 18px;} } @media screen and (min-width: 900px) { .matchesList-table .entries-rows-list, .matchesList-table .entries-rows-list .header-row {font-size: 17px; line-height: 20px;} .matchesList-table .entries-rows-list .entry-title {width: 400px;} .matchesList-table .entries-rows-list .entry-title strong {font-size: 19px;} .matchesList-table .entries-rows-list .entry-title .table-box > div:first-child {width: 50px;} } @media screen and (min-width: 1000px) { .matchesList-table .entries-rows-list .entry-title {width: 400px;} .matchesList-table .entries-rows-list .entry-row-values .entry-title.last-matches {display: table-cell;} .matchesList-table .entries-rows-list .entry-title .logo {display: table-cell;} } @media screen and (min-width: 1100px) { .matchesList-table .entries-rows-list, .matchesList-table .entries-rows-list .header-row {font-size: 18px; line-height: 20px;} .matchesList-table .entries-rows-list .entry-title {width: 450px;} } @media screen and (min-width: 1300px) { .matchesList-table .entries-rows-list .entry-title {width: 500px;} } /******************************************************************************* Календарь матчей *******************************************************************************/ .matchesList-calendar section {background-color: white; min-height: 600px} .matchesList-calendar .entries-rows-list {margin-top: 15px} .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-title {display: table-cell; font-size: 22px; font-weight: bold; width: auto; text-align: left; padding-left: 50px} .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-values {width: 150px; text-align: center} .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-values a {display: block; background-color: #e61e28; color: white; position: absolute; font-weight: bold; width: 100%; top: 0; left: 0; padding: 23px 5px;-moz-box-sizing:border-box; box-sizing:border-box;} .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-values a:after {position: absolute; content: ''; right: 3px; top: 50%; margin-top: -8px; width: 20px; height: 20px; background-image: url(../images/ico_arrow_right_white.svg); background-size: 20px 20px; background-repeat: no-repeat; opacity: 1;} .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-values a:hover {background-color:rgba(38,43,86,0.7); text-decoration: none} .matchesList-calendar .entries-rows-list .smallSite .entry-title {text-align: center; width: 100%; padding-bottom: 0px} .matchesList-calendar .entries-rows-list .smallSite .entry-title strong {font-size: 19px; font-weight: bold} .matchesList-calendar .entries-rows-list .smallSite .table-box > div {padding-bottom: 0} .matchesList-calendar .entries-rows-list .entry-row-values .entry-title {width: 160px; text-align: center} .matchesList-calendar .entries-rows-list .entry-row-values .entry-title:last-child {width: 250px; text-align: left} .matchesList-calendar .entries-rows-list .entry-title strong {font-size: 16px; font-weight: normal} .matchesList-calendar .entries-rows-list .entry-title strong span {display: block; font-size: 22px; line-height: 26px; font-weight: bold} .matchesList-calendar .entries-rows-list .entry-value.teamIco {width: 60px; text-align: center} .matchesList-calendar .entries-rows-list .entry-value.score {width: 120px} .matchesList-calendar .entries-rows-list .entry-value.score strong {font-size: 30px; line-height: 30px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; display: block; color: #0087e6;} .matchesList-calendar .entries-rows-list .entry-value.score em {display: block; font-style: normal; margin-top: 5px} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 35%; font-family: 'SegoeUI', 'Open Sans', sans-serif;} .matchesList-calendar .entries-rows-list .entry-value.teamName1 {text-align: right} .matchesList-calendar .entries-rows-list .entry-value.teamName2 {text-align: left} .matchesList-calendar .entries-rows-wrapper .additionalLink {position: absolute; width: 34px; top: 0; right: 0; background-color: #EEEEF2; height: 100%} /*.entries-rows-list a.entry-row:hover + .additionalLink {display: none}*/ .matchesList-calendar .entries-rows-wrapper .additionalLink img {width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -17px; left: 1px} @media screen and (min-width: 400px) { .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-title {font-size: 20px; padding-left: 5px; display: table-cell} .matchesList-calendar .entries-rows-list .entry-row-values .entry-title {display: none} .matchesList-calendar .entries-rows-list .entry-value.teamIco {display: none} .matchesList-calendar .entries-rows-list .entry-value.score {width: 25%} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 37.5%; font-size: 16px; line-height: 16px} .matchesList-calendar .entries-rows-list .entry-value.teamName .fullName {display: none} } @media screen and (min-width: 500px) { .matchesList-calendar .entries-rows-list .entry-value.teamName {font-size: 17px; line-height: 18px} } @media screen and (min-width: 600px) { .matchesList-calendar .entries-rows-list .entry-value.score {width: 120px} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 39%;} .matchesList-calendar .entries-rows-list .entry-value.teamName .fullName {display: block} .matchesList-calendar .entries-rows-list .entry-value.teamName .shortName {display: none} } @media screen and (min-width: 700px) { .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-title {font-size: 22px;} .matchesList-calendar .entries-rows-list .entry-value.teamIco {display: table-cell} .matchesList-calendar .entries-rows-list .entry-value.score {width: 120px} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 32%;} } @media screen and (min-width: 1000px) { .matchesList-calendar .entries-rows-list .entries-rows-wrapper.header-row .entry-title {padding-left: 50px} .matchesList-calendar .entries-rows-list .smallSite {display: none} .matchesList-calendar .entries-rows-list .entry-row-values .entry-title {display: table-cell} .matchesList-calendar .entries-rows-list .entry-value.teamIco {display: none} .matchesList-calendar .entries-rows-list .entry-value.score {width: 25%} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 37.5%;} } @media screen and (min-width: 1100px) { .matchesList-calendar .entries-rows-list .entry-value.teamIco {display: table-cell} .matchesList-calendar .entries-rows-list .entry-value.score {width: 120px} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 33%;} } @media screen and (min-width: 1300px) { .matchesList-calendar .entries-rows-list .entry-value.score {width: 120px} .matchesList-calendar .entries-rows-list .entry-value.teamName {width: 35%;} } /******************************************************************************* Статистика *******************************************************************************/ .matchesList-statistics section {background-color: white; min-height: 600px} .matchesList-statistics h3 {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200; font-size: 25px; line-height: 30px; margin: 25px 0;} .matchesList-statistics h3 small{display: block; font-weight: normal; font-size: 14px; line-height: 18px; color:gray; margin-top:3px;} /* Общая статистика */ @media screen and (min-width: 400px) { .matchesList-statistics .entries-rows-list.one-column .entry-title {display: table-cell; width: auto; padding-right: 20px} .matchesList-statistics .entries-rows-list.one-column .entry-values {width: 100px} .matchesList-statistics .entries-rows-list.one-column .entry-value {padding-left: 15px} } @media screen and (min-width: 500px) { .matchesList-statistics .entries-rows-list.one-column .entry-values {width: 120px} } @media screen and (min-width: 600px) { .matchesList-statistics .entries-rows-list.one-column .entry-title {width: 60%; padding-right: 40px} .matchesList-statistics .entries-rows-list.one-column .entry-values {width: auto} .matchesList-statistics .entries-rows-list.one-column .entry-value {padding-left: 40px} } @media screen and (min-width: 700px) { .matchesList-statistics .entries-rows-list .entry-row-values {font-size: 19px; line-height: 22px} } @media screen and (min-width: 800px) { .matchesList-statistics .entries-rows-list.one-column .entry-title {width: 50%} } .matchesList-statistics .entries-rows-list#matches-statistics-5 .smallSite .entry-title, .matchesList-statistics .entries-rows-list#matches-statistics-6 .smallSite .entry-title {text-align: center; display: block; width: 100%} .matchesList-statistics .entries-rows-list#matches-statistics-5 .smallSite .table-box > div, .matchesList-statistics .entries-rows-list#matches-statistics-6 .smallSite .table-box > div {padding-bottom: 0} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-title .rowNumber, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-title .rowNumber {width: 50px; text-align: center} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-title .logo, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-title .logo {width: 70px; text-align: center} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-value, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-value {width: 33.33%} @media screen and (min-width: 400px) { .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-row-values .entry-title {display: none} .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-row-values .entry-title {display: table-cell; padding-right: 15px} .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-title .logo, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-title .logo {display: none} } @media screen and (min-width: 500px) { .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-row-values .entry-title {padding-right: 5px} .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-title .logo, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-title .logo {display: table-cell} } @media screen and (min-width: 600px) { .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-row-values .entry-title {padding-right: 25px} } @media screen and (min-width: 700px) { .matchesList-statistics .entries-rows-list#matches-statistics-5 .smallSite, .matchesList-statistics .entries-rows-list#matches-statistics-6 .smallSite {display: none} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-row-values .entry-title {display: table-cell; width: 300px} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-title .logo, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-title .logo {display: none} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-row-values, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-row-values {font-size: 19px; line-height: 22px} .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-row-values .entry-title {width: 60%} } @media screen and (min-width: 800px) { .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-row-values .entry-title {width: 400px} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-title .logo, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-title .logo {display: table-cell} .matchesList-statistics .entries-rows-list.one-column#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list.one-column#matches-statistics-6 .entry-row-values .entry-title {width: 50%} } @media screen and (min-width: 1000px) { .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-row-values .entry-title {width: 450px} } @media screen and (min-width: 1300px) { .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-row-values .entry-title, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-row-values .entry-title {width: 600px} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-title .rowNumber, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-title .rowNumber {width: 70px;} .matchesList-statistics .entries-rows-list#matches-statistics-5 .entry-title .logo, .matchesList-statistics .entries-rows-list#matches-statistics-6 .entry-title .logo {width: 100px;} } /* Статистика игроков и судей */ .matchesList-statistics .entries-rows-list.tournament-stat-peoples {font-size: 15px} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entries-rows-wrapper:last-child {border-bottom: 1px solid #dbdbdb;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .smallSite .entry-title {text-align: center;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .smallSite .entry-title strong {font-size: 19px; font-weight: bold} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .smallSite .table-box > div {padding-bottom: 0} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title {display: none} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .table-box > div {padding: 15px 3px;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-title strong {font-weight: 200; font-size: 22px; line-height: 26px} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-title .upp {font-weight: bold; text-transform: uppercase;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title strong .upp {display: block} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-player .entry-row-values .entry-title .table-box > div:first-child {width: 40px; text-align: center} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-player .entry-row-values .entry-title .table-box > div:nth-child(2) {width: 120px; text-align: left} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-referee .entry-row-values .entry-title .table-box > div:first-child {width: 120px; text-align: left} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .photo {overflow: hidden; width: 100px; height: 100px; } .matchesList-statistics .entries-rows-list.tournament-stat-peoples .photo img {display: inline-block; /*width: 100px; height: 133px;*/ width: 120px; height: auto; margin-left: -10px; font-size: 0; line-height: 0} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-value {width: 33.33%;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples#playersStat2 .entry-value {width: 25%;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-referee .entry-value {width: 20%;} @media screen and (min-width: 500px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples {font-size: 15px} } @media screen and (min-width: 600px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples {font-size: 16px} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .table-box > div {padding: 18px 5px;} } @media screen and (min-width: 700px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples {font-size: 17px} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .smallSite {display: none} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .table-box > div {padding: 23px 5px;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title {width: 300px; display: table-cell} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-player .entry-row-values .entry-title .table-box > div:nth-child(2) {display: none} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-referee .entry-row-values .entry-title .table-box > div:first-child {display: none} .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values {font-size: 19px; line-height: 22px} } @media screen and (min-width: 800px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title {width: 350px} } @media screen and (min-width: 900px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title {width: 450px;} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-player .entry-row-values .entry-title .table-box > div:nth-child(2) {display: table-cell} .matchesList-statistics .entries-rows-list.tournament-stat-peoples.tournament-stat-referee .entry-row-values .entry-title .table-box > div:first-child {display: table-cell} } @media screen and (min-width: 1000px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title {width: 500px} } @media screen and (min-width: 1300px) { .matchesList-statistics .entries-rows-list.tournament-stat-peoples .entry-row-values .entry-title {width: 550px} } /******************************************************************************* Список команд-участниц *******************************************************************************/ .matchesList-teams section {background-color: white; min-height: 600px} .matchesList-teams .entry-box, .matchesList-teams .entry-box div, .matchesList-teams .entry-box a, .matchesList-teams .entry-box span {-moz-box-sizing:border-box; box-sizing:border-box;} .matchesList-teams .entry-box {display: inline-block; width: 50%; text-align: center; vertical-align: middle; padding: 10px; margin-bottom: 15px} .matchesList-teams .entry-box:nth-child(2n) {padding-left: 20px; padding-right: 0px} .matchesList-teams .entry-box:nth-child(2n+1) {padding-right: 20px; padding-left: 0px} .matchesList-teams .entry-box > a, .matchesList-teams .entry-box > span {display: block; text-decoration: none; padding: 10px 0} .matchesList-teams .entry-box > a:hover {background-color: #F3F3F5} .matchesList-teams .entry-box .entry-title {font-size: 22px; line-height: 25px; font-weight: 200; margin-bottom: 15px; padding: 0 0 10px 0; border-bottom: 1px solid #f6f7f7;} .matchesList-teams .entry-box > a:hover .entry-title {border-bottom-color: white} .matchesList-teams .entry-box .entry-title strong {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: bold; display: block; text-transform: uppercase;} .matchesList-teams .entry-box .entry-title small {margin: 5px 0; padding: 5px 0; font-size: 17px; line-height: 20px;} .matchesList-teams .entry-box .entry-content {display: table; width: 100%} .matchesList-teams .entry-box .entry-content > div {display: table-cell; vertical-align: middle} .matchesList-teams .entry-box .entry-content .entry-logo {width: 200px; padding: 0 10px; text-align: center} .matchesList-teams .entry-box .entry-content .entry-logo img {width: 200px; height: auto; display: inline-block; font-size: 0; line-height: 0} .matchesList-teams .entry-box .entry-content .teamStat {padding: 0 10px; text-align: right} .matchesList-teams .entry-box .entry-content .teamStat span {display: block; padding: 5px 0; /*margin: 5px 0;*/ border-bottom: 1px solid #f6f7f7;} .matchesList-teams .entry-box .entry-content .teamStat span:last-child {border-bottom: 0} .matchesList-teams .entry-box .entry-content .teamStat span strong, .matchesList-teams .entry-box .entry-content .teamStat span em {display: inline-block; vertical-align: middle} .matchesList-teams .entry-box .entry-content .teamStat span strong {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 18px;} .matchesList-teams .entry-box .entry-content .teamStat span em {font-family: 'Roboto', 'Open Sans', sans-serif; font-style: normal; font-size: 19px; width: 50px; font-weight: bold} @media screen and (min-width: 400px) { .matchesList-teams .entry-box {display: block; width: 100%;} .matchesList-teams .entry-box:nth-child(2n) {padding-left: 0px;} .matchesList-teams .entry-box:nth-child(2n+1) {padding-right: 0px;} .matchesList-teams .entry-box .entry-content .entry-logo, .matchesList-teams .entry-box .entry-content .entry-logo img {width: 100px;} .matchesList-teams .entry-box .entry-content .teamStat span {padding: 3px 0; margin: 0px 0;} .matchesList-teams .entry-box .entry-content .teamStat span strong {font-size: 14px; line-height: 16px;} .matchesList-teams .entry-box .entry-content .teamStat span em {font-size: 17px;} } @media screen and (min-width: 500px) { .matchesList-teams .entry-box .entry-content .entry-logo, .matchesList-teams .entry-box .entry-content .entry-logo img {width: 150px;} } @media screen and (min-width: 600px) { .matchesList-teams .entry-box .entry-content .entry-logo, .matchesList-teams .entry-box .entry-content .entry-logo img {width: 200px;} .matchesList-teams .entry-box .entry-content .teamStat span {padding: 5px 0;} .matchesList-teams .entry-box .entry-content .teamStat span strong {font-size: 16px; line-height: 18px;} .matchesList-teams .entry-box .entry-content .teamStat span em {font-size: 19px;} } @media screen and (min-width: 700px) { .matchesList-teams .entry-box .entry-content .entry-logo {width: 300px} } @media screen and (min-width: 800px) { .matchesList-teams .entry-box {display: inline-block; width: 50%;} .matchesList-teams .entry-box:nth-child(2n) {padding-left: 20px;} .matchesList-teams .entry-box:nth-child(2n+1) {padding-right: 20px;} .matchesList-teams .entry-box .entry-content .entry-logo, .matchesList-teams .entry-box .entry-content .entry-logo img {width: 100px;} .matchesList-teams .entry-box .entry-content .teamStat span strong {font-size: 14px; line-height: 16px;} .matchesList-teams .entry-box .entry-content .teamStat span em {font-size: 17px;} } @media screen and (min-width: 900px) { .matchesList-teams .entry-box .entry-content .entry-logo, .matchesList-teams .entry-box .entry-content .entry-logo img {width: 150px;} } @media screen and (min-width: 1000px) { .matchesList-teams .entry-box .entry-content .teamStat span strong {font-size: 16px; line-height: 18px;} .matchesList-teams .entry-box .entry-content .teamStat span em {font-size: 19px;} } @media screen and (min-width: 1100px) { .matchesList-teams .entry-box .entry-content .entry-logo, .matchesList-teams .entry-box .entry-content .entry-logo img {width: 200px;} } @media screen and (min-width: 1300px) { .matchesList-teams .entry-box .entry-content .entry-logo {width: 300px} } /******************************************************************************* Список команд-участниц и заявочный список игроков *******************************************************************************/ .matchesList-teamsPlayers section {background-color: white; min-height: 600px} .matchesList-teamsPlayers .row {margin: 15px 0;} .matchesList-teamsPlayers .row::after {display: none} .matchesList-teamsPlayers .row:last-child {border-bottom: 0} .matchesList-teamsPlayers .cell-1 .teamNameBox {background-color: #EEEEF2; margin-bottom: 10px; padding: 10px 5px;} .matchesList-teamsPlayers .cell-1 .teamNameBox a {display: block; text-decoration: none} .matchesList-teamsPlayers .cell-1 .teamNameBox .teamIco {display: table-cell; width: 70px; padding-right: 20px; vertical-align: middle} .matchesList-teamsPlayers .cell-1 .teamNameBox .teamIco img {width: 70px; height: 70px} .matchesList-teamsPlayers .cell-1 .teamNameBox .teamName {display: table-cell; vertical-align: middle; font-size: 20px; font-weight:bold;} .matchesList-teamsPlayers .cell-1 .teamNameBox .teamName small {display: block; font-size:14px; line-height:14px; color:gray; font-weight: normal} .matchesList-teamsPlayers .cell-1 .coachesList {padding: 10px; width: 100%; -moz-box-sizing:border-box; box-sizing:border-box;} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box {padding: 5px 0; display: block; width: 100%; vertical-align: top; margin-bottom: 10px; -moz-box-sizing:border-box; box-sizing:border-box;} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box > div {display: table; width: 100%} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.img {display: table-cell; padding-right: 20px; vertical-align: middle} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.img, .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.img>img {width: 113px; height: 150px;} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.img+span {display: table-cell; vertical-align: middle} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.name {display: block; font-size: 18px; line-height: 22px; font-weight: 200; padding: 0 10px 0 0; position: relative; margin-bottom: 10px} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.name:after {background-color:#F3F3F5; content:""; left:0; bottom: -7px; height:1px; position:absolute; width: 150px;} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.name>strong.upp {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-size: 21px; text-transform: uppercase; display: block} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box span.position {display: block; padding: 0 10px 0 0; font-size: 16px; } .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 20%; display:inline-block; padding: 10px; vertical-align: top; -moz-box-sizing:border-box; box-sizing:border-box; position: relative} .matchesList-teamsPlayers .cell-2 .playersList a, .matchesList-teamsPlayers .cell-2 .playersList .entry-box > span {text-decoration: none; border: 1px solid #F3F3F5; display: block; width: 100%; height: 100%; position: relative} .matchesList-teamsPlayers .cell-2 .playersList a:hover {background-color:#F3F3F5} .matchesList-teamsPlayers .cell-2 .playersList span.img {display: block;} .matchesList-teamsPlayers .cell-2 .playersList span.img, .matchesList-teamsPlayers .cell-2 .playersList span.img>img {width: 100%; height: auto; display: block; font-size: 0; line-height: 0} .matchesList-teamsPlayers .cell-2 .playersList .info {display: table; font-size: 18px; line-height: 22px; font-weight: 200; padding: 0; width: 100%} .matchesList-teamsPlayers .cell-2 .playersList span.number {display: table-cell; vertical-align: middle; background-color: #F3F3F5; font-size: 20px; font-weight: bold; padding: 3px; width: 23px; text-align: center} .matchesList-teamsPlayers .cell-2 .playersList a:hover span.number {background-color: white} .matchesList-teamsPlayers .cell-2 .playersList span.name {display: table-cell; vertical-align: middle; font-weight: 200; padding: 3px; text-align: right} .matchesList-teamsPlayers .cell-2 .playersList span.name small {display: block; font-size: 14px; font-weight: normal} @media screen and (min-width: 400px) { .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 50%;} } @media screen and (min-width: 600px) { .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 33.333%;} } @media screen and (min-width: 800px) { .matchesList-teamsPlayers .cell-1 .coachesList .entry-box {padding: 5px 0; display: inline-block; width: 50%; } .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 25%;} } @media screen and (min-width: 900px) { .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 20%;} } @media screen and (min-width: 1000px) { .matchesList-teamsPlayers .row {display: table; width: 100%; border-bottom:1px solid #EEEEF2;} .matchesList-teamsPlayers .cell-1 {display: table-cell; width: 370px; border-right: 1px solid #EEEEF2; vertical-align: top} .matchesList-teamsPlayers .cell-2 {display: table-cell; padding-left: 10px; vertical-align: top} .matchesList-teamsPlayers .cell-1 .coachesList {padding: 10px 20px 10px 0;} .matchesList-teamsPlayers .cell-1 .coachesList .entry-box {display: block; width: 100%} .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 33.333%;} } @media screen and (min-width: 1100px) { .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 25%;} } @media screen and (min-width: 1300px) { .matchesList-teamsPlayers .cell-1 {width: 400px;} .matchesList-teamsPlayers .cell-2 .playersList .entry-box {width: 20%;} } /************************************************************************ Информация о матче ************************************************************************/ .matchesDetails section {background-color: white; min-height: 600px} .matchesDetails h3 {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200; font-size: 25px; line-height: 30px; margin: 25px 0; text-align: center} .matchesDetails h3 small{display: block; font-weight: normal; font-size: 14px; line-height: 18px; color:gray; margin-top:3px;} .matchesDetails h4 {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200; font-size: 20px; line-height: 25px; margin: 25px 0 15px; text-align: center} /* Залипающая шапка */ .matchesDetails_title {border-bottom:1px solid #e9e9ee; position:fixed; top:0; left:0; z-index:50; width:100%; background-color:/*#EEEEF2*/white; display:none; box-shadow: 0 2px 6px rgba(0,0,0,.2);} .matchesDetails_title section {padding:0; position:relative; margin:0px auto; max-width: 1400px} .matchesDetails_title section > .row {display: table; width: 100%} .matchesDetails_title section > .row::after {display: none} .matchesDetails_title section > .row > div {display:table-cell; vertical-align:middle;} .matchesDetails_title section > .row > div.teamIco {display: none} .matchesDetails_title a {text-decoration: none} .matchesDetails_title .teamIco {width: 100px; text-align: center; padding: 3px 0} .matchesDetails_title .teamIco img {width:70px; height:70px; display: inline-block; font-size: 0; line-height: 0} .matchesDetails_title .teamName {padding: 5px 0; width: 41.5%} .matchesDetails_title .teamName.teamName1 {text-align:left} .matchesDetails_title .teamName.teamName2 {text-align:right} .matchesDetails_title .teamName strong {font-size: 15px; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: bold; text-align: center; display: block;} .matchesDetails_title .teamName strong > span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto} .matchesDetails_title .teamName strong > span.short {display: block; width: 165px;} .matchesDetails_title .teamName strong > span.full {display: none} .matchesDetails_title .teamName strong small {font-size: 12px; line-height: 14px; display:block; font-weight: normal; color: gray} .matchesDetails_title .score {width: 17%; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:bold; font-size: 30px; line-height: 30px; text-align:center; padding: 5px 0; vertical-align:middle; position:relative} .matchesDetails_title .score .label {position:absolute; left:0; width:100%; top:0; background-color:#e61e28; font-size:14px; font-weight:normal; line-height:16px; padding:5px; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; color:white; text-transform:uppercase} .matchesDetails_title .score .label.green {background-color:#509815} .matchesDetails_title .score strong {font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:bold;} .matchesDetails_title .score > em {font-style:normal; color:silver} .matchesDetails_title .score > span {display:block; font-weight:normal; font-size:20px; line-height:20px; margin-top:0px} .matchesDetails_title .score > span span {margin-top:0; display:block} .matchesDetails_title .score > span span small {font-size:13px; line-height:15px; color:gray; display: none; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 3px; border-right: 1px solid #EEEEF2; vertical-align:top} .matchesDetails_title .score > span span em {display: none; text-align:center; font-style:normal; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 3px; border-right: 1px solid #EEEEF2; vertical-align:middle} .matchesDetails_title .score > span span small:last-child, .matchesDetails_title .score > span span em:last-child {border-right-color:transparent} .matchesDetails_title .score > span span small.pen, .matchesDetails_title .score > span span em.pen {display: block; width: 100%} @media screen and (min-width: 450px) { .matchesDetails_title .teamName strong > span.short {width: 185px;} } @media screen and (min-width: 500px) { .matchesDetails_title .teamName strong {font-size: 18px;} .matchesDetails_title .teamName strong > span.short {width: 206px;} .matchesDetails_title .teamName strong small {font-size: 14px; line-height: 16px;} .matchesDetails_title .score {font-size: 40px; line-height: 40px;} } @media screen and (min-width: 550px) { .matchesDetails_title .teamName strong > span.short {display: none} .matchesDetails_title .teamName strong > span.full {display: block; width: 227px} } @media screen and (min-width: 600px) { .matchesDetails_title .teamName strong {font-size: 21px;} .matchesDetails_title .teamName strong > span.full {width: 248px} } @media screen and (min-width: 650px) { .matchesDetails_title .teamName strong > span.full {width: 267px} } @media screen and (min-width: 700px) { .matchesDetails_title .teamName {width: 35%} .matchesDetails_title .teamName strong > span.full {width: 245px} .matchesDetails_title .score {width: 250px} .matchesDetails_title .score > span span small, .matchesDetails_title .score > span span em {display:inline-block; width: 33.333%} .matchesDetails_title .score > span span small.pen, .matchesDetails_title .score > span span em.pen {display: inline-block; width: 33.333%} } @media screen and (min-width: 750px) { .matchesDetails_title .teamName strong > span.full {width: 261px} } @media screen and (min-width: 800px) { .matchesDetails_title .teamName strong > span.full {width: 280px} } @media screen and (min-width: 850px) { .matchesDetails_title .teamName strong > span.full {width: 296px} } @media screen and (min-width: 900px) { .matchesDetails_title section > .row > div.teamIco {display: table-cell} .matchesDetails_title .teamName {width: 26%} .matchesDetails_title .teamName strong > span.full {width: 234px} } @media screen and (min-width: 950px) { .matchesDetails_title .teamName strong > span.full {width: 247px} } @media screen and (min-width: 1000px) { .matchesDetails_title .teamName {width: 28%} .matchesDetails_title .teamName strong {font-size: 22px;} .matchesDetails_title .teamName strong > span.full {width: 280px} .matchesDetails_title .teamName strong small {font-size: 16px; line-height: 18px; } } @media screen and (min-width: 1050px) { .matchesDetails_title .teamName strong > span.full {width: 294px} } @media screen and (min-width: 1100px) { .matchesDetails_title .teamName {width: 30%} .matchesDetails_title .teamName strong > span.full {width: 330px} } @media screen and (min-width: 1150px) { .matchesDetails_title .teamName strong > span.full {width: 345px} } @media screen and (min-width: 1200px) { .matchesDetails_title .teamName strong {font-size:25px;} .matchesDetails_title .teamName strong > span.full {width: 360px} } @media screen and (min-width: 1250px) { .matchesDetails_title .teamName strong > span.full {width: 375px} } @media screen and (min-width: 1300px) { .matchesDetails_title .teamName strong > span.full {width: 390px} } @media screen and (min-width: 1350px) { .matchesDetails_title .teamName strong > span.full {width: 405px} } /* Шапка страницы матча */ .matchesDetails-header {padding-bottom:10px; margin: 0 -10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 40px} .matches_online .matchesDetails-header {border-bottom: 0} .matchesDetails-header a {text-decoration: none} .matchesDetails-header > .row {display: table; width: 100%} .matchesDetails-header > .row::after {display: none} .matchesDetails-header > .row > div {display: table-cell; vertical-align: middle; padding-top: 30px; -moz-box-sizing:border-box; box-sizing:border-box;} .matches_online .matchesDetails-header > .row > div {padding-top: 0px} .matchesDetails-header > .row > div.teamIco {display: none} .matchesDetails-header > .row.labelRow > div {text-align: center} .matchesDetails-header .label {width: 200px; display: inline-block; background-color: #e61e28; font-size:14px; font-weight:normal; line-height:16px; padding:5px; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; color:white; text-transform:uppercase} .matchesDetails-header .score-online .label {top:auto; bottom:0} .matchesDetails-header .label.green {background-color:#509815} .matchesDetails-header .label.gray {background-color: #f6f7f7; color: black} .matchesDetails-header .teamIco {width: 120px; text-align: center;} .matchesDetails-header .teamIco img {width: 110px; height: 110px; display: none; font-size: 0; line-height: 0} .matchesDetails-header .teamName {width: 41.5%} .matchesDetails-header .teamName.teamName1 {text-align:left} .matchesDetails-header .teamName.teamName2 {text-align:right} .matchesDetails-header .teamName strong {font-size: 15px; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: bold; text-align: center; display: block;} .matchesDetails-header .teamName strong > span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto} .matchesDetails-header .teamName strong > span.short {display: block; width: 165px;} .matchesDetails-header .teamName strong > span.full {display: none} .matchesDetails-header .teamName strong small {font-size: 12px; line-height: 14px; display:block; font-weight: normal; color: gray} .matchesDetails-header .score {width: 17%; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:bold; font-size: 35px; line-height: 35px; text-align:center; padding: 5px 0; vertical-align:middle; position:relative} .matchesDetails-header .score .label {position:absolute; left:0; width:100%; top:0; background-color:#e61e28; font-size:14px; font-weight:normal; line-height:16px; padding:5px; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; color:white; text-transform:uppercase} .matchesDetails-header .score .label.green {background-color:#509815} .matchesDetails-header .score strong {font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:bold;} .matchesDetails-header .score em {font-style:normal; color:silver} .matchesDetails-header .score span {display:block; font-weight:normal; font-size:20px; line-height:20px; margin-top:0px} .matchesDetails-header .score span span {margin-top:0; display:block} .matchesDetails-header .score span span small {font-size:13px; line-height:15px; color:gray; display: none; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 3px; border-right: 1px solid #EEEEF2; vertical-align:top} .matchesDetails-header .score span span em {display: none; text-align:center; font-style:normal; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 3px; border-right: 1px solid #EEEEF2; vertical-align:middle; color: black} .matchesDetails-header .score span span em {font-size: 25px; line-height: 30px} .matchesDetails-header .score span span small:last-child, .matchesDetails-header .score span span em:last-child {border-right-color:transparent} .matchesDetails-header .score span span small.pen, .matchesDetails-header .score span span em.pen {display: block; width: 100%} @media screen and (min-width: 450px) { .matchesDetails-header .teamName strong > span.short {width: 185px;} } @media screen and (min-width: 500px) { .matchesDetails-header .teamName strong {font-size: 18px;} .matchesDetails-header .teamName strong > span.short {width: 206px;} .matchesDetails-header .teamName strong small {font-size: 14px; line-height: 16px;} .matchesDetails-header .score {font-size: 40px; line-height: 40px;} } @media screen and (min-width: 550px) { .matchesDetails-header .teamName strong > span.short {display: none} .matchesDetails-header .teamName strong > span.full {display: block; width: 227px} } @media screen and (min-width: 600px) { .matchesDetails-header .teamName strong {font-size: 21px;} .matchesDetails-header .teamName strong > span.full {width: 248px} .matchesDetails-header .score {font-size: 50px; line-height: 50px;} } @media screen and (min-width: 650px) { .matchesDetails-header .teamName strong > span.full {width: 267px} } @media screen and (min-width: 700px) { .matchesDetails-header .teamName {width: 35%} .matchesDetails-header .teamName strong > span.full {width: 245px} .matchesDetails-header .score {width: 250px; font-size: 60px; line-height: 60px;} .matchesDetails-header .score span span em {font-size: 30px; line-height: 35px} .matchesDetails-header .score span span small, .matchesDetails-header .score span span em {display:inline-block; width: 33.333%} .matchesDetails-header .score span span small.pen, .matchesDetails-header .score span span em.pen {display: inline-block; width: 33.333%} } @media screen and (min-width: 750px) { .matchesDetails-header .teamName strong > span.full {width: 261px} } @media screen and (min-width: 800px) { .matchesDetails-header .teamName strong > span.full {width: 280px} .matchesDetails-header .score {font-size: 60px; line-height: 60px;} } @media screen and (min-width: 850px) { .matchesDetails-header .teamName strong > span.full {width: 296px} } @media screen and (min-width: 900px) { .matchesDetails-header > .row > div.teamIco {display: table-cell; width: 100px;} .matchesDetails-header .teamIco img.w70 {display: inline-block; width: 70px; height: 70px;} .matchesDetails-header .teamName {width: 26%} .matchesDetails-header .teamName strong > span.full {width: 234px} .matchesDetails-header .score {font-size: 70px; line-height: 70px;} } @media screen and (min-width: 950px) { .matchesDetails-header .teamName strong > span.full {width: 247px} } @media screen and (min-width: 1000px) { .matchesDetails-header .teamName {width: 28%} .matchesDetails-header .teamName strong {font-size: 22px;} .matchesDetails-header .teamName strong > span.full {width: 280px} .matchesDetails-header .teamName strong small {font-size: 16px; line-height: 18px; } .matchesDetails-header .score {font-size: 90px; line-height: 90px;} } @media screen and (min-width: 1050px) { .matchesDetails-header .teamName strong > span.full {width: 294px} } @media screen and (min-width: 1100px) { .matchesDetails-header .teamName strong > span.full {width: 308px} .matchesDetails-header > .row > div.teamIco {width: 115px;} .matchesDetails-header .teamIco img.w70 {display: none} .matchesDetails-header .teamIco img.w90 {display: inline-block; width: 90px; height: 90px;} } @media screen and (min-width: 1150px) { .matchesDetails-header .teamName strong > span.full {width: 322px} } @media screen and (min-width: 1200px) { .matchesDetails-header > .row > div.teamIco {width: 115px;} .matchesDetails-header .teamIco img.w90 {display: none} .matchesDetails-header .teamIco img.w105 {display: inline-block; width: 105px; height: 105px;} .matchesDetails-header .teamName strong {font-size:25px;} .matchesDetails-header .teamName strong > span.full {width: 336px} } @media screen and (min-width: 1250px) { .matchesDetails-header .teamName strong > span.full {width: 350px} } @media screen and (min-width: 1300px) { .matchesDetails-header > .row > div.teamIco {width: 125px;} .matchesDetails-header .teamIco img.w105 {display: none} .matchesDetails-header .teamIco img.w110 {display: inline-block; width: 110px; height: 110px;} .matchesDetails-header .teamName {width: 30%} .matchesDetails-header .teamName strong {font-size: 28px;} .matchesDetails-header .teamName strong > span.full {width: 390px} } @media screen and (min-width: 1350px) { .matchesDetails-header .teamName strong > span.full {width: 405px} } .matchesDetails-header > .row.rowInfo > div {vertical-align: top; padding-bottom: 30px; } .matchesDetails-header .rowInfo .matchesDetails-header-meta {width: 250px; text-align: center} .matchesDetails-header .rowInfo .matchesDetails-header-meta span {display: block; margin-top: 5px; width: 100%} .matchesDetails-header .rowInfo .matchesDetails-header-meta span strong {display: block} .matchesDetails-header .rowInfo .matchesDetails-header-meta span a.onlineLink {width: 220px; display: inline-block; background-color: #e61e28; font-size: 16px; font-weight: normal; line-height: 18px; padding: 5px; margin-top: 5px; text-align:center; -moz-box-sizing:border-box; box-sizing:border-box; color:white;} .matchesDetails-header .rowInfo .matchesDetails-header-meta span a.onlineLink:hover {background-color:rgba(38,43,86,0.7);} .matchesDetails-header .rowInfo .matchesDetails-header-meta span a.onlineLink img {width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0} .matchesDetails-header > .row.rowInfo > div.eventEntries {display: none} .matchesDetails-header .rowInfo .eventEntries {width: 35%; font-size: 14px; line-height: 16px; margin-top:5px} .matchesDetails-header .rowInfo .eventEntries.eventEntries1 {text-align: left;} .matchesDetails-header .rowInfo .eventEntries.eventEntries2 {text-align: right;} .matchesDetails-header .rowInfo .eventEntries span {display:block; padding:2px 0} .matchesDetails-header .rowInfo .eventEntries span span, .matchesDetails-header .rowInfo .eventEntries img {display:inline-block; vertical-align:middle} .matchesDetails-header .rowInfo .eventEntries.eventEntries1 span span:first-child {width:45px; text-align:right} .matchesDetails-header .rowInfo .eventEntries.eventEntries2 span span:last-child {width:45px; text-align:left} .matchesDetails-header .rowInfo .eventEntries img {width: 20px; height: 20px} @media screen and (min-width: 700px) { .matchesDetails-header .rowInfo .matchesDetails-header-meta span {display: inline-block; margin-top: 0px; vertical-align: top; width: 33.33%;} } @media screen and (min-width: 900px) { .matchesDetails-header .rowInfo .matchesDetails-header-meta span {display: block; margin-top: 5px; width: 100%} .matchesDetails-header .rowInfo .matchesDetails-header-meta span:first-child {margin-top: 0} .matchesDetails-header > .row.rowInfo > div.eventEntries {display: table-cell} } @media screen and (min-width: 1000px) { .matchesDetails-header .rowInfo .eventEntries {width: 37%; font-size: 16px; line-height: 18px; margin-top:5px} .matchesDetails-header .rowInfo .eventEntries.eventEntries1 {padding-left: 10px} .matchesDetails-header .rowInfo .eventEntries.eventEntries2 {padding-right: 10px} } @media screen and (min-width: 1200px) { .matchesDetails-header .rowInfo .eventEntries.eventEntries1 {padding-left: 110px} .matchesDetails-header .rowInfo .eventEntries.eventEntries2 {padding-right: 110px} } @media screen and (min-width: 1300px) { .matchesDetails-header .rowInfo .eventEntries.eventEntries1 {padding-left: 130px} .matchesDetails-header .rowInfo .eventEntries.eventEntries2 {padding-right: 130px} } .matchesDetails-header > .row.rowNote {margin-top: -20px} .matchesDetails-header > .row.rowNote > div {vertical-align: top; padding: 0 10px 30px; font-size: 14px; line-height: 17px} .matchesDetails-header .rowNote h4 {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight:bold; font-size: 15px; line-height: 18px; margin:0 0 5px 0; padding:0px} @media screen and (min-width: 900px) { .matchesDetails-header > .row.rowNote > div {font-size: 16px; line-height: 19px} .matchesDetails-header .rowNote h4 {font-size: 18px; line-height: 20px;} } .matchesDetails-header-note {margin:0 0 15px 0; border-bottom:1px solid #b8bac1; padding-bottom:10px; font-size:15px; line-height:18px} /* Список секций */ .matchesDetails .linkSections .selectMenu {margin-bottom: 40px} .matchesDetails .linkSections.sticky {position: fixed; left: 0px; margin: 0px; width: 100%; background-color: #e9e9ee; box-shadow: 0 2px 6px rgba(0,0,0,.2);} .matchesDetails .linkSections.sticky .selectMenu {margin-bottom: 0} .matchesDetails .linkSections.sticky .selectMenu.toogleTabs ul {margin-bottom: 0; margin-top: 0} .matchesDetails .linkSections.sticky .selectMenu.toogleTabs ul li:first-child a, .matchesDetails .linkSections.sticky .selectMenu.toogleTabs ul li:last-child a {border-radius: 0} /* История встреч */ .matchesDetails .historyMatchesFilter .selectMenu {margin: 0 auto 40px auto; width: 380px} .matchesDetails .historyMatches {display: table; width: 100%; margin-bottom: 40px} .matchesDetails .historyMatches div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matchesDetails .historyMatches a {text-decoration: none} .matchesDetails .historyMatches > div {display: table-cell; vertical-align: top} .matchesDetails .historyMatches > div.cell-ico {display: none} .matchesDetails .historyMatches .cell-ico {width: 155px; text-align: center} .matchesDetails .historyMatches .cell-ico img {display: inline-block; font-size: 0; line-height: 0} .matchesDetails .historyMatches .cell-info-content {display: table; width: 100%} .matchesDetails .historyMatches .cell-info-content > div {display: table-cell; vertical-align: middle;} .matchesDetails .historyMatches .cell-info-content.content-1 div {width: 50%;} .matchesDetails .historyMatches .cell-info-content.content-1 div:nth-child(1) {text-align: left; padding: 0 5px 0 0} .matchesDetails .historyMatches .cell-info-content.content-1 div:nth-child(2) {text-align: right; padding: 0 0 0 5px} .matchesDetails .historyMatches .cell-info-content.content-1 strong {font-family: 'SegoeUI', 'Open Sans', sans-serif; display: block; font-weight: 200; font-size: 18px; line-height: 20px} .matchesDetails .historyMatches .cell-info-content.content-1 strong span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; border-bottom: 1px solid #b8bac1; padding-bottom: 5px; margin-bottom: 5px} .matchesDetails .historyMatches .cell-info-content.content-1 div:nth-child(1) strong span {margin-left: 0} .matchesDetails .historyMatches .cell-info-content.content-1 div:nth-child(2) strong span {margin-right: 0} .matchesDetails .historyMatches .cell-info-content.content-1 strong span.short {display: block; width: 185px;} .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {display: none} .matchesDetails .historyMatches .cell-info-content.content-3 {margin: 15px 0} .matchesDetails .historyMatches .cell-info-content.content-3 div {width: 33.333%; text-align: center; cursor: default} .matchesDetails .historyMatches .cell-info-content.content-3 .value {font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; font-size: 40px; line-height: 40px; padding-top: 15px} .matchesDetails .historyMatches .cell-info-content.content-3 .label {font-size: 14px; line-height: 16px; color: gray; font-family: 'Roboto', 'Open Sans', sans-serif;} .matchesDetails .historyMatches .cell-info-content.content-4 {border-top: 1px solid #b8bac1} .matchesDetails .historyMatches .cell-info-content.content-4:hover {background-color: #F3F3F5} .matchesDetails .historyMatches .cell-info-content.content-4 div {text-align: center; padding: 15px 0; cursor: default} .matchesDetails .historyMatches .cell-info-content.content-4 div.label {width: 50%; font-size: 14px; line-height: 16px; color: gray; font-family: 'Roboto', 'Open Sans', sans-serif;} .matchesDetails .historyMatches .cell-info-content.content-4:hover div.label {color: black} .matchesDetails .historyMatches .cell-info-content.content-4 div.label small {display: block} .matchesDetails .historyMatches .cell-info-content.content-4 div.value {width: 25%; font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 18px} .matchesDetails .historyMatches .cell-info-content.content-5 {border-top: 1px solid #b8bac1; display: block} .matchesDetails .historyMatches .cell-info-content.content-5.hide_row {display: none} .matchesDetails .historyMatches .cell-info-content.content-5 a, .matchesDetails .historyMatches .cell-info-content.content-5 > span {display: table; width: 100%; position: relative} .matchesDetails .historyMatches .cell-info-content.content-5 a:hover {background-color: #F3F3F5} .matchesDetails .historyMatches .cell-info-content.content-5 a::after {position: absolute; content: ''; right: 0px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/ico_arrow_right_black.svg); background-size: 25px 25px; background-repeat: no-repeat; opacity: 0.4;} .matchesDetails .historyMatches .cell-info-content.content-5 > span::after {position: absolute; content: ''; right: 0px; top: 50%; margin-top: -15px; width: 30px; height: 30px; opacity: 0.4;} .matchesDetails .historyMatches .cell-info-content.content-5 > span {cursor: default} .matchesDetails .historyMatches .cell-info-content.content-5 a > div, .matchesDetails .historyMatches .cell-info-content.content-5 > span > div {display: table-cell; vertical-align: middle; padding: 10px 0;} .matchesDetails .historyMatches .cell-info-content.content-5 .date {width: 100px} .matchesDetails .historyMatches .cell-info-content.content-5 .date .full {display: none} .matchesDetails .historyMatches .cell-info-content.content-5 .meta {width: auto} .matchesDetails .historyMatches .cell-info-content.content-5 .date {padding-left: 10px} .matchesDetails .historyMatches .cell-info-content.content-5 .meta {padding-right: 30px} .matchesDetails .historyMatches .cell-info-content.content-5 .meta span {display: block} .matchesDetails .historyMatches .cell-info-content.content-5 .meta .label {display: inline-block; background-color:#b42823; color:white; padding:5px; font-family: tahoma, verdana, arial, sans-serif; text-transform:uppercase; font-size:10px} .matchesDetails .historyMatches .cell-info-content.content-5 .meta .label.green {background-color:#509815} .matchesDetails .historyMatches .cell-info-content.content-5 .score {text-align: center; width: 20%} .matchesDetails .historyMatches .cell-info-content.content-5 .score strong {text-align: center; font-size: 25px; line-height: 25px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; display: block; color: #0087e6;} .matchesDetails .historyMatches .cell-info-content.content-5 .score em {display: block; font-style: normal; margin-top: 5px; font-size: 16px; line-height: 18px} .matchesDetails .historyMatches .cell-info-content.content-5 + .showMore {margin-top: 15px;} @media screen and (min-width: 450px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.short {width: 200px;} } @media screen and (min-width: 500px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.short {width: 225px;} } @media screen and (min-width: 550px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.short {display: none} .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {display: block; width: 250px;} } @media screen and (min-width: 600px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 275px;} .matchesDetails .historyMatches .cell-info-content.content-5 .date {width: 160px} .matchesDetails .historyMatches .cell-info-content.content-5 .date .full {display: block} .matchesDetails .historyMatches .cell-info-content.content-5 .date .short {display: none} .matchesDetails .historyMatches .cell-info-content.content-5 .meta {width: auto} .matchesDetails .historyMatches .cell-info-content.content-5 .score strong {font-size: 30px; line-height: 30px;} } @media screen and (min-width: 650px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 300px;} } @media screen and (min-width: 700px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 325px;} .matchesDetails .historyMatches .cell-info-content.content-3 .value {font-size: 60px; line-height: 60px;} .matchesDetails .historyMatches .cell-info-content.content-3 .value.value-1, .matchesDetails .historyMatches .cell-info-content.content-3 .value.value-3 {font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; font-size: 80px; line-height: 80px } .matchesDetails .historyMatches .cell-info-content.content-3 .label, .matchesDetails .historyMatches .cell-info-content.content-4 div.label {font-size: 16px; line-height: 18px;} .matchesDetails .historyMatches .cell-info-content.content-4 div.value {font-size: 20px} } @media screen and (min-width: 750px) { .matchesDetails .historyMatches > div.cell-ico {display: table-cell; width: 100px;} .matchesDetails .historyMatches .cell-ico img.w150 {display: none} .matchesDetails .historyMatches .cell-info-content.content-1 div:nth-child(1) { padding: 0 10px 0 5px} .matchesDetails .historyMatches .cell-info-content.content-1 div:nth-child(2) { padding: 0 5px 0 10px} .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 240px;} } @media screen and (min-width: 800px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 265px;} } @media screen and (min-width: 850px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 290px;} } @media screen and (min-width: 900px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 315px;} } @media screen and (min-width: 950px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 340px;} } @media screen and (min-width: 1000px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong {font-size: 20px; line-height: 24px} .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 365px;} .matchesDetails .historyMatches .cell-info-content.content-5 .date {width: 40%} .matchesDetails .historyMatches .cell-info-content.content-5 .meta {width: 39%} } @media screen and (min-width: 1050px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 390px;} } @media screen and (min-width: 1100px) { .matchesDetails .historyMatches > div.cell-ico {width: 160px;} .matchesDetails .historyMatches .cell-ico img.w90 {display: none} .matchesDetails .historyMatches .cell-ico img.w150 {display: inline-block} .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 345px;} } @media screen and (min-width: 1150px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 370px;} } @media screen and (min-width: 1200px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 395px;} } @media screen and (min-width: 1250px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 420px;} } @media screen and (min-width: 1300px) { .matchesDetails .historyMatches .cell-info-content.content-1 strong span.full {width: 445px;} } /* Предыдущие 5 матчей команд */ .matchesDetails .lastTeamsMatches {display: table; width: 100%; margin-bottom: 40px} .matchesDetails .lastTeamsMatches div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matchesDetails .lastTeamsMatches a {text-decoration: none} .matchesDetails .lastTeamsMatches > div {display: table-cell; vertical-align: top} .matchesDetails .lastTeamsMatches > div.cell-ico {display: none} .matchesDetails .lastTeamsMatches .cell-ico {width: 155px; text-align: center} .matchesDetails .lastTeamsMatches .cell-ico img {display: inline-block; font-size: 0; line-height: 0} .matchesDetails .lastTeamsMatches .cell-info-content {display: table; width: 100%} .matchesDetails .lastTeamsMatches .cell-info-content > div {display: table-cell; vertical-align: top;} .matchesDetails .lastTeamsMatches .cell-info-content.content-title div {width: 50%;} .matchesDetails .lastTeamsMatches .cell-info-content.content-title div:nth-child(1) {text-align: left; padding: 0 5px 0 0} .matchesDetails .lastTeamsMatches .cell-info-content.content-title div:nth-child(2) {text-align: right; padding: 0 0 0 5px} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong {font-family: 'SegoeUI', 'Open Sans', sans-serif; display: block; font-weight: 200; font-size: 18px; line-height: 20px} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong.full {display: none} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; border-bottom: 1px solid #b8bac1; padding-bottom: 5px; margin-bottom: 5px} .matchesDetails .lastTeamsMatches .cell-info-content.content-title a {display: block;} .matchesDetails .lastTeamsMatches .cell-info-content.content-title a strong span {padding: 5px} .matchesDetails .lastTeamsMatches .cell-info-content.content-title a.selected {background-color: #0087e6} .matchesDetails .lastTeamsMatches .cell-info-content.content-title a.selected strong span {border-bottom-color: #0087e6; color: white} .matchesDetails .lastTeamsMatches .cell-info-content.content-title div:nth-child(1) strong span {margin-left: 0} .matchesDetails .lastTeamsMatches .cell-info-content.content-title div:nth-child(2) strong span {margin-right: 0} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.short {display: block; width: 185px;} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {display: none} .matchesDetails .lastTeamsMatches div, .matchesDetails .lastTeamsMatches span, .matchesDetails .lastTeamsMatches a {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matchesDetails .lastTeamsMatches .cell-info-content.content > div {display: none} .matchesDetails .lastTeamsMatches .cell-info-content.content > div.selected {display: table-cell} .matchesDetails .lastTeamsMatches .cell-info-content.content > div {width: 50%;} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell-1 {padding-right: 15px} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell-2 {padding-left: 15px} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .itemRow {; /*border-bottom: 1px solid #b8bac1;*/} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .itemRow a, .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .itemRow > div {display: table; width: 100%} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .itemRow a > div, .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .itemRow > div > div {display: table-cell; vertical-align: middle; padding: 15px 0} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .itemRow a:hover {background-color: #F3F3F5} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .info {font-size:17px; line-height:20px;} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .info .matches-meta {display:block; font-size: 14px; line-height:16px; color:gray; margin-top:3px} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell-1 .itemRow a > div.info, .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell-1 .itemRow > div > div.info {padding-left: 10px; text-align: left} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell-2 .itemRow a > div.info, .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell-2 .itemRow > div > div.info {padding-right: 10px; text-align: right} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .info .matches-meta span {padding:0; width:auto; vertical-align:baseline} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .info strong {display:inline-block; margin:0 10px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:bold; font-size:20px; line-height:20px;} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .info strong em {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight:normal; font-size:17px; line-height:20px;} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .circle-cell {width: 60px; text-align: center} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .circle {display: inline-block; width: 50px; height: 50px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; background-color: #a3a3a3; border-radius: 50%; text-align: center; overflow: hidden; padding: 15px 0; color: white; font-size: 17px; line-height: 20px;} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .circle.green {background-color: #509815;} .matchesDetails .lastTeamsMatches .lastTeamsMatches-cell .circle.red {background-color: #e61e28;} @media screen and (min-width: 450px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.short {width: 200px;} } @media screen and (min-width: 500px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.short {width: 225px;} } @media screen and (min-width: 550px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.short {display: none} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {display: block; width: 250px;} } @media screen and (min-width: 600px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 275px;} } @media screen and (min-width: 650px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 300px;} } @media screen and (min-width: 700px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 325px;} } @media screen and (min-width: 750px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 350px;} } @media screen and (min-width: 800px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title a {display: none} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong.full {display: block} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 375px;} .matchesDetails .lastTeamsMatches .cell-info-content.content > div {display: table-cell} } @media screen and (min-width: 850px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 400px;} } @media screen and (min-width: 900px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 425px;} } @media screen and (min-width: 950px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 450px;} } @media screen and (min-width: 1000px) { .matchesDetails .lastTeamsMatches > div.cell-ico {display: table-cell; width: 100px;} .matchesDetails .lastTeamsMatches .cell-ico img.w150 {display: none} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong {font-size: 20px; line-height: 24px} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 365px;} } @media screen and (min-width: 1050px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 390px;} } @media screen and (min-width: 1100px) { .matchesDetails .lastTeamsMatches > div.cell-ico {width: 160px;} .matchesDetails .lastTeamsMatches .cell-ico img.w90 {display: none} .matchesDetails .lastTeamsMatches .cell-ico img.w150 {display: inline-block} .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 345px;} } @media screen and (min-width: 1150px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 370px;} } @media screen and (min-width: 1200px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 395px;} } @media screen and (min-width: 1250px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 420px;} } @media screen and (min-width: 1300px) { .matchesDetails .lastTeamsMatches .cell-info-content.content-title strong span.full {width: 445px;} } /* Информация о матче - арбитры и статистика */ .matchesDetails-info-1 {display: block} .matchesDetails-info-1 div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matchesDetails-info-1 > div {display: block} .matchesDetails-info-1 .matchesDetails-info-officials {} .matchesDetails-info-1 .matchesDetails-info-officials .row {padding: 15px 0; display: table; width: 100%} .matchesDetails-info-1 .matchesDetails-info-officials .row:after {display: none} .matchesDetails-info-1 .matchesDetails-info-officials .photo {display: table-cell; width: 120px; vertical-align: middle} .matchesDetails-info-1 .matchesDetails-info-officials .photo span {display: block; width: 110px; height: 110px; overflow: hidden} .matchesDetails-info-1 .matchesDetails-info-officials .photo span img {width: 110px; height: auto} .matchesDetails-info-1 .matchesDetails-info-officials .info {display: table-cell; vertical-align: middle; font-size: 25px; line-height: 28px; font-weight: 200;} .matchesDetails-info-1 .matchesDetails-info-officials .info strong {display: block; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: bold; font-size: 17px; margin-bottom: 10px;} .matchesDetails-info-1 .matchesDetails-info-officials .info em {font-style: normal; text-transform: uppercase;} .matchesDetails-info-1 .matchesDetails-info-officials .info small {display: block; margin-top: 10px; font-size: 15px; color: gray; font-weight: normal;} .matchesDetails-info-1 .matchesDetails-info-officials .info a {color: #0087e6; text-decoration: none;} .matchesDetails-info-1 .matchesDetails-info-officials .info a:hover {text-decoration: underline} .matchesDetails-info-1 .matchesDetails-info-sidebar {padding-left: 0; width: 100%;} .matchesDetails-info-1 .matchesDetails-info-sidebar .is_stuck h3 {margin-top: 0} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box h4 {font-size: 17px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0; display: inline-block; width: 50%} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box h4.team1 {text-align: left} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box h4.team2 {text-align: right} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box h4 .full {display: none} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box .row {padding: 10px 5px 15px 5px; margin: 5px 0; border-bottom: 1px solid #dbdbdb; text-align: center; cursor: default; font-size: 17px; line-height: 20px;} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box strong {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200;} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box em {font-style: normal; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; font-size: 20px;} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box em:first-child {float: left;} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box em:last-child {float: right;} @media screen and (min-width: 550px) { .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box h4 .short {display: none} .matchesDetails-info-1 .matchesDetails-info-sidebar .stat_box h4 .full {display: inline} } @media screen and (min-width: 700px) { .matchesDetails-info-1 .matchesDetails-info-officials .photo {width: 170px;} .matchesDetails-info-1 .matchesDetails-info-officials .photo span {width: 160px; height: 213px;} .matchesDetails-info-1 .matchesDetails-info-officials .photo span img {width: 160px;} .matchesDetails-info-1 .matchesDetails-info-officials .photo.photo1 span img {width: 210px; margin-left: -25px} } @media screen and (min-width: 1000px) { .matchesDetails-info-1 {display: table; width: 100%} .matchesDetails-info-1 > div {display: table-cell; vertical-align: top} .matchesDetails-info-1 .matchesDetails-info-sidebar {padding-left: 35px; width: 450px;} } /* Таблица и календарь тура */ .matchesDetails-tour {display: block; margin-top: 60px} .matchesDetails-tour div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matchesDetails-tour > div {display: block} .matchesDetails-tour .matchesDetails-tour-calendar {padding-left: 0; width: 100%;} .matchesDetails-tour .entries-rows-list {font-size: 16px; line-height: 19px;} .matchesDetails-tour .entries-rows-list .header-row {font-size: 14px} .matchesDetails-tour .entries-rows-wrapper:last-child {border-bottom: 1px solid #dbdbdb} .matchesDetails-tour .entries-rows-wrapper.selected {background-color: rgba(38,43,86,0.7); color:white;} .matchesDetails-tour .entries-rows-list .entries-rows-wrapper.selected .entry-row:hover {background-color: rgba(38,43,86,0.7)} .matchesDetails-tour .entries-rows-list .entries-rows-wrapper.highlighted .entry-row {background-color:rgba(230,30,40,0.3);} .matchesDetails-tour .entries-rows-list .entries-rows-wrapper.selected .entry-title small {color: silver} .matchesDetails-tour .entries-rows-list .entry-title {width: 200px;} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 50px; text-align: center} .matchesDetails-tour .entries-rows-list .smallSite .entry-title .table-box > div:first-child {width: 100%} .matchesDetails-tour .entries-rows-list .entry-title .movement {display: none; width: 40px; text-align: center} .matchesDetails-tour .entries-rows-list .entry-title .movement img {width: 15px; height: 15px; display: block; font-size: 0; line-height: 0; margin: 0 auto 3px auto} .matchesDetails-tour .entries-rows-list .entry-title .logo {display: none; width: 45px; text-align: center} .matchesDetails-tour .entries-rows-list .entry-value {width: 16%} .matchesDetails-tour .entries-rows-list .entry-value:nth-child(5) {width: auto} .matchesDetails-tour .entries-rows-list .smallSite {text-align: center; padding-top: 10px} .matchesDetails-tour .entries-rows-list .smallSite .table-box > div {padding-bottom: 0; padding-top: 25px} .matchesDetails-tour .entries-rows-list .smallSite .entry-title {width: 100%; font-size: 16px; line-height: 16px;} .matchesDetails-tour .entries-rows-list .smallSite .entry-title strong {font-size: 19px;} .matchesDetails .matchesDetails-tour .matchesDetails-tour-calendar h3 {margin: 60px 0 25px} .matchesDetails-tour .matchesDetails-tour-calendar a {display:block; text-decoration:none; padding:0} .matchesDetails-tour .matchesDetails-tour-calendar .row {overflow:hidden; cursor:default; border-bottom:1px solid #d4d5dd; padding:4px 0; text-align: center} .matchesDetails-tour .matchesDetails-tour-calendar .row:last-child {border-bottom:0} .matchesDetails-tour .matchesDetails-tour-calendar .row:hover {background-color:#F3F3F5} .matchesDetails-tour .matchesDetails-tour-calendar .row.highlighted {background-color:rgba(230,30,40,0.3);} .matchesDetails-tour .matchesDetails-tour-calendar a > span {display:inline-block; padding:13px 5px; vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box;} .matchesDetails-tour .matchesDetails-tour-calendar .date {font-size:14px; line-height:16px; display:block; text-align:center; color:gray; padding:13px 5px 0 5px;} .matchesDetails-tour .matchesDetails-tour-calendar .teamName {font-size:15px; width:182px} .matchesDetails-tour .matchesDetails-tour-calendar .teamName.teamName1 {text-align:right} .matchesDetails-tour .matchesDetails-tour-calendar .teamName.teamName2 {text-align:left} .matchesDetails-tour .matchesDetails-tour-calendar .teamName span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .short {display: none} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .full {display: block} .matchesDetails-tour .matchesDetails-tour-calendar .score {width: 50px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight:bold; font-size:20px; line-height:20px; text-align:center} .matchesDetails-tour .matchesDetails-tour-calendar .row.selected {background-color:rgba(38,43,86,0.7); color:white;} .matchesDetails-tour .matchesDetails-tour-calendar .row.selected .date {color:silver;} .matchesDetails-tour .matchesDetails-tour-calendar .row.highlighted {background-color:rgba(230,30,40,0.3);} .matchesDetails-tour .matchesDetails-tour-calendar .row.selected.highlighted {background-color:#8d536b;} @media screen and (min-width: 400px) { .matchesDetails-tour .entries-rows-list {font-size: 16px; line-height: 18px;} .matchesDetails-tour .entries-rows-list .entry-row-values .entry-title {display: none} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div {padding-left: 0} .matchesDetails-tour .matchesDetails-tour-calendar .teamName {width: 162px} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .short {display: block} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .full {display: none} } @media screen and (min-width: 500px) { .matchesDetails-tour .entries-rows-list {font-size: 14px; line-height: 16px;} .matchesDetails-tour .entries-rows-list .smallSite {display: none} .matchesDetails-tour .entries-rows-list .table-box > div {padding: 15px 3px;} .matchesDetails-tour .entries-rows-list .entry-row-values .entry-title {display: table-cell;} .matchesDetails-tour .entries-rows-list .entry-title {width: 220px} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 25px;} .matchesDetails-tour .entries-rows-list .entry-title strong {font-size: 16px; line-height: 18px} .matchesDetails-tour .entries-rows-list .entry-title small {font-size: 14px; line-height: 14px;} .matchesDetails-tour .matchesDetails-tour-calendar .teamName {width:182px} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .short {display: none} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .full {display: block} } @media screen and (min-width: 600px) { .matchesDetails-tour .entries-rows-list {font-size: 15px; line-height: 17px;} .matchesDetails-tour .entries-rows-list .header-row {font-size: 14px; line-height: 16px;} .matchesDetails-tour .entries-rows-list .table-box > div {padding: 15px 3px;} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 30px;} .matchesDetails-tour .entries-rows-list .entry-value {width: 16%} .matchesDetails-tour .entries-rows-list .entry-value:nth-child(5) {width: auto} } @media screen and (min-width: 700px) { .matchesDetails-tour .entries-rows-list .entry-title {width: 280px;} .matchesDetails-tour .entries-rows-list .entry-title .movement {display: table-cell} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 35px;} .matchesDetails-tour .entries-rows-list .entry-title small {font-size: 14px; line-height: 16px;} } @media screen and (min-width: 800px) { .matchesDetails-tour .entries-rows-list {font-size: 16px; line-height: 18px;} .matchesDetails-tour .entries-rows-list .entry-title {width: 350px;} .matchesDetails-tour .entries-rows-list .entry-title .logo {display: table-cell;} } @media screen and (min-width: 900px) { .matchesDetails-tour .entries-rows-list .entry-title {width: 400px;} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 50px;} } @media screen and (min-width: 1000px) { .matchesDetails-tour {display: table; width: 100%} .matchesDetails-tour > div {display: table-cell; vertical-align: top} .matchesDetails-tour .matchesDetails-tour-calendar {padding-left: 25px; width: 400px;} .entries-rows-list .entries-rows-wrapper.header-row .entry-row .entry-value {padding: 18px 1px;} .matchesDetails-tour .entries-rows-list {font-size: 15px; line-height: 16px;} .matchesDetails-tour .entries-rows-list .entry-title {width: 250px;} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 35px;} .matchesDetails-tour .entries-rows-list .entry-title .movement {display: none} .matchesDetails-tour .entries-rows-list .entry-title .logo {display: none;} .matchesDetails .matchesDetails-tour .matchesDetails-tour-calendar h3 {margin: 25px 0} .matchesDetails-tour .matchesDetails-tour-calendar .row:first-child {margin-top: 60px} .matchesDetails-tour .matchesDetails-tour-calendar .teamName {width: 162px} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .short {display: block} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .full {display: none} } @media screen and (min-width: 1100px) { .matchesDetails-tour .matchesDetails-tour-calendar {padding-left: 35px; width: 450px;} .matchesDetails-tour .entries-rows-list {font-size: 16px; line-height: 18px;} .matchesDetails-tour .entries-rows-list .entry-title {width: 270px;} .matchesDetails-tour .matchesDetails-tour-calendar .teamName {width:182px} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .short {display: none} .matchesDetails-tour .matchesDetails-tour-calendar .teamName .full {display: block} } @media screen and (min-width: 1200px) { .matchesDetails-tour .entries-rows-list .entry-title {width: 350px;} .matchesDetails-tour .entries-rows-list .entry-title .table-box > div:first-child {width: 50px;} .matchesDetails-tour .entries-rows-list .entry-title .movement {display: table-cell} .matchesDetails-tour .matchesDetails-tour-calendar .row {padding:13px 0} } @media screen and (min-width: 1300px) { .matchesDetails-tour .entries-rows-list .entry-title {width: 400px;} .matchesDetails-tour .entries-rows-list .entry-title .logo {display: table-cell;} } /* Составы команд */ .matchesDetails-squadList-title div, .matchesDetails-squadList-title h4, .matchesDetails-squadList-title span, .matchesDetails-squadList div, .matchesDetails-squadList h4, .matchesDetails-squadList span {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matchesDetails-squadList-title {display: table; width: 100%} .matchesDetails-squadList-title > div {display: table-cell; width: 50%; vertical-align: top} .matchesDetails-squadList-title > div:nth-child(1) h4 {text-align: left; padding: 0 5px 0 0} .matchesDetails-squadList-title > div:nth-child(2) h4 {text-align: right; padding: 0 0 0 5px} .matchesDetails-squadList-title h4 .full {display: none} .matchesDetails-squadList-title h4 span {white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; border-bottom: 1px solid #b8bac1; padding-bottom: 5px; margin-bottom: 5px} .matchesDetails-squadList-title h4 a {display: block; padding-bottom: 5px; margin-bottom: 5px; text-decoration: none; border-bottom: 1px solid #b8bac1;} .matchesDetails-squadList-title h4 a span {margin: 0 auto; padding: 0 5px; border-bottom: 0} .matchesDetails-squadList-title h4 a.selected {background-color: #0087e6; border-bottom-color: #0087e6} .matchesDetails-squadList-title h4 a.selected span {border-bottom-color: #0087e6; color: white} .matchesDetails-squadList-title .matchesDetails-squadList-cell_1 h4 span {margin-left: 0} .matchesDetails-squadList-title .matchesDetails-squadList-cell_2 h4 span {margin-right: 0} .matchesDetails-squadList-title h4 span.short {display: block; width: 185px;} .matchesDetails-squadList-title h4 span.full {display: none} .matchesDetails-squadList {display: table; width: 100%; font-size: 18px; line-height: 20px;} .matchesDetails-squadList > div {display: none; width: 100%} .matchesDetails-squadList > div.selected {display: table-cell} .matchesDetails-squadList h4 {border-bottom: 1px solid #b8bac1; padding-bottom: 10px;} .matchesDetails-squadList > div:nth-child(1) h4 {text-align: left; margin: 25px 5px 15px 0} .matchesDetails-squadList > div:nth-child(2) h4 {text-align: right; margin: 25px 0 15px 5px} .matchesDetails-squadList .matchesDetails-squadList-cell_1 > span, .matchesDetails-squadList .matchesDetails-squadList-cell_2 > span {display: table; margin: 10px 0; vertical-align: middle; width: 100%;} .matchesDetails-squadList .matchesDetails-squadList-cell_2 {text-align: right} .matchesDetails-squadList span strong {display: table-cell; vertical-align:middle; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; font-size: 20px; line-height: 20px; width: 35px; background-color: #e9e9ee; text-align: center; padding:0 5px;border: 1px solid #e9e9ee} .matchesDetails-squadList span .playerPhoto {width: 77px; padding: 0px 5px; display: table-cell; vertical-align: middle} .matchesDetails-squadList span .playerPhoto > div, .matchesDetails-squadList span .playerPhoto > div > a {overflow: hidden; width: 77px; height: 77px;} .matchesDetails-squadList span .playerPhoto > div > a {display: block} .matchesDetails-squadList span .playerPhoto img {width: 87px; height: auto; margin-left: -5px;} .matchesDetails-squadList span > span {display: table-cell; vertical-align:middle; padding: 0; width: auto} .matchesDetails-squadList span span span {display: block; padding: 0; margin-top: 0px;} .matchesDetails-squadList span span span.eventsList {display:block; overflow: hidden} .matchesDetails-squadList span span span em {font-style:normal; display:inline-block; padding:0 3px; font-size:14px;} .matchesDetails-squadList span span span em img {display:inline-block; margin-right:5px; vertical-align:middle; width:18px; height:18px} .matchesDetails-squadList span span span em img[src*='8_2.svg'], .matchesDetails-squadList span span span em img[src*='8_1.svg'] {width:16px; height:16px} .matchesDetails-squadList span span span em u {display:inline-block; margin-right:5px; vertical-align:middle; text-decoration:none; color:#767676} .matchesDetails-squadList span a {color:#0087e6; text-decoration:none} .matchesDetails-squadList span a:hover {text-decoration:underline} @media screen and (min-width: 450px) { .matchesDetails-squadList-title h4 span.short {width: 200px;} } @media screen and (min-width: 500px) { .matchesDetails-squadList-title h4 span.short {width: 225px;} } @media screen and (min-width: 550px) { .matchesDetails-squadList-title h4 span.short {display: none} .matchesDetails-squadList-title h4 span.full {display: block; width: 250px;} } @media screen and (min-width: 600px) { .matchesDetails-squadList-title h4 span.full {width: 275px;} } @media screen and (min-width: 650px) { .matchesDetails-squadList-title h4 span.full {width: 300px;} } @media screen and (min-width: 700px) { .matchesDetails-squadList-title h4 span.full {width: 325px;} } @media screen and (min-width: 750px) { .matchesDetails-squadList-title h4 a {display: none} .matchesDetails-squadList-title h4 .full {display: block} .matchesDetails-squadList-title h4 span.full {width: 350px;} .matchesDetails-squadList > div {display: table-cell; width: 50%;} } @media screen and (min-width: 800px) { .matchesDetails-squadList-title h4 span.full {width: 375px;} } @media screen and (min-width: 850px) { .matchesDetails-squadList-title h4 span.full {width: 400px;} } @media screen and (min-width: 900px) { .matchesDetails-squadList-title h4 span.full {width: 425px;} } @media screen and (min-width: 950px) { .matchesDetails-squadList-title h4 span.full {width: 450px;} } @media screen and (min-width: 1000px) { .matchesDetails-squadList-title h4 span.full {width: 475px;} } @media screen and (min-width: 1050px) { .matchesDetails-squadList-title h4 span.full {width: 500px;} } @media screen and (min-width: 1100px) { .matchesDetails-squadList-title h4 span.full {width: 525px;} } @media screen and (min-width: 1150px) { .matchesDetails-squadList-title h4 span.full {width: 550px;} } @media screen and (min-width: 1200px) { .matchesDetails-squadList-title h4 span.full {width: 575px;} } @media screen and (min-width: 1250px) { .matchesDetails-squadList-title h4 span.full {width: 600px;} } @media screen and (min-width: 1300px) { .matchesDetails-squadList-title h4 span.full {width: 625px;} } /* Хронология событий */ .matchesDetails-eventsList {font-size:17px; line-height:20px; position:relative} .matchesDetails-eventsList .border {width:1px; background-color:#b8bac1; height:98%; position:absolute; top:0; left:50%; margin-left:-1px;} .matchesDetails-eventsList .row {position:relative; margin-bottom:40px} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_2 {display:block; text-align:center; margin:0 auto;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_2 span {display:inline-block; border:1px solid #b8bac1; width:65px; height:65px; border-radius:50%; padding:5px; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; background-color:white; z-index: 5} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_2 span strong {display:table-cell; width:55px; height:55px; line-height:20px; vertical-align:middle; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight:200;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_2 span small {display:table-cell; width:55px; height:55px; line-height:12px; font-size:12px; vertical-align:middle} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {display: block; width: 85%; padding:5px 0} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1 {text-align: left; margin-left: 0} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {text-align: right; margin-left: auto} .matchesDetails-eventsList .row .eventEntry-box {display:block; padding:10px 5px; border-left:1px solid #b8bac1; border-right:1px solid #b8bac1; position:relative; background-color:white;} .matchesDetails-eventsList .row .eventEntry-box:first-child {border-top:1px solid #b8bac1; border-top-left-radius:10px; border-top-right-radius:10px;} .matchesDetails-eventsList .row .eventEntry-box:last-child {border-bottom:1px solid #b8bac1; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-player, .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico {display:inline-block; padding:0 5px; vertical-align:middle} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-player span {display:block} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-player span span {display:inline-block; vertical-align:middle} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-player span img {display:inline-block; margin:0 5px; width:12px; height:12px; vertical-align:sub;} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-player span small {display:block; color:gray; text-transform:lowercase} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico {width:40px; text-align:center} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico.full {display: none} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico img {width: 30px; height: 30px} @media screen and (min-width: 500px) { .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {width: 75%;} } @media screen and (min-width: 700px) { .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {width: 55%;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1 {text-align: right; margin-left: 1.5%} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {text-align: left; margin-left: 43.6%} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico {width:18%;} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico.full {display: inline-block} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico.small {display: none} } @media screen and (min-width: 800px) { .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {width: 45%;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1 {margin-left: 10%} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {margin-left: 45%} } @media screen and (min-width: 1000px) { .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {width: 45%;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1 {margin-left: 10%} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {margin-left: 44.7%} } @media screen and (min-width: 1200px) { .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {width: 40%;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1 {margin-left: 14.5%} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {margin-left: 45.5%} .matchesDetails-eventsList .row .eventEntry-box .eventEntry-ico {width: 18.5%;} } @media screen and (min-width: 1300px) { .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1, .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {width: 35%;} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_1 {margin-left: 19%} .matchesDetails-eventsList .row .matchesDetails-eventsList-cell_3 {margin-left: 46%} } /******************************************************************************* Главная страница *******************************************************************************/ .championship-mainPage {color: white} .championship-mainPage::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #01405e; z-index: -2} .championship-mainPage::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/bg2.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1; opacity: 0.5} .championship-mainPage section {padding: 60px 0; max-width: 1400px; background: transparent; z-index: 1} .championship-mainPage section > .row {display: table; width: 100%} .championship-mainPage .sectionTitle strong {font-family: tahoma, verdana, arial, sans-serif; font-size: 24px} .tournamentMainBox {display:inline-block; width:50%; text-align:center; font-size:12px; margin-bottom:10px} .tournamentMainBox span {display:block; padding:5px 0; background-color:rgba(255,255,255,0.5); font-weight:bold} .tournamentMainBox.selected span {background-color: rgba(38,43,86,0.9); color:white} .championship-mainPage .tournamentTableList, .championship-mainPage .matchesTourBox, .championship-mainPage .matchesTourBox .entry {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .championship-mainPage .tournamentTableList, .championship-mainPage .matchesTourBox {padding: 0 5px; text-align: center} .tournamentTableList table {width:100%; color: black} .tournamentTableList {padding-bottom:15px;} .tournamentTableList table tr:first-child {background-color:transparent} .tournamentTableList table th {font-size:14px; text-align:center; padding: 3px; color: white} .tournamentTableList table tr th[w='35'] {width: 25px} .tournamentTableList table tr th[w='75'] {width: 60px;} .tournamentTableList table tr td {padding:7px 3px; font-size:14px; line-height: 14px; border-bottom:1px solid #dcdcdc; background-color:rgba(255,255,255,0.85); cursor:default; transition: color 0.1s ease} .tournamentTableList table tr:last-child td {border-bottom-width: 0} .tournamentTableList .logoBox {display:none} .tournamentTableList .teamsName {font-size:13px; line-height:14px; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight:bold; text-align: left} .tournamentTableList .teamsName a {display:block; text-decoration:none} .tournamentTableList td small {display:block; font-size:13px; line-height:15px; font-weight:normal; color:gray; margin-top:1px; transition: color 0.1s ease} .tournamentTableList tr:hover td, .tournamentTableList .highlighted {background-color:rgba(38,43,86,0.7); border-bottom-color:transparent; color: white; transition: color 0.1s ease} .tournamentTableList tr:hover td small, .tournamentTableList .highlighted small {color: white} .tournamentTableList .highlighted1 {background-color:rgba(38,43,86,0.3); border-bottom-color:transparent; color:white} .tournamentTableList .readMore {float: right; margin-top: 8px; text-decoration: none} .tournamentTableList .readMore:hover {text-decoration: underline} .championship-mainPage .matchesTourBox:nth-child(2) {margin-top: 20px;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox:nth-child(2) {display: none} .championship-mainPage .matchesTourBox .matchesTourName {font-size:14px; padding-bottom:5px; margin-bottom:5px; font-weight:bold; border-bottom:1px solid white; text-align:left;} .championship-mainPage .tournament-supercup .matchesTourBox .matchesTourName {border-bottom: 0} .championship-mainPage .matchesTourBox .matchesTourName span {display:inline-block; padding:5px; margin-bottom:-5px; background-color: white; color: black} .championship-mainPage .matchesTourBox .matchesTourName a.navTour {display:inline-block; padding:5px; margin-bottom:-5px; text-decoration:none; width:15px; text-align:center; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .matchesTourName a.navTour:hover {background-color:rgba(38,43,86,0.7); color:white; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .matchesTourName a.readMore {float:right; display:block; text-decoration:none; color: white; font-size:14px; line-height:18px; margin-top:3px; font-weight:normal} .championship-mainPage .matchesTourBox .matchesTourName a.readMore:hover {color:black; text-decoration:underline} @media screen and (min-width: 800px) and (max-width: 999px) { .championship-mainPage .matchesTourBox .matchesTourName a.readMore.isset_onlineLink {display: none} } .championship-mainPage .matchesTourBox .matchesTourName a.onlineLink {float:right; margin-right:5px; display:inline-block; padding:3px 5px; background-color:darkred; color:white; text-decoration:none} .championship-mainPage .matchesTourBox .matchesTourName a.onlineLink:hover {background-color:rgba(38,43,86,0.7);} .championship-mainPage .matchesTourBox .matchesTourName a.readMore .fa, .championship-mainPage .matchesTourBox .matchesTourName a.onlineLink .fa {font-size:70%} .championship-mainPage .matchesTourBox .matchDate {font-size: 15px; padding:3px 0; margin:3px 0 4px; font-weight:bold; text-align:center;} .championship-mainPage .matchesTourBox .entry {display:block; margin-bottom:6px; padding:7px 3px; background-color:rgba(255,255,255,0.85); position:relative; transition: all 0.2s ease; text-decoration:none} .championship-mainPage .matchesTourBox .entry:after {content:""; clear:both; display:block;} .championship-mainPage .matchesTourBox .entry .row {position:relative; min-height:31px} .championship-mainPage .matchesTourBox .entry .row:first-child {padding-bottom:10px} .championship-mainPage .matchesTourBox .entry .teamIco {display:none; width:35px; height:35px} .championship-mainPage .matchesTourBox .entry .teamIco img {width:35px; height:35px} .championship-mainPage .matchesTourBox .entry .teamIco1 {float:left; margin-right:5px} .championship-mainPage .matchesTourBox .entry .teamIco2 {float:right; margin-left:5px} .championship-mainPage .matchesTourBox .entry .teamName {width:140px; font-size:14px; line-height:16px; color: black} .championship-mainPage .matchesTourBox .entry .teamName1 {float:left; text-align:left;} .championship-mainPage .matchesTourBox .entry .teamName2 {float:right; text-align:right;} .championship-mainPage .matchesTourBox .entry .teamName small {display:block; font-size:11px; line-height:12px; color:gray; margin-top:2px; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .entry .score, .championship-mainPage .matchesTourBox .entry .time {height:40px; margin-top:-7px; position:absolute; width:74px; left:50%; margin-left:-37px; text-align:center; font-size:23px;} .championship-mainPage .matchesTourBox .entry .time {color:gray;} .championship-mainPage .matchesTourBox .entry .score strong {display:block; margin-top:5px; font-family: 'Roboto', 'Open Sans', sans-serif; color: black} .championship-mainPage .matchesTourBox .entry .score small {display: block; font-weight: normal; font-size: 14px; line-height: 14px; margin-top: -3px} .championship-mainPage .matchesTourBox .entry .time strong {display:block; font-weight:200} .championship-mainPage .matchesTourBox .entry .time u {text-decoration:none; display:block; font-size:10px; margin-top:7px} .championship-mainPage .matchesTourBox .entry .time u strong {font-size:14px} .championship-mainPage .matchesTourBox .entry .entryMeta {text-align:center; color:black; position:relative; min-height:26px; font-size: 13px; line-height: 15px} .championship-mainPage .matchesTourBox .entry .entryMeta .label {display: inline-block; background-color:#b42823; color:white; padding:5px; font-family: tahoma, verdana, arial, sans-serif; text-transform:uppercase; font-size:10px} .championship-mainPage .matchesTourBox .entry .entryMeta .label.green {background-color:#509815} .championship-mainPage .matchesTourBox .entry .entryMeta .television {display: inline-block; margin:2px 0 -8px 0; background-color:#b42823; text-align:center; font-size:12px; font-weight:normal; padding:3px; color:white} .championship-mainPage .matchesTourBox .entry .entryMeta .television .fa {display:inline-block;} .championship-mainPage .matchesTourBox .entry:hover, .championship-mainPage .matchesTourBox .entry.highlighted {background-color:rgba(38,43,86,0.8); color: white; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .entry:hover .teamName small, .championship-mainPage .matchesTourBox .entry.highlighted .teamName small {color:silver; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .entry:hover .time, .championship-mainPage .matchesTourBox .entry.highlighted .time {color:white; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .entry:hover .entryMeta, .championship-mainPage .matchesTourBox .entry.highlighted .entryMeta, .championship-mainPage .matchesTourBox .entry:hover .entryMeta .television, .championship-mainPage .matchesTourBox .entry.highlighted .entryMeta .television {color:white !important; transition: all 0.2s ease} .championship-mainPage .matchesTourBox .entry.highlighted .teamName, .championship-mainPage .matchesTourBox .entry.highlighted .score strong, .championship-mainPage .matchesTourBox .entry:hover .teamName, .championship-mainPage .matchesTourBox .entry:hover .score strong {color: white} @media screen and (min-width: 450px) { .championship-mainPage .tournamentTableList .logoBox {display:table-cell; width: 35px} .championship-mainPage .matchesTourBox .entry .teamIco {display:block;} } @media screen and (min-width: 500px) { .championship-mainPage .tournamentTableList table th {font-size:15px} .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 35px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 75px;} .championship-mainPage .tournamentTableList table tr td {padding:7px 3px; font-size:15px; line-height: 18px; font-weight: bold} .championship-mainPage .tournamentTableList .teamsName {font-size:15px; line-height:18px;} .championship-mainPage .tournamentTableList .logoBox {display:none} .championship-mainPage .matchesTourBox .entry .teamName {width: 150px; font-size: 16px; line-height: 18px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox {width: 490px; margin: 0 auto} .championship-mainPage .tournament-supercup .matchesTourBox {width: 490px; margin: 0 auto} } @media screen and (min-width: 600px) { .championship-mainPage .tournamentTableList .logoBox {display:table-cell; width: 40px} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox {text-align: left} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox, .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox:nth-child(2) {display: inline-block; width: 50%; vertical-align: top; margin-top: 0;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .teamName {width: 120px; font-size: 13px; line-height: 15px;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .score, .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .time {width:66px; margin-left:-33px; font-size:21px;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .score small {font-size: 13px} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .teamIco {display:none;} .championship-mainPage .tournamentTableList + .tournament-premier-leagueCFU .matchesTourBox {display: block; width: 100%} .championship-mainPage .tournamentTableList + .tournament-premier-leagueCFU .matchesTourBox .entry {display: inline-block; width: 49%; padding:7px 3px; margin: 0 0.5% 6px} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry {display: inline-block; width: 49%; padding:7px 3px; margin: 0 0.5% 6px} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .teamName {width: 120px; font-size: 13px; line-height: 15px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .score, .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .time {width:66px; margin-left:-33px; font-size:21px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .score small, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .score small {font-size: 13px} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .teamIco, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .teamIco {display:none;} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry {display: block; width: 100%; padding:7px 3px; margin: 0 0 6px} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry .teamName, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .teamName {width: 150px; font-size: 16px; line-height: 18px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry .score, .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry .time, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .score, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .time {width:74px; margin-left:-37px; font-size:26px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry .teamIco, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .teamIco {display:block;} } @media screen and (min-width: 700px) { .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 45px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 85px;} .championship-mainPage .tournamentTableList .logoBox {width: 50px} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .teamName {width: 150px; font-size: 16px; line-height: 18px;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .score, .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .time {width:74px; margin-left:-37px; font-size:26px;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .score strong {font-size: 36px; line-height: 36px;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .score small {font-size: 14px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .teamName {width: 150px; font-size: 16px; line-height: 18px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .score, .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .time, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .score, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .time {width:74px; margin-left:-37px; font-size:26px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .score strong, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .score strong {font-size: 36px; line-height: 36px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .score small, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .score small {font-size: 14px; line-height: 20px} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox {width: 600px} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry .teamName, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox .entry .teamName {font-size: 18px; line-height: 20px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox.group-finals .entry .teamIco, .championship-mainPage .tournament-pl_cfu_transition_games .matchesTourBox.group-finals .entry .teamIco {width: 50px; text-align: center} } @media screen and (min-width: 800px) { .championship-mainPage section > .row {display: table; width: 100%} .championship-mainPage .tournamentTableList, .championship-mainPage .tournamentTableList + .matchesCalendarBox {display: table-cell; vertical-align: top} .championship-mainPage .tournamentTableList table tr th {padding: 6px 3px 5px 3px} .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 30px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 70px;} .championship-mainPage .tournamentTableList .logoBox {display: none} .championship-mainPage .tournamentTableList + .matchesCalendarBox {width: 340px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox {width: 100%; padding: 0 5px; display: block;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .entry {display: block; width: 100%; padding:7px 3px; margin: 0 0 6px} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .entry .teamName {width: 120px; font-size: 14px; line-height: 16px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .matchDate {font-size: 13px;} } @media screen and (min-width: 900px) { .championship-mainPage .tournamentTableList .logoBox {display:table-cell;} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox .entry .teamIco {display:block;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .entry .teamIco {display:none;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .matchDate {font-size: 15px;} .championship-mainPage .tournament-cup_cfu .matchesTourBox .entry .teamIco {display:block;} } @media screen and (min-width: 950px) { .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 40px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 80px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .matchDate {font-size: 14px; margin: 3px 0 3px;} .championship-mainPage .tournamentTableList + .tournament-premier-leagueCFU .matchesTourBox .entry .teamName {width: 150px; font-size: 16px; line-height: 18px;} .championship-mainPage .tournament-cup_cfu .entry .teamIco {width: 50px; text-align: center} } @media screen and (min-width: 1000px) { .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 35px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 75px;} .championship-mainPage .tournament-premier-leagueCFU {width: 950px; margin: 0 auto} .championship-mainPage .tournamentTableList + .matchesCalendarBox {width: 440px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .entry {margin-bottom: 9px} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .matchDate {font-size: 15px; margin: 6px 0 7px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .entry .teamIco {display:block;} .championship-mainPage .tournament-cup_cfu {width: 950px; margin: 0 auto} } @media screen and (min-width: 1050px) { .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 40px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 80px;} } @media screen and (min-width: 1100px) { .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 45px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 85px;} .championship-mainPage .tournamentTableList table tr td {padding:9px 3px;} .championship-mainPage .tournamentTableList .logoBox {width: 50px} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox .matchDate {padding: 3px 0; margin: 7px 0 6px;} } @media screen and (min-width: 1150px) { .championship-mainPage .tournamentTableList {padding-left: 10px} .championship-mainPage .tournamentTableList + .matchesCalendarBox {padding-right: 5px} } @media screen and (min-width: 1200px) { .championship-mainPage .tournamentTableList {padding-right: 15px; padding-left: 15px} .championship-mainPage .tournament-premier-leagueCFU .matchesTourBox {padding: 0 10px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox {padding-left: 15px; padding-right: 10px} .championship-mainPage .tournamentTableList + .matchesCalendarBox .matchesTourBox {padding: 0 5px;} } @media screen and (min-width: 1300px) { .championship-mainPage .tournamentTableList table tr th[w='35'] {width: 55px} .championship-mainPage .tournamentTableList table tr th[w='75'] {width: 95px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox {width: 540px;} .championship-mainPage .tournamentTableList + .matchesCalendarBox .entry .teamIco {width: 50px; text-align: center} .championship-mainPage .tournamentTableList + .tournament-premier-leagueCFU .matchesTourBox .entry .teamName {font-size: 18px; line-height: 20px;} } /******************************************************************************* Главная страница - Суперкубок *******************************************************************************/ .matches-mainPage.wrapper-tour {width: calc(100% - 20px); margin: 20px auto 0px auto; height: 100%; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*background: -moz-linear-gradient(left, rgba(180,40,35,0) 0%, rgba(180,40,35,0.7) 35%, rgba(180,40,35,0.7) 65%, rgba(180,40,35,0) 100%); background: -webkit-linear-gradient(left, rgba(180,40,35,0) 0%,rgba(180,40,35,0.7) 35%,rgba(180,40,35,0.7) 65%,rgba(180,40,35,0) 100%); background: linear-gradient(to right, rgba(180,40,35,0) 0%,rgba(180,40,35,0.7) 35%,rgba(180,40,35,0.7) 65%,rgba(180,40,35,0) 100%);*/ background: rgb(180,40,35); position: relative} .matches-mainPage.wrapper-tour:first-child {margin-top: 0} .matches-mainPage.wrapper-tour .matches-mainPage-tour {text-align: center; font-weight: bold; font-size: 20px; line-height: 18px; padding: 10px 0; color: white} .matches-mainPage.wrapper-line {width: calc(100% - 20px); margin: 0 auto 0 auto; height: 100%; padding: 0 0 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 35%, rgba(255,255,255,0.7) 65%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 35%,rgba(255,255,255,0.7) 65%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 35%,rgba(255,255,255,0.7) 65%,rgba(255,255,255,0) 100%);*/ background: rgba(0,116,170,0.7); position: relative} .matches-mainPage.wrapper-line div, .matches-mainPage.wrapper-line span {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matches-mainPage.wrapper-line a {display: block; text-decoration: none} .matches-mainPage.wrapper-line .matches-mainPage-meta {width: 100%; margin-bottom: 20px; position: relative; /*background: -moz-linear-gradient(left, rgba(0,192,255,0) 0%, rgba(0,192,255,0.5) 35%, rgba(0,192,255,0.5) 65%, rgba(0,192,255,0) 100%); background: -webkit-linear-gradient(left, rgba(0,192,255,0) 0%,rgba(0,192,255,0.5) 35%,rgba(0,192,255,0.5) 65%,rgba(0,192,255,0) 100%); background: linear-gradient(to right, rgba(0,192,255,0) 0%,rgba(0,192,255,0.5) 35%,rgba(0,192,255,0.5) 65%,rgba(0,192,255,0) 100%);*/ background: #0074aa} .matches-mainPage.wrapper-line .matches-mainPage-meta > div {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-size: 16px; line-height: 16px; padding: 10px 0} .matches-mainPage.wrapper-line .matches-mainPage-meta > div:first-child {text-align: center; font-weight: bold; font-size: 20px; line-height: 18px} .matches-mainPage.wrapper-line .matches-mainPage-meta > div:first-child small {display: block; font-size: 14px; text-transform: uppercase} .matches-mainPage.wrapper-line .matches-mainPage-meta > div:last-child {text-align: center;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow {display: table; width: 100%; height: 100%; position: relative} .matches-mainPage.wrapper-line .matches-mainPage-entryrow > div {display: table-cell; vertical-align: middle; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-size: 16px; line-height: 18px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams {width: 40%; color: white} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {display: none} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .shortName {width:140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team1 {text-align: center; padding-right: 10px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team2 {text-align: center; padding-left: 10px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams strong {font-size: 14px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams small {font-size: 13px; display: block; margin-top: 0px; color: white} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco {width: 90px; margin: auto} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco img {width: 100%; max-width: 100px; height: auto; display: block; margin: auto; font-size: 0; line-height: 0} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco {display: none} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco.small {display: block} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco.small img {max-width: 50px; margin-bottom: 3px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score, .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time {width: 90px; text-align: center; font-family: 'Roboto', 'Open Sans', sans-serif;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time u {text-decoration: none; color: white; font-size: 11px; line-height: 14px; display: block} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time u strong {font-family: 'Roboto', 'Open Sans', sans-serif; display: block; font-size: 18px; margin-top: 3px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong {font-size: 40px; line-height: 20px; font-family: 'Roboto', 'Open Sans', sans-serif;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong small {font-size: 15px; line-height: 14px; display: block; margin-top: 5px; font-weight: normal} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong small span {display: block;} .matches-mainPage.wrapper-line .matches-mainPage-meta::after, .matches-mainPage-wrapper::after {content: ''; position: absolute; width: 350px; height: 1px; bottom: 0px; left: 50%; margin-left: -175px; /*background: -moz-linear-gradient(left, rgba(184,184,184,0) 0%, rgba(184,184,184,1) 35%, rgba(184,184,184,1) 65%, rgba(184,184,184,0) 100%); background: -webkit-linear-gradient(left, rgba(184,184,184,0) 0%,rgba(184,184,184,1) 35%,rgba(184,184,184,1) 65%,rgba(184,184,184,0) 100%); background: linear-gradient(to right, rgba(184,184,184,0) 0%,rgba(184,184,184,1) 35%,rgba(184,184,184,1) 65%,rgba(184,184,184,0) 100%);*/ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%);} .matches-mainPage-wrapper.tour::after {display: none} .matches-mainPage.wrapper-line .entryMeta {text-align:center; color:black; position:relative;} .matches-mainPage.wrapper-line .entryMeta .label {display: inline-block; background-color:#b42823; color:white; padding:5px; font-family: tahoma, verdana, arial, sans-serif; text-transform:uppercase; font-size: 14px; font-weight: bold} .matches-mainPage.wrapper-line .entryMeta .label.green {background-color:#509815} @media screen and (min-width: 500px) { .matches-mainPage.wrapper-line .matches-mainPage-meta {display: table;} .matches-mainPage.wrapper-line .matches-mainPage-meta > div {display: table-cell; width: 50%; vertical-align: middle;} .matches-mainPage.wrapper-line .matches-mainPage-meta > div:first-child {text-align: right; padding-right: 10px; font-weight: bold; font-size: 20px} .matches-mainPage.wrapper-line .matches-mainPage-meta > div:last-child {text-align: left; padding-left: 10px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width:190px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .shortName {display: none} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team1 {padding-right: 10px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team2 {padding-left: 10px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams strong {font-size: 16px; } .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams small {font-size: 13px; margin-top: 5px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco {width: 110px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score, .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time {width: 100px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong {font-size: 50px; line-height: 20px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong small {font-size: 18px; line-height: 18px; font-weight: bold} } @media screen and (min-width: 600px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 230px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team1 {padding-right: 20px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team2 {padding-left: 20px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams strong {font-size: 18px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams small {font-size: 13px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score, .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time {width: 120px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong {font-size: 60px; line-height: 30px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong small {font-size: 20px;} } @media screen and (min-width: 700px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 270px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams strong {font-size: 20px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams small {font-size: 14px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong {font-size: 60px; line-height: 30px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong small {font-size: 25px; line-height: 23px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time u {font-size: 14px; line-height: 15px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time u strong {font-size: 20px;} } @media screen and (min-width: 800px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 300px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .score strong small span {display: inline} } @media screen and (min-width: 900px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div {display: table; width: 350px} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div > div, .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco {display: table-cell; vertical-align: middle} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team1 > div {margin-right: 0; margin-left: auto} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 240px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team1 {text-align: right;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .team2 {text-align: left;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams strong {font-size: 20px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams small {font-size: 14px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .teamIco.small {display: none} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time u {font-size: 15px; line-height: 16px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .time u strong {font-size: 25px;} } @media screen and (min-width: 1000px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div {width: 400px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 290px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams strong {font-size: 22px;} } @media screen and (min-width: 1100px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div {width: 410px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 300px;} } @media screen and (min-width: 1200px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div {width: 450px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 340px;} } @media screen and (min-width: 1300px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div {width: 490px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 380px;} } @media screen and (min-width: 1400px) { .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams > div {width: 530px;} .matches-mainPage.wrapper-line .matches-mainPage-entryrow .teams .fullName {width: 420px;} } /******************************************************************************* Баннер-анонс трансляции матча *******************************************************************************/ .matches-anons-broadcast {background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/bg-anons-grass.jpg);} .matches-anons-broadcast section {max-width: 1400px; background: transparent;} .matches-anons-broadcast .banner-broadcast-link {display: table; text-decoration: none; overflow: hidden; margin: 0; color: white; width: 100%} .matches-anons-broadcast .banner-broadcast-link > div, .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle} .matches-anons-broadcast .banner-broadcast-link .banner-title {width: 100%; margin: 30px 0 10px; background: /*rgba(38,43,86,0.5)*/rgba(0,0,0,0.5); padding: 10px 0} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper {display: block; width: 100%; text-align: center} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .officialLogos {display: inline-block; vertical-align: middle; width: auto; text-align: center;} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .officialLogos img {height: 70px; width: auto; margin-right: 10px} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .bannerLabel {display: inline-block; vertical-align: middle; width: auto; font-weight:bold; font-size: 25px; line-height: 25px; text-align: center; /*background-color:rgba(0,0,0,0.5);*/ text-shadow: 1px 1px 1px black, 0 0 1px black;} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .bannerLabel span {display: block; margin-left: 10px} .matches-anons-broadcast .banner-broadcast-link .details-box {text-align: center; margin: 10px 10px 40px} .matches-anons-broadcast .banner-broadcast-link .details-box .teamsRow {display: block; width: 100%; text-align: center} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {font-size: 17px; display: inline-block; vertical-align: middle; width: auto; font-weight: bold; text-shadow: 1px 1px 1px black, 0 0 1px black; white-space:nowrap;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName small {font-size: 12px; display: block; font-weight: normal} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName1 {text-align: right; padding-right: 10px} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName2 {text-align: left; padding-left: 10px} .matches-anons-broadcast .banner-broadcast-link .details-box .time {margin: 5px 0 10px; position: relative} .matches-anons-broadcast .banner-broadcast-link .details-box .time:after {position:absolute; content:''; width:200px; height:1px; bottom: -8px; left:50%; margin-left: -100px; background-color:rgba(255,255,255,0.5)} .matches-anons-broadcast .banner-broadcast-link .details-box .time:last-child {margin-bottom: 0} .matches-anons-broadcast .banner-broadcast-link .details-box .time:last-child:after {display: none} .matches-anons-broadcast .banner-broadcast-link .matchInfo {font-size: 15px; line-height: 19px; margin-top: 10px; padding-top: 10px; font-weight: normal; text-align: center;} .matches-anons-broadcast .banner-broadcast-link .details-box .matchInfo {border-top: 1px solid white} .matches-anons-broadcast .banner-broadcast-link .banner-title .matchInfo {/*border-bottom: 1px solid white;*/ padding-bottom: 20px} .matches-anons-broadcast .banner-broadcast-link .matchInfo span {font-size: 19px; line-height: 24px; display: block; margin-bottom: 5px; font-weight: bold} @media screen and (min-width: 500px) { .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .bannerLabel {font-size: 30px; line-height: 30px;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamsRow {display: table; width: 100%} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {font-size: 20px; display: table-cell; width: 50%} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName1 {padding-right: 20px} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName2 {padding-left: 20px} } @media screen and (min-width: 700px) { .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {font-size: 25px;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName small {font-size: 15px;} } @media screen and (min-width: 1000px) { .matches-anons-broadcast .banner-broadcast-link > div {display: table-cell; padding: 60px 0;} .matches-anons-broadcast .banner-broadcast-link .banner-title {width: 500px; margin: 0} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper {display: table; width: 100%} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .officialLogos, .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .bannerLabel {display: table-cell;} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .officialLogos {width: 140px; text-align: right;} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .officialLogos img {height: 100px; margin: 0} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .bannerLabel {width: auto; text-align: center;} .matches-anons-broadcast .banner-broadcast-link .banner-title .banner-title-wrapper .bannerLabel span {margin-left: 0px} .matches-anons-broadcast .banner-broadcast-link .details-box {margin: 0; padding-left: 15px} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {font-size: 20px;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName small {font-size: 12px;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName1 {padding-right: 20px} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName2 {padding-left: 20px} .matches-anons-broadcast .banner-broadcast-link .banner-title .matchInfo {border-bottom: 0; padding-bottom: 0} .matches-anons-broadcast .banner-broadcast-link .matchInfo {font-size: 15px; line-height: 19px;} .matches-anons-broadcast .banner-broadcast-link .matchInfo span {font-size: 19px; line-height: 24px;} } @media screen and (min-width: 1150px) { .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {font-size: 25px;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName small {font-size: 15px;} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName1 {padding-right: 40px} .matches-anons-broadcast .banner-broadcast-link .details-box .teamName2 {padding-left: 40px} .matches-anons-broadcast .banner-broadcast-link .matchInfo {font-size: 18px; line-height: 22px; margin-top: 20px; padding-top: 20px;} .matches-anons-broadcast .banner-broadcast-link .matchInfo span {font-size: 22px; line-height: 27px; margin-bottom: 10px;} } @media screen and (min-width: 1300px) { .matches-anons-broadcast .banner-broadcast-link .details-box .teamName {font-size: 30px;} .matches-anons-broadcast .banner-broadcast-link .matchInfo {font-size: 20px; line-height: 24px;} .matches-anons-broadcast .banner-broadcast-link .matchInfo span {font-size: 25px; line-height: 30px;} } /************************************************************************ Баннер Открытого зимнего Кубка ************************************************************************/ .matches-anons {background-color:#2469b6; background-size:cover; background-position: center center; background-repeat: no-repeat} .matches-anons * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .matches-anons section {max-width: 1400px; text-align:center; position: relative; z-index: 0;} .matches-anons section > a {display: block; text-decoration: none; padding: 40px 10px} .matches-anons .matches-anons-box .matches-anons-logo {margin-bottom: 20px; text-align: center; position: relative; z-index: 1} .matches-anons .matches-anons-box .matches-anons-logo img {width: auto; height: 120px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_title {font-family: 'SegoeUI', 'Open Sans', sans-serif; width: 100%; font-size: 28px; line-height: 30px; padding-bottom: 15px; margin-bottom: 15px; text-align: center; font-weight: 200; color: white; border-bottom: 1px solid rgba(255,255,255,0.5)} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_title p {margin: 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar {color: white; font-family: 'Roboto', sans-serif; text-align:right; font-size:14px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry {display: table; width: 100%; margin: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.2)} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry:first-child {margin-top: 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry:last-child {margin-bottom: 0; border-bottom: 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry > div {display: table-cell; vertical-align: middle; padding: 5px 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry:first-child > div {padding-top: 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry:last-child > div {padding-bottom: 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time {width: 60px; font-size: 14px; padding-right: 5px; text-align: center} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time small {display: block; font-size: 10px; margin-bottom: 3px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .score {width: 60px; font-size: 28px; line-height: 25px; text-align: center; padding: 0 5px; font-weight: bold; /*background-color:rgba(0,0,0,0.2)*/} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName {font-size: 14px; width: 180px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName1 {text-align: right; padding-right: 10px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName2 {text-align: left; padding-left: 10px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName small {display: block; font-size: 12px; color: silver} @media screen and (min-width: 700px) { .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time {font-size: 16px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time small {font-size: 12px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName {font-size: 16px; width: 190px;} } @media screen and (min-width: 800px) { .matches-anons .matches-anons-box {display: table; width: 100%} .matches-anons .matches-anons-box > div {display: table-cell; vertical-align: middle} .matches-anons .matches-anons-box .matches-anons-logo {width: 200px; margin-bottom: 0} .matches-anons .matches-anons-box .matches-anons-content {padding-left: 40px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time {font-size: 14px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName {font-size: 14px; width: 190px;} } @media screen and (min-width: 900px) { .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time {font-size: 16px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName {font-size: 16px; width: 190px;} } @media screen and (min-width: 1000px) { .matches-anons .matches-anons-box .matches-anons-logo {width: 350px;} .matches-anons .matches-anons-box .matches-anons-logo img {height: 170px} } @media screen and (min-width: 1200px) { .matches-anons .matches-anons-box .matches-anons-content > div {display: table; width: 100%} .matches-anons .matches-anons-box .matches-anons-content > div > div {display: table-cell; vertical-align: top} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_title {width: 170px; padding-right: 20px; padding-bottom: 0; margin-bottom: 0; text-align: right; border-right: 1px solid rgba(255,255,255,0.5); border-bottom: 0} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar {display:table-cell; vertical-align:middle; padding-left: 20px} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName {width: 221.5px;} } @media screen and (min-width: 1300px) { .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_title {width: 220px; padding-right: 30px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time {font-size: 18px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .time small {font-size: 12px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .score {font-size: 33px;} .matches-anons .matches-anons-box .matches-anons-content .matches-anons-tournament_calendar .calendarEntry .teamName {font-size: 18px; width: 221.5px;} } .anons-wintercup {background-image: url(/imagesBG/bg-grass2.jpg); } .anons-wintercup .matches-anons-tournament_info > div > div {color: white; font-size: 16px; line-height: 20px; font-family: 'Roboto', sans-serif; padding: 15px 0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.5);} .anons-wintercup .matches-anons-tournament_info > div > div:last-child {border-bottom: 0; padding-bottom: 0} .anons-wintercup .matches-anons-tournament_info strong {font-size: 20px; line-height: 29px; font-family: 'SegoeUI', 'Open Sans', sans-serif; text-align: center; font-weight: 200; color: white; display: inline-block; width: 47%; text-align: right; float: left; margin-right: 30px} .anons-wintercup .matches-anons-tournament_info span {font-weight: bold; font-size: 25px; line-height: 25px; display: inline-block; margin-right: 5px} @media screen and (min-width: 600px) { .anons-wintercup .matches-anons-tournament_info > div {display: table; width: 100%} .anons-wintercup .matches-anons-tournament_info > div > div {display: table-cell; width: 33.33%; text-align: center; padding: 0 5px; border-bottom: 0} .anons-wintercup .matches-anons-tournament_info strong {line-height: 22px; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.5); float: none; text-align: center} } @media screen and (min-width: 900px) { .anons-wintercup .matches-anons-tournament_info > div > div {font-size: 18px; line-height: 22px; padding: 0 10px} .anons-wintercup .matches-anons-tournament_info strong {font-size: 23px; line-height: 25px; padding-bottom: 15px; margin-bottom: 15px;} .anons-wintercup .matches-anons-tournament_info span {font-size: 30px; line-height: 30px;} } @media screen and (min-width: 1100px) { .anons-wintercup .matches-anons-tournament_info > div > div {padding: 0 20px} .anons-wintercup .matches-anons-tournament_info strong {font-size: 25px; line-height: 27px; padding-bottom: 20px; margin-bottom: 20px;} } @media screen and (min-width: 1200px) { .anons-wintercup .matches-anons-tournament_info strong {font-size: 28px; line-height: 30px;} } /******************************************************************************* Онлайн матча. Все матчи *******************************************************************************/ .onlineBox_all .entries-rows-list .entries-rows-wrapper:last-child {border-bottom: 1px solid #dbdbdb} .onlineBox_all .entries-rows-list .entries-rows-wrapper.header-row .table-box {text-align: center} .onlineBox_all .entries-rows-list .entry-row.selected {background-color:#F3F3F5} .onlineBox_all .entries-rows-list .entry-row.events {display: none; background-color: transparent} .onlineBox_all .entries-rows-list .entry-row.events.selected {display: block; position: static} .onlineBox_all .entries-rows-list .entry-row.events:hover {background-color: transparent} .onlineBox_all .entries-rows-list .entry-row.events .table-box {height: auto} .onlineBox_all .entries-rows-list .entry-row .entry-title {padding-left: 35px;} .onlineBox_all .entries-rows-list .entries-rows-wrapper.header-row .entry-title {padding-left: 0} .onlineBox_all .entries-rows-list .smallSite .entry-title {padding-left: 0} .onlineBox_all .entries-rows-list .entry-row.details-link {cursor: pointer} .onlineBox_all .entries-rows-list .entry-row.details-link .entry-title:after {position: absolute; content: ''; left: 0px; top: 50%; width: 30px; height: 30px; background-image: url('../images/ico_arrow_down_black.svg'); background-size: 25px 25px; background-repeat: no-repeat; opacity: 0.4;} .onlineBox_all .entries-rows-list .entry-row.details-link.selected .entry-title:after {background-image: url('../images/ico_arrow_up_black.svg');} .onlineBox_all .entries-rows-list .entry-row.details-link .entry-row-values .entry-title:after {margin-top: -15px;} .onlineBox_all .entries-rows-list .entry-row.details-link .entry-title:hover:after {opacity: 1} .onlineBox_all .entries-rows-list .smallSite {text-align: center} .onlineBox_all .entries-rows-list .smallSite .entry-title {text-align: center; width: 100%; padding-bottom: 0px} .onlineBox_all .entries-rows-list .smallSite .entry-title strong {font-size: 19px; font-weight: bold} .onlineBox_all .entries-rows-list .smallSite .table-box > div {padding-bottom: 0} .onlineBox_all .entries-rows-list .entry-row-values .entry-title {width: 160px; text-align: center} .onlineBox_all .entries-rows-list .entry-title strong {font-size: 16px; font-weight: normal} .onlineBox_all .entries-rows-list .entry-title strong.minute {font-weight: bold} .onlineBox_all .entries-rows-list .entry-title strong.minute + small {color: black; font-size: 14px} .onlineBox_all .entries-rows-list .entry-title strong span {display: block; font-size: 22px; line-height: 26px; font-weight: bold} .onlineBox_all .entries-rows-list .entry-value.score {width: 120px} .onlineBox_all .entries-rows-list .entry-value.score strong {font-size: 30px; line-height: 30px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; display: block; color: #0087e6;} .onlineBox_all .entries-rows-list .entry-value.score em {display: block; font-style: normal; margin-top: 5px} .onlineBox_all .entries-rows-list .entry-value.teamName, .onlineBox_all .entries-rows-list .entry-value.team {width: 35%; font-family: 'SegoeUI', 'Open Sans', sans-serif;} .onlineBox_all .entries-rows-list .entry-value.teamName1, .onlineBox_all .entries-rows-list .entry-value.team1 {text-align: right} .onlineBox_all .entries-rows-list .entry-value.teamName2, .onlineBox_all .entries-rows-list .entry-value.team2 {text-align: left} .onlineBox_all .entries-rows-list .entry-row.events .table-box > div {padding: 2px 5px; vertical-align: top} .onlineBox_all .entries-rows-list .entry-row.events .table-box:first-child > div {padding-top: 15px;} .onlineBox_all .entries-rows-list .entry-row.events .table-box:last-child > div {padding-bottom: 15px;} .onlineBox_all .entries-rows-list .entry-row.events .table-box > div.eventMinute {padding: 5px 0} .onlineBox_all .entries-rows-list .entry-row.events .table-box:first-child > div.eventMinute {padding-top: 15px;} .onlineBox_all .entries-rows-list .entry-value.eventMinute {width: 15%} .onlineBox_all .entries-rows-list .entry-value.eventMinute strong {font-weight: normal; font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 14px;} .onlineBox_all .entries-rows-list .entry-value.team {width: 42.5%;} .onlineBox_all .entries-rows-list .entry-row.events .team > span {display: table; width: 100%} .onlineBox_all .entries-rows-list .entry-row.events .team > span > span {display: table-cell; vertical-align: middle; font-size: 14px; line-height: 18px; padding: 3px 0} .onlineBox_all .entries-rows-list .entry-row.events .team > span > span.ico {width: 35px; text-align: center} .onlineBox_all .entries-rows-list .entry-row.events .team > span > span > span.full {display: none} .onlineBox_all .entries-rows-wrapper .additionalLinks {background-color: #dbdbdb; padding: 5px 10px; text-align: right} .onlineBox_all .entries-rows-wrapper .additionalLinks a {display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 16px; text-decoration: none; background-color: rgba(38,43,86,1); color: white; margin: 0 10px; text-align: left} .onlineBox_all .entries-rows-wrapper .additionalLinks a:first-child {margin-left: 0} .onlineBox_all .entries-rows-wrapper .additionalLinks a:last-child {margin-right: 0} .onlineBox_all .entries-rows-wrapper .additionalLinks a img {display: inline-block; font-size: 0; line-height: 0; background-color: white; padding: 0 5px; margin: -5px 5px -5px -10px; width: 36px; height: 36px; vertical-align: middle} .onlineBox_all .entries-rows-wrapper .additionalLinks a span {display: inline-block; vertical-align: middle} .onlineBox_all .entries-rows-wrapper .additionalLinks a.linkOnline {background-color: crimson; color: white} .onlineBox_all .entries-rows-wrapper .additionalLinks a.linkOnline img {background-color: white; padding: 0 5px; margin: -5px 5px -5px -10px;} .online-section .entries-rows-legend {padding-bottom: 0; padding-top: 0} .online-section .onlineBox_all + .entries-rows-legend {padding-top: 33px} @media screen and (min-width: 400px) { .onlineBox_all .entries-rows-list .entry-row-values .entry-title {display: none; text-align: center} .onlineBox_all .entries-rows-list .entries-rows-wrapper.header-row .entry-row-values .entry-title {display: table-cell} .onlineBox_all .entries-rows-list .entry-value.score {width: 25%} .onlineBox_all .entries-rows-list .entry-value.teamName {width: 37.5%; font-size: 16px; line-height: 16px} .onlineBox_all .entries-rows-list .entry-value.teamName .fullName {display: none} .onlineBox_all .entries-rows-wrapper .additionalLinks a {display: block; margin: 10px 0} .onlineBox_all .entries-rows-wrapper .additionalLinks a:first-child {margin-top: 0} .onlineBox_all .entries-rows-wrapper .additionalLinks a:last-child {margin-bottom: 0} } @media screen and (min-width: 500px) { .onlineBox_all .entries-rows-list .entry-value.teamName {font-size: 17px; line-height: 18px} .onlineBox_all .entries-rows-wrapper .additionalLinks {text-align: center} .onlineBox_all .entries-rows-wrapper .additionalLinks a {display: inline-block; margin: 0 10px} } @media screen and (min-width: 600px) { .onlineBox_all .entries-rows-list .entry-value.score {width: 120px} .onlineBox_all .entries-rows-list .entry-value.teamName {width: 39%;} .onlineBox_all .entries-rows-list .entry-value.teamName .fullName {display: block} .onlineBox_all .entries-rows-list .entry-value.teamName .shortName {display: none} .onlineBox_all .entries-rows-list .entry-row.events .team > span > span > span.short {display: none} .onlineBox_all .entries-rows-list .entry-row.events .team > span > span > span.full {display: block} } @media screen and (min-width: 700px) { .onlineBox_all .entries-rows-list .entries-rows-wrapper.header-row .entry-title {font-size: 22px;} .onlineBox_all .entries-rows-list .entry-value.score {width: 120px} .onlineBox_all .entries-rows-list .entry-value.teamName {width: 32%;} .onlineBox_all .entries-rows-list .entry-value.eventMinute {width: 8%} .onlineBox_all .entries-rows-list .entry-value.team {width: 46%;} } @media screen and (min-width: 1000px) { /*.onlineBox_all .entries-rows-list .entries-rows-wrapper.header-row .entry-title {padding-left: 128px}*/ .onlineBox_all .entries-rows-list .smallSite {display: none} .onlineBox_all .entries-rows-list .entry-row-values .entry-title {display: table-cell} .onlineBox_all .entries-rows-list .entry-value.teamIco {display: none} .onlineBox_all .entries-rows-list .entry-value.score {width: 25%} .onlineBox_all .entries-rows-list .entry-value.teamName {width: 37.5%;} .onlineBox_all .entries-rows-list .entry-value.eventMinute {width: 15%} .onlineBox_all .entries-rows-list .entry-value.team {width: 42.5%;} .onlineBox_all .entries-rows-wrapper .additionalLinks {text-align: right} } @media screen and (min-width: 1100px) { .onlineBox_all .entries-rows-list .entry-value.teamIco {display: table-cell} .onlineBox_all .entries-rows-list .entry-value.score {width: 120px} .onlineBox_all .entries-rows-list .entry-value.teamName {width: 33%;} } @media screen and (min-width: 1200px) { .onlineBox_all .entries-rows-list .entry-value.eventMinute {width: 10%} .onlineBox_all .entries-rows-list .entry-value.team {width: 45%;} .onlineBox_all .entries-rows-list .entry-value.eventMinute strong {font-size: 15px;} } @media screen and (min-width: 1300px) { .onlineBox_all .entries-rows-list .entry-value.score {width: 120px} .onlineBox_all .entries-rows-list .entry-value.teamName {width: 35%;} .onlineBox_all .entries-rows-list .entry-value.eventMinute {width: 7%} .onlineBox_all .entries-rows-list .entry-value.team {width: 46.5%;} } .online-wrapper div, .online-wrapper span, .online-wrapper strong {-moz-box-sizing: border-box; box-sizing: border-box;} .online-wrapper > div.online-video-box {background: rgba(38,43,86,0.1); vertical-align: middle} .online-wrapper .online-video-box iframe {display: block; margin: 0; font-size: 0; line-height: 0} /*.online-wrapper .online-details-box {width: 350px;}*/ .online-wrapper .online-details-box .online-details-content h2 {margin: 20px 0 0 0; padding: 5px 0; background-color: rgba(38,43,86,0.05); font-size: 15px; line-height: 28px; text-transform: uppercase; text-align: center; border-bottom: 2px solid white; height: 28px; overflow: hidden} .online-wrapper .online-details-box .online-details-content .online-events-list {overflow-y: auto; overflow-x: hidden;} .online-wrapper .online-events-list .online-event-entry {display: table; width: 100%; font-size: 16px; line-height: 18px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb} .online-wrapper .online-events-list .online-event-entry:first-child {margin-top: 10px} .online-wrapper .online-events-list .online-event-entry:last-child {margin-bottom: 0; border-bottom: 0} .online-wrapper .online-events-list .online-event-entry > span, .online-wrapper .online-events-list .online-event-entry > strong {display: table-cell; vertical-align: middle; padding-bottom: 10px} .online-wrapper .online-events-list .online-event-entry > strong {width: 60px; font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 15px; text-align: center} .online-wrapper .online-events-list .online-event-entry > strong small {line-height: 14px; font-size: 12px; font-weight: normal; display: inline-block} .online-wrapper .online-events-list .online-event-entry .ico {width: 50px; text-align: center} .online-wrapper .online-events-list .online-event-entry .ico img {width: 25px; height: 25px} .online-wrapper .online-events-list .online-event-entry .details small {display: block; font-size: 12px; line-height: 16px; color: gray; margin-top: 0; font-weight: bold} @media screen and (min-width: 1000px) { .online-wrapper {display: table; width: 100%} .online-wrapper > div {display: table-cell; vertical-align: top} .online-wrapper .online-details-box {width: 350px; padding-left: 30px} .online-wrapper .online-details-box .online-details-content h2 {margin-top: 0} } @media screen and (min-width: 1200px) { .online-wrapper .online-details-box {width: 400px;} } /******************************************************************************* Архив турниров *******************************************************************************/ .archiveTournamentsList {padding: 40px 0; border-bottom: 1px solid #dbdbdb} .archiveTournamentsList:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0} .archiveTournamentsList .entry-content .entry-title {font-weight: 200; margin: 0; font-size: 22px; line-height: 26px; text-align: left; position: relative; color: black; margin-bottom: 10px} .archiveTournamentsList .entry-content .entry-text ul {padding:0; margin:0; list-style-type: none; font-size: 17px; line-height: 22px;} .archiveTournamentsList .entry-content .entry-text ul li {padding-left: 40px} .archiveTournamentsList .entry-content .entry-text ul a {display: inline-block; text-decoration: none; margin: 5px 0; border-bottom: 1px solid transparent; color: #005d8d} .archiveTournamentsList .entry-content .entry-text ul a:hover {border-bottom: 1px solid black} .archiveTournamentsList .entry-content .entry-text ul li:first-child a{margin-top: 0} .archiveTournamentsList .entry-content .entry-text ul li:last-child a{margin-bottom: 0} .archiveTournamentsList .entry-content .entry-text ul a img {width: 10px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; margin-right: 3px} .archiveTournamentsList .entry-content .entry-text ul a span {display: inline-block; vertical-align: middle} @media screen and (min-width: 700px) { .archiveTournamentsList .entry-content {display: table; width: 100%} .archiveTournamentsList .entry-content > div {display: table-cell; vertical-align: top} .archiveTournamentsList .entry-content .entry-title {width: 450px; margin-bottom: 0; font-size: 24px; line-height: 28px;} }