/* HTML5 display-role reset for older browsers */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, 
cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, 
embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration: none; }

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
body img { line-height: 0; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
b,strong{ font-weight: bold; }
i,em{ font-style: italic; }
u{ text-decoration: underline; }
li{ margin: 0px; }
ol li{ list-style-type: decimal; }
ul li{ list-style-type: disc; }
sup, sub{ font-size: .8em; position: relative; } 
sup { bottom: 1.0ex; }
sub { top: .5ex; }
strike{ text-decoration: line-through; }
.none{ display: none !important; }
input, textarea, select, button{ font: none; font: -webkit-small-control; }

.wu{	text-transform: uppercase; }
.wl{	text-transform: lowercase; }
.right, r, .r { float: right !important; }
.left, l, .l { float: left !important; }
.center, c, .c{ text-align: center !important; text-align: -webkit-center !important; }
.clear{ clear: both; }




load{display:none; }
body { font-family: 'Calibri', 'San Francisco', 'Arial Narrow', 'Arial', 'helvetica', sans-serif; font-size: 14px; line-height: 1.39; background: #e4e8e8; width: 100%; min-width: 320px; height: 100%; max-width: 500px; margin: 0 auto; }

/* ----- wrap ----- */
.wrap{ display: table; width: 100%; min-width: 320px; max-width: 620px; position: relative; margin: 0 auto; background: #fff; }
.wrap{ box-shadow: 0 0 15px #b1b1b1; }

/* ----- banner ----- */
.banner { position: relative; width: 100%; margin-bottom: 20px; text-align: center; line-height: 0px; }
.banner .adv { display: block; width: 100%; text-align: center; z-index: 1; position: relative; line-height: 0px; }
.banner .adv>div {display: inline-block; text-align: leaft;}
.banner ins{ margin: 0 auto !important; }

.logo{ background: url(/templates/sovsport/style/img/logosovsport.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 40px; display: block; z-index: 2; position: relative; margin: 10px 0;}

.head{ box-shadow: 0px 0px 8px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5); display: table; width: 100%; z-index: 2; position: relative; }

.scroll .items::-webkit-scrollbar { width: 0; }
.scroll .items { -ms-overflow-style: none; }
.scroll .items { overflow: -moz-scrollbars-none; }

.wrap>.menu{ display: block; position: fixed; height: 100%; width: 3px; background: #ea0035; z-index: 99999; box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3); }
.wrap>.menu.open{ width: 70%; }
.wrap>.menu .more{ background: #ea0035; border: none; height: 55px; width: 18px; position: absolute; display: block; border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; top: 40px; right: -16px; box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.3); }
_wrap>.menu .more:before{ content: ''; position: absolute; background: #ea0035; width: 40px; height: 64px; top: -4px; left: -16px; }
.wrap>.menu .more i,
.wrap>.menu .more b{ color: #fff; position: absolute; top: 18px; right: 5px; font-family: monospace; font-style: normal; }
.wrap>.menu.open .more i{ display:none; }
.wrap>.menu .more b{ display:none; }
.wrap>.menu.open .more b{ display:block; }

.wrap>.menu .items{ display: none; position: relative; margin-bottom: 10px; }
.wrap>.menu .items hr{height: 1px; background: #fff; border: none;}
.wrap>.menu.open .items{ display:block; overflow-y: scroll; height: 100%; padding-bottom: 100px;}
.wrap>.menu .items .item{ display: block; position: relative; padding: 0 15px; line-height: 30px; color: #ffffff; font-size: 15px; font-weight: bold;}

.wrap>.menu.sports{ box-shadow: 0px 0px 8px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5); margin-top: -10px; z-index: 1; }
.wrap>.menu.sports .items .item[n="0"]{ margin-left: 10px; }

.back{ background: #ffffff; height: 20px; width: 20px; position: fixed; display: block; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; top: 14px; right: 10px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); z-index: 9999; }
.back i{ font-style: normal; font-family: monospace; color: #000; position: absolute; top: 0px; left: 5px;}

.relatedInList{ padding: 10px; text-align: left; }

.footer{ padding: 15px; margin-top: 20px; background: #4e4e4e; }
.footer .menu{ margin-bottom: 10px; border-bottom: 1px solid #8c8c8c; padding-bottom: 10px; height: auto; }
.footer .menu a{ color: #fff; padding-right: 15px; display: block; }
.footer c{ color: #fff; text-align: left!important; display: block; }

.footer counter{ display: block; padding: 10px; line-height: 0; text-align: center; }
.footer counter a{ display: inline-block; }

/* ----- lastVideo ----- */
.lastVideo{ padding: 5px 15px; }
.lastVideo iframe{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }



/* ----- listArticle ----- */
.listItems{ display: block; position: relative; margin-bottom: 10px; }
.listItems .item{ position: relative; padding: 10px; }
.listItems .item a.full{ position: absolute; display: block; left: 0px; top:0px; width: 100%; height: 100%; z-index: 1; }
.listItems .item a.full1{ display: block; width: 100%; height: 100%; z-index: 1; color: black; }
.listItems .item .cover{ background-repeat: no-repeat; background-size: cover; height: 200px; }
.listItems .item img{ width:100%; }
.listItems .item img{ border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
.listItems .item .info{ display: block; padding: 5px 10px 0 10px; }
.listItems .item .info .sport,
.listItems .item .info .date{ display: block; position: relative; line-height: 1.39; font-size: 11px; color: #9e9e9e; float: left; }
.listItems .item .info .date{ float: right; }
.listItems .item .info .name{ display: block; clear: both; font-weight: bold; padding-top: 5px; margin-bottom: 10px; font-size: 19px; line-height: 20px; }
.listItems .item .info .lead{ display: block; color: #565656; }
.listItems .banner{ margin-bottom:0px; }

.listItems #banner-21{ display: table; margin-bottom: 20px; }
.listItems #banner-21 .cover-bg{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 230px; display: block; position: relative; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.listItems #banner-21 box{ display: block; padding: 5px 10px 0 10px; text-align: left;}
.listItems #banner-21 name{ display: block; clear: both; font-weight: bold; padding-top: 5px; margin-bottom: 10px; font-size: 19px; line-height: 20px; }
.listItems #banner-21 lead{ display: block; color: #565656;   line-height: 18px; margin-bottom: 18px; }

.listItems #banner-34{ display: table; margin-bottom: 20px; }
.listItems #banner-34 .cover-bg{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 230px; display: block; position: relative; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.listItems #banner-34 box{ display: block; padding: 5px 10px 0 10px; text-align: left;}
.listItems #banner-34 name{ display: block; clear: both; font-weight: bold; padding-top: 5px; margin-bottom: 10px; font-size: 19px; line-height: 20px; }
.listItems #banner-34 lead{ display: block; color: #565656;   line-height: 18px; margin-bottom: 18px; }

/* ----- lastNews ----- */
.lastNews{ position: relative; padding: 7px 20px 0px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; background: #fbfbfb; }
.lastNews .name{ border-bottom: 1px dotted #d2d1d1; padding-bottom: 5px; font-weight: bold; display: table; width: 100%; }
.lastNews .name span{ color:#ef0001; }
.lastNews .name a{ color: #ef0001; float: right; }
.lastNews .item{border-bottom: 1px dotted #d2d1d1; line-height: 15px; overflow: hidden; position: relative; display: block; padding: 5px 0; }
.lastNews .item a{ color: #000; width: 100%; padding: 5px 0; display:block; clear: both; line-height: 18px; }
.lastNews.noSport .item a{ width:90%; }
.lastNews .item:hover a{ color: #000; }
.lastNews .item .time { padding-right: 10px; color: #9e9e9e; float: left; }
.lastNews .item .sport { padding-left: 10px; color: #9e9e9e; float: right; }
.lastNews.n5 .item[n="5"]{ border:none; }
.lastNews.n9 .item[n="9"]{ border:none; }
.lastNews.n10 .item[n="10"]{ border:none; }

/* ----- carousel ----- */

.carousel{ width: 100%; display: block; position: relative; margin-bottom: 10px; height: 141px; overflow: hidden; }
.carousel .items{ display: block; position: relative; margin-bottom: 10px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: 158px; width: 1px; }
.carousel .items .item{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; width: 212px; height: 141px; margin-right: 12px; margin-left: 0; vertical-align: top; overflow: hidden; position: relative; white-space: initial; color: #fff; }
.carousel .items .item[n="0"]{ margin-left: 10px; }
.carousel .items .item:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(0,0,0,.5); }
.carousel .items .item a.full{ position: absolute; display: block; width: 100%; height: 100%; z-index: 1; }

.carousel .items .item .category { display: block; position: absolute; padding: 5px 10px; line-height: 1.39; font-size: 13px; top: 0px; color: #fff; text-transform: uppercase; }
.carousel .items .item .date{ position: absolute; bottom: 0px; display: none; }
.carousel .items .item .name{ position: absolute; display: block; padding: 0 10px 10px; bottom: 0px; font-size: 14px; line-height: 17px; font-weight: bold; }


/* ----- material ----- */

.material header{ position: relative; width: 100%; }
.material header .cover{ position: relative; text-align: center; display: table; width: 100%; line-height: 0px; }
.material header .cover img{ max-width: 100%; }
.material header .video{ width: 100%; position: relative; padding-bottom: 56.25%; height: 0; }
.material header .video video,
.material header .video iframe{position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: 1;}
.material header h1{ display: table; padding: 0 20px;  width: 100%; font-size: 25px; line-height: 26px; font-family: unset; z-index: 1; font-weight: bold;  margin-bottom: 10px; }

.material header .info{ color: #6b6b6b; display: block; padding: 0 20px; margin-bottom: 10px; margin-top: 15px; }
.material header .info .date{  padding-right: 10px; }
.material header .info .parent{  }
.material header .info .author{ display: block;  }
.material header .info .author a{ color: #6b6b6b; }
.material .lead{ padding: 0 20px; font-size: 18px; line-height: 24px; position: relative; margin-bottom: 20px; display: block; color: #6b6b6b; }
.material .lead:after { background: #eb1c00; content: ""; left: 0px; position: absolute; width: 25%; height: 4px; bottom: -15px; }
.material .share{ padding: 5px 10px 10px; }

.material .wysiwyg{ position:relative; display:block; }
.material .wysiwyg .content{ padding: 0 20px; display: block; position: relative; }
.material .wysiwyg .content h2,
.material .wysiwyg .content h3,
.material .wysiwyg .content h4{ font-size: 24px; line-height: 28px; margin-bottom: 15px; }
.material .wysiwyg .content p{ margin-bottom: 15px; line-height: 24px; font-size: 18px; text-align: left; }
.material .wysiwyg .content a{ color: #eb1c00; text-decoration: underline; }
.material .wysiwyg .content ol,
.material .wysiwyg .content ul{ list-style: none; border-top: 1px solid #e4e8e8; border-bottom: 1px solid #e4e8e8; padding: 10px 20px;  background: #f9f9f9;  margin-bottom: 20px;}
.material .wysiwyg .content ol li{ list-style-type: disc; padding-left: 5px; list-style-type: decimal; padding-bottom: 15px; }
.material .wysiwyg .content ul li{ list-style-type: disc; padding-left: 5px; list-style-type: disc; padding-bottom: 15px;}

.material .wysiwyg .content iframe{	width: 100% !important; min-height: 200px !important; min-width: 200px !important; }
.material .wysiwyg .content .table{	width: 100% !important; width: 300px !important; }
.material .wysiwyg .content twitter-widget{ margin: 0 auto 15px; width: 100% !important;  max-width: 280px !important; }
.material .wysiwyg .content>img{ max-width: 100%; margin-bottom: 15px; }
.material .wysiwyg .content .image{ display: grid; background: #f5f5f5; line-height: 0; margin-bottom: 15px; clear: both; text-align: center; }
.material .wysiwyg .content .image img{ margin-bottom: 0px; max-width: 100%; }
.material .wysiwyg .content .image .img-author{ color: #cecece; float: right; padding: 10px; line-height: 20px; text-align: left; }
.material .wysiwyg .content .image .img-lead{ display: table; width: 100%; color: #737373; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; padding: 0 15px; }
.material .wysiwyg .content .image .img-lead p{ font-size: 16px; line-height: 20px; }
.material .wysiwyg .content blockquote{ font-size: 18px; line-height: 22px; text-align: center; font-weight: bold; padding: 10px 10px; border: 2px solid #333; border-width: 2px 0; position: relative; margin: 30px auto; display: block; width: 100% !important;  max-width: 280px !important; overflow: hidden; }
.material .wysiwyg .content blockquote::after,
.material .wysiwyg .content blockquote::before { content: ''; position: absolute; background-repeat: no-repeat; background-size: contain; background-color: #fff; background-position: center; width: 40px; height: 30px; }
.material .wysiwyg .content blockquote::before{ left: 0; top: -15px; border-right: 10px solid #fff; }
.material .wysiwyg .content blockquote::after{ right: 0; bottom: -15px; border-left: 10px solid #fff; }

.material .wysiwyg .content .sources{ text-align:right; margin-bottom:15px; }

.material .wysiwyg .ri{ position: relative; clear: both; }
.material .wysiwyg .recipeIngredient{ position: relative; clear: both; padding: 20px; border-left: 2px solid #3b5998; background: #f5f5f5; margin-bottom: 15px; }
.material .wysiwyg .recipeIngredient p{ margin-bottom:5px; }
.material .wysiwyg .recipeInstructions{ position: relative; clear: both; padding: 20px; border-left: 2px solid #65bc54; background: #f5f5f5; margin-bottom: 15px; }
.material .wysiwyg .recipeInstructions p{ margin-bottom:10px; }
.material .wysiwyg .head-recipe{ position: relative; clear: both; text-align: center; font-size: 20px; border-bottom: 1px solid #d2d2d2; margin-bottom: 15px; padding-bottom: 20px; }
.material .wysiwyg .head-recipe .recipeCategory{ text-transform: uppercase; font-size: 16px; font-weight: bold; }
.material .wysiwyg .head-recipe .recipeCuisine{  }
.material .wysiwyg .head-recipe .recipeName{ font-size: 25px; font-weight: bold; }
.material .wysiwyg .head-recipe .nutritionCalories{ font-size: 14px; }
.material .wysiwyg .head-recipe .totalTime{ font-size: 14px; }

.related .linkNews{ margin-bottom: 15px; padding: 10px 20px 0px; border-top: 1px solid #e3e7e7; }
.related .linkNews a{ display: block; margin-bottom: 5px; color: #000; font-weight: bold; text-decoration: underline; }
.related .linkNews a span{ color:#de0505; }

.related .share{ padding: 5px 0 5px 10px; }
.related .tags{ margin: 0 0 10px; padding: 0 20px; border-top: 1px solid #e4e8e8; width: 100%; display: table; }
.related .tags a{ color: #000; line-height: 25px; display: block; float: left; padding: 0 10px; background: #e4e8e8; margin: 1px 1px 0 0; text-decoration: none; }
.related .tags a:hover{ background: #222; color: #fff; }
.related .source{ text-align: right; display: block; width: 100%; padding: 0 20px; line-height: 30px; }
.related .source a{ color: #000; }
.related .source a:hover{ color: #eb1c00; }
.related .comments{ padding: 10px; width: 100%; display: table; }

.related .thems{ display: table; width: 100%; border-top: 1px dotted #d2d1d1; padding: 10px 20px 0px; margin-bottom: 15px; }
.related .thems name{ font-weight: bold; margin-bottom: 5px; display: block; }
.related .thems a{ display: block; color: #000; margin-bottom: 5px; }
.related .thems a:hover{ color: #eb1c00; }

.related .more{ display: table; width: 100%; border-top: 1px dotted #d2d1d1; padding: 20px; }

/* ----- match ----- */
.m-days{ float: left; margin-bottom: 5px; }
.m-days a{ color: #808080; font-weight: bold; padding-right: 2px; }
.m-days a:hover,
.m-days a[hover]{ color: #d30015; cursor: pointer; }

.timeLine-match .days a:hover,
.timeLine-match .days a[hover],
.timeLine-match .sports span:hover,
.timeLine-match .sports span[hover]{ color: #d30015; cursor: pointer; }



.m-match { padding: 10px; position: relative; }
.m-match .head-competition{ display: table; position: relative; width: 100%; background: #f5f5f5; padding: 10px; margin-bottom: 20px; border-radius: 10px;  -moz-border-radius: 10px;  -webkit-border-radius: 10px; }
.m-match .head-competition .logo{ display: block; float: left; margin: 0px; width: 40px; background: #fff; border: #000; line-height: 0; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.m-match .head-competition .logo img{	max-width: 100%;	max-height: 100%;}
.m-match .head-competition:before{ content: ''; position: absolute; width: 100%; height: 1px; background: #c7c7c7; bottom: -30px; left: 0px; margin-bottom: 20px; }
.m-match .head-competition h2{ float: left; font-size: 12px; font-weight: bold; color: #000; padding-left: 10px; }
.m-match .head-competition h2 a{ color: #000; }
.m-match .head-competition h2 a:hover{ color: #d30015; cursor: pointer; }
.m-match .head-competition p.lead{ }

.m-match .head-match{ border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 10px; }
.m-match .head-match date{ color: #808080; text-align: center; display: table; width: 100%; }
.m-match .head-match status{ display: table; text-align: center; width: 100%; font-weight: bold; }
.m-match .head-match .teams{ width: 100%; position: relative; display: table; }
.m-match .head-match .teams .team{ float: left; width: 33.3333%; text-align: center; }
.m-match .head-match .teams .score{ float: left; width: 33.3333%; text-align: center; font-size: 50px; }
.m-match .head-match .teams .team name{ display: block; font-weight: bold; }

.timeLine-match{ padding: 5px 15px 10px; border-bottom: 1px solid #d7dada; background: #f7f7f7; }
.timeLine-match .items{ position: relative; overflow: hidden; height: 101px; clear: both;  overflow-x: scroll; }
.timeLine-match .items .list{ }
.timeLine-match .items .item{ position: relative; width: 250px; background: #fff; border: 1px solid #e2e2e2; padding: 5px 10px; font-size: 13px; float: left; margin-right: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.timeLine-match .items .item .match{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }
.timeLine-match .items .item info{ display: table; width: 100%; position: relative; height: 24px; border-bottom: 1px solid #e2e2e2; margin-bottom: 5px; z-index: 2; }
.timeLine-match .items .item img.tournament{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); position: absolute; top: 0px; opacity: 0.05; right: 0px; height: 100%; }
.timeLine-match .items .item info .tournament{ color: #000; position: absolute; font-weight: bold; }
.timeLine-match .items .item info .tournament:hover{ color: #d30015; }
.timeLine-match .items .item info status{ position: absolute; right: 0; color: #a2a2a2; background: #fff; padding-left: 5px;  }
.timeLine-match .items .item team{ display: table; width: 100%; position: relative; height: 25px; }
.timeLine-match .items .item team img{ width: 25px; }
.timeLine-match .items .item team name{ position: absolute; top: 4px; left: 40px; font-weight: bold; }
.timeLine-match .items .item team spec{ position: absolute; top: 4px; right: 25px; color: #a2a2a2; text-align: center; width: 40px; font-weight: bold; }

.timeLine-match .items .item kof{ position: absolute;top: 32px; right: 3px; font-size: 11px; text-align: center; padding: 2px; z-index: 4; font-family: revert; }
.timeLine-match .items .item kof a{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.timeLine-match .items .item k1,
.timeLine-match .items .item k2,
.timeLine-match .items .item kX{ display: block; position: relative;  color: #003B5F; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #bfe2fc; padding: 2px 3px 2px 20px; width: 42px; }
.timeLine-match .items .item kX{ margin: 2px 0; }
.timeLine-match .items .item k1 n,
.timeLine-match .items .item k2 n,
.timeLine-match .items .item kX n{ position: absolute; left: 7px; }

.timeLine-match .bcl{ background: url(/templates/sovsport/style/img/bc2.svg) no-repeat; background-size: contain; position: absolute; right: 20px; width: 190px; top: 3px; height: 30px; }
.m-listMatch .bcl{ background: url(/templates/sovsport/style/img/bc2.svg) no-repeat; background-size: contain; position: absolute; right: 20px; width: 45%; top: 2px; height: 30px; }


.m-tournament{ text-align: center; margin-bottom: 10px; border-bottom: 1px solid #c7c7c7; padding-bottom: 10px; }
.m-tournament .name{ font-weight: bold; font-size: 20px; display: block; color: #000; }
.m-tournament .name:hover{ color: #d30015; }
.m-tournament .tour{ font-weight: bold; font-size: 15px; }

.m-match .m-days,
.m-tournament .m-days{ text-align: right; width: 100%; padding: 0px 15px 10px; border-bottom: 1px solid #c7c7c7; }
.m-match .m-days{ padding: 0 0 10px; margin-bottom: 10px; }
.m-match .m-days .mc,
.m-tournament .m-days .mc{ float: left; }

.m-listMatch{ padding: 0 15px;  position: relative; }
.m-listMatch .items{ clear: both; }
.m-listMatch .items .tournament{ background-color: #fbfbfb; margin-top: -1px; border-top: 1px solid #d7d8dc; border-bottom: 1px solid #d7d8dc; width: 100%; display: block; height: 30px; position: relative; }
.m-listMatch .items .tournament img{ position: absolute; top: 1px; }
.m-listMatch .items .tournament .name{ color: #000; position: absolute; font-weight: bold; left: 30px; top: 4px; }
.m-listMatch .items .tournament .name:hover{ color: #d30015; cursor: pointer; }
.m-listMatch .items .item{ border-bottom: 1px dotted #d7d8dc; line-height: 18px; padding: 4px; position: relative; }
.m-listMatch .items .item .time{ display: block; padding: 2px 5px; color: #757575; }
.m-listMatch .items .item .name{ width: 80%; display: inline-block; padding: 2px 5px 20px; font-weight: bold; }
.m-listMatch .items .item .spec{ width: 16%; display: inline-block; padding: 2px 5px 20px; text-align: center; }
.m-listMatch .items .item .status{ display: block; padding: 2px 5px 20px; text-align: center; right: 0px; top: 5px; position: absolute; color: #757575; }
.m-listMatch .items .item:hover{ color: #d30015; cursor: pointer; background: #f7f7f7; }
.m-listMatch .items .item a.full{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }

.m-listMatch .items .item .bc1{ background: url(/templates/sovsport/style/img/bc1.svg) no-repeat; background-size: contain; position: absolute; left: 5px; bottom: 0px; width: 90px; height: 18px; z-index: 10;  }
.m-listMatch .items .item .bc2{ background: url(/templates/sovsport/style/img/bc2.svg) no-repeat; background-size: contain; position: absolute; left: 5px; bottom: 0px; width: 170px; height: 18px; z-index: 10;  }
.m-listMatch .items .item kof{ position: absolute; bottom: 0px; left: 90px; font-size: 11px; text-align: center; z-index: 10; font-family: revert; }
.m-listMatch .items .item kof a{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10;  }
.m-listMatch .items .item k1,
.m-listMatch .items .item k2,
.m-listMatch .items .item kX{ display: block; float: left; position: relative; color: #051854; -webkit-border-radius: 4px; background: #bfe2fc;  padding: 3px 3px 3px 3px; width: 50px; height: 19px; line-height: 19px; }
.m-listMatch .items .item kX{ margin: 0 2px; }
.m-listMatch .items .item k1 n,
.m-listMatch .items .item k2 n,
.m-listMatch .items .item kX n{ position: absolute; left: 4px; line-height: 16px; font-weight: normal; }
.m-listMatch .items .item k1 b,
.m-listMatch .items .item k2 b,
.m-listMatch .items .item kX b{ line-height: 16px; position: absolute; left: 22px; width: 20px; text-align: center; }

.textComposition{ display: table; width: 100%; margin-bottom: 20px; }
.textComposition h2{ padding: 10px; border-bottom: 1px solid #000; font-size: 20px; line-height: 24px; color: #afafaf; text-align: center; }
.textComposition .team_textComposition{ display: table; width: 50%; float: left; border: 10px solid #fff; }
.textComposition .team_textComposition li{ list-style: none; padding: 5px 20px; border-bottom: 1px solid #efefef; text-align: left; }
.textComposition .team_textComposition.-r li{ text-align: right; }


/* ----- textTranslation ----- */
.setTextTranslation{ position: relative; display: table; width: 100%; padding: 0 5px; margin-bottom: 20px; }
.setTextTranslation form{ background: #efefef; padding: 10px; }
.setTextTranslation form select{ width: 200px; height: 24px; margin-bottom: 5px; }
.setTextTranslation form input{ width: 70px; height: 24px; margin-bottom: 5px; padding: 0 5px; }
.setTextTranslation form input[type="submit"]{ width: 110px; float: right; }
.setTextTranslation form textarea{ width: 100%; padding: 10px; min-height: 180px; }

.textTranslation{ margin-bottom: 20px; padding: 0 5px; }
.textTranslation .name{ color: #000; font-weight: bold; border-bottom: 1px solid #dddcda; padding-bottom: 5px; }
.textTranslation h2{ padding: 10px; border-bottom: 1px solid #000; font-size: 20px; line-height: 24px;  color: #afafaf; }
.textTranslation li{ display: table; width: 100%; border-bottom: 1px dotted #d7d8dc; padding: 8px; line-height: 18px; }
.textTranslation li time{ float: left; display: table; width: 10%; }
.textTranslation li event{ float: left; display: table; width: 10%; }
.textTranslation li message{ float: left; display: table; width: 80%; }
.textTranslation li event i{ display: block; background: url(/templates/sovsport/style/img/ico-report.png) no-repeat; width: 23px; height: 15px; }
.textTranslation li event i[title="начало матча"],
.textTranslation li event i[title="перерыв"],
.textTranslation li event i[title="второй тайм"],
.textTranslation li event i[title="окончание матча"]{	background-position: -57px 0px; }
.textTranslation li event i[title="гол в большинстве"],
.textTranslation li event i[title="гол в меньшинстве"],
.textTranslation li event i[title="гол в пустые ворота"],
.textTranslation li event i[title="гол"]{	    background-position: 0 -60px; width: 18px; }
.textTranslation li event i[title="автогол"]{ width: 26px; height: 16px; background-position: -60px -60px; }
.textTranslation li event i[title="гол с пенальти"]{ width: 26px; height: 16px; background-position: 0 -60px; }
.textTranslation li event i[title="замена"]{	background-position: -57px -158px; }
.textTranslation li event i[title="желтая карточка"],
.textTranslation li event i[title="предупреждение"]{ width: 15px; height: 17px; background-position: 0 -20px; }
.textTranslation li event i[title="вторая желтая карточка"]{ width: 15px; height: 17px; background-position: -20px -20px; }
.textTranslation li event i[title="удаление"],
.textTranslation li event i[title="красная карточка"]{ width: 15px; height: 17px; background-position: -40px -20px; }
.textTranslation li event i[title="нереализованный пенальти"]{ width: 28px; height: 16px; background-position: -30px -60px; }
.textTranslation li event i[title="послематчевый пенальти"]{ width: 28px; height: 16px; background-position: 0 -80px; }
.textTranslation li event i[title="вышел из игры"]{ width: 15px; height: 17px; background-position: -40px -40px; }
.textTranslation li event i[title="вошел в игру"]{ width: 15px; height: 17px; background-position: -20px -40px; }