﻿

/** Data Keywords **/
.dataKeywords { display: inline-block; width: 100%; height: 74px;     margin: 20px 0 40px 0;background-color: #f2f2f2;padding: 15px 10px;height: 90px; border-right: 4px solid #0277bd;  position: relative; z-index: 2 }
.dataKeywords .item { display: inline-block; float: right; margin-left: 20px; width: calc((100% - 340px) / 2) }
.dataKeywords .item:nth-child(2) { width: 300px }
.dataKeywords .item:last-child { margin-left: 0 }
.dataKeywords .playerTeamInfo { float: right; display: inline-block; position: relative }
.dataKeywords .playerTeamInfo img { float: right; width: 54px; height: 54px; margin-left: 10px; }
.dataKeywords .playerTeamInfo .name { position: absolute; top: 50%; transform: translateY(-50%); right: 64px }
.dataKeywords .playerTeamInfo .name a {   text-align: right; margin-right: 0; display: block; line-height: 1.3 }
.dataKeywords .playerTeamInfo .name .first { font-size: 16px; color: #0277bd }
.dataKeywords .playerTeamInfo .name .second { font-size: 13px; color: #000; margin-top: 8px }
.dataKeywords .item .title { width: 100%; display: none; float: right; text-align: center; color: #000;   font-size: 11px; position: relative;margin-bottom:0 }
.dataKeywords .item.matches{margin-top:8px}
.dataKeywords .item .title a { text-align: center; line-height: 1.4 }
.dataKeywords .item ul { display: inline-block; width: 100%; float: right }
.dataKeywords .item ul li { display: inline-block; width: 100%; float: right }
.dataKeywords .item ul li .teamA, .dataKeywords .item ul li .teamB { float: right; width: calc((100% - 60px) / 2); text-align: center; margin-top: -4px; }
.dataKeywords .item ul li .teamA { padding-left: 12px }
.dataKeywords .item ul li .teamB { padding-right: 12px }
.dataKeywords .item ul li .teamA img, .dataKeywords .item ul li .teamB img { height: 20px; width: auto; border: none; display: inline-block }
.dataKeywords .item ul li .teamA .team, .dataKeywords .item ul li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000;   font-size: 11px; line-height: 1.2; text-align: center }
.dataKeywords .item ul li .resultDiv { float: right; width: 60px; margin-top: 4px }
.dataKeywords .item ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.dataKeywords .item ul li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0267A4; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center; float: right }
.dataKeywords .item ul li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #4D4D4D; font-family: Arial; font-size: 12px; text-align: center; float: right }
.dataKeywords .links { float: left; display: inline-block; margin-top: 9px; }
.dataKeywords .more { display: inline-block; padding: 10px 0; height: 36px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff;   font-size: 13px; line-height: 2.9; float: right; margin-left: 10px }
.dataKeywords .more:hover { background: #1b92d9; }
.dataKeywords .more:last-child { margin-left: 0 }
.dataKeywords .more span { float: left; margin-right: 10px; }
.dataKeywords .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.8; }
article .stats { width: 100%; height: 290px; }
article .stats.RelatedMatchstats { height: auto }
.fbComments .fb_iframe_widget_fluid_desktop iframe { width: 100% !important }

.euroInner .dataKeywords { border-radius: 6px }


@media screen and (min-width:1680px) and (max-width:1919px) {

    .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: calc((100% - 340px) / 2);}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
    .dataKeywords .playerTeamInfo .name{right: 55px;}
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}

}
@media screen and (min-width:1600px) and (max-width:1679px) {

      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: calc((100% - 340px) / 2);}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
    .dataKeywords .playerTeamInfo .name{right: 55px;}
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
}
@media screen and (min-width:1536px) and (max-width:1599px) {

      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: calc((100% - 340px) / 2);}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
    .dataKeywords .playerTeamInfo .name{right: 55px;}
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
}
@media screen and (min-width:1440px) and (max-width:1535px) {
      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: calc((100% - 340px) / 2);}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
    .dataKeywords .playerTeamInfo .name{right: 55px;}
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: calc((100% - 340px) / 2);}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
    .dataKeywords .playerTeamInfo .name{right: 55px;}
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}

}
@media screen and (min-width:1280px) and (max-width:1359px) {

   .euroInner .dataKeywords{height:140px}
    .dataKeywords .item{    width: 100%;margin-left:0}
     .dataKeywords .playerTeamInfo{    width: calc(100% - 300px);    border-left: 1px solid #e8e8e8;}
    .dataKeywords .item:nth-child(2){width: 300px;}
    .dataKeywords .more .icon-more:before{font-size:12px}
    .dataKeywords .links{width:100%}
    .dataKeywords .more{width:calc((100% - 10px) /2)}

}
@media screen and (min-width:1152px) and (max-width:1279px) {

    .euroInner .dataKeywords{height:auto}
       .dataKeywords .item { width: 100%; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    .dataKeywords .item:nth-child(2) { width: 100% }
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0 }
    .dataKeywords .item:last-child:after { display: none }


}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .dataKeywords{height:auto}
     .dataKeywords .item { width: 100%; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    .dataKeywords .item:nth-child(2) { width: 100% }
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0 }
    .dataKeywords .item:last-child:after { display: none }

}

@media screen and (min-width:320px) and (max-width:767px) {
        .dataKeywords { height: auto }
    .dataKeywords .item { width: 100%; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    .dataKeywords .item:nth-child(2) { width: 100% }
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0 }
    .dataKeywords .item:last-child:after { display: none }
    .dataKeywords .links { width: 100%; margin-top: 0 }
    .dataKeywords .more { width: calc((100% - 10px) / 2) }
}

