/* 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; }




body { font-family: 'Calibri', 'San Francisco', 'Arial Narrow', 'Arial', 'helvetica', sans-serif; font-size: 14px; line-height: 1.39; width: 100%; min-width: 320px; height: 100%; }
body.openMenu{ overflow: hidden; height: 100vh; } 


/* ----- wrap ----- */
.wrap{ display: table; width: 100%; position: relative; margin: 0 auto; padding: 0px; padding-top: 60px; background: #fff; }
.wrap .web{ display: table; width: 100%; max-width: 480px; position: relative; float: right; }

/* ----- banner ----- */
.banner { position: relative; width: 100%; margin-bottom: 10px; }
.banner .adv { display: block; width: 100%; text-align: center; z-index: 1; position: relative; }

/* ----- carousel ----- */
.carousel{ display: block; overflow-x: scroll; position: relative; }
.carousel::-webkit-scrollbar { width: 0; height: 0px; }
.carousel { -ms-overflow-style: none; }
.carousel { overflow: -moz-scrollbars-none; }
.carousel .items{ display: block; width: 1000%; }
.carousel .items .item{ display: block; position: relative; float: left; overflow: hidden; margin-left: 10px; }
.carousel .items .end{ display: block; position: relative; float: left; width: 10px; }

/* ----- navigation ----- */
.navigation{ display: table; width: 100%; position: fixed;     top: 0px; height: 40px; background: #c7012d; box-shadow: 0 0 5px rgba(0, 0, 0, 0.49); z-index: 100; }
.navigation .logo{ display: block; width: 150px; height: 30px; background: url(/templates/sovsport/style/img/logo95.svg?v1) center no-repeat; background-size: 70%; margin: 0 auto; }
.navigation .search { display: block;  position: absolute; right: 10px; top: 6px; width: 24px; height: 24px; background: url(/templates/sovsport/style/img/sprite.svg?v1) no-repeat; background-position: -72px -360px; }
.navigation .menu{ }
.navigation .menu .items{ }
.navigation .menu .items .item{ color: #fff; padding: 5px 8px; margin: 0; }
.navigation .bnt-menu{ left: 0; top: 0; padding: 10px; position: absolute; }
.navigation svg{ width: 20px; height: 16px; display: block; }

/* ----- head-menu ----- */

.head-menu{ display: block; position: fixed; top: 0px; z-index: 100; opacity: 0; left: -70%; width: 70%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.49); max-width: 300px; height: 100%; background: #c7012d; overflow-y: scroll; padding-bottom: 100px; }
.head-menu a{ position: relative; display: block; color: #fff; font-size: 18px; }
.head-menu.open{ left: 0px; opacity: 1; }
.head-menu .allRubr, 
.head-menu .allSports { display: block; padding: 10px 20px; border-bottom: 1px solid #fff; background: #c7012d; z-index: 10; position: relative; }
.head-menu .bg{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.32); z-index: 1; }
.head-menu.open .bg{ display: block; }

/* ----- content ----- */
.content{ max-width: 400px; margin: 0 auto; }

/* ----- footer ----- */
.footer{ position: relative; background: #3a3b3f; width: 100%; display: table; padding: 10px; margin-bottom: 25px; }
.footer .menu{ margin-bottom: 10px; }
.footer .menu a{ color: #fff; padding: 4px 5px; display: block; }
.footer .copyright{ color: #fff; text-align: center; text-transform: uppercase; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; padding-top: 10px; padding-bottom: 10px; }
.footer .counter{ text-align: center; padding-top: 10px; }

.footer .social{ font-size: 24px; width: 100%; margin-bottom: 10px; display: table; }
.footer .social a{ margin-right: 5.5px; margin-bottom: 5px; cursor: pointer; width: 24px; height: 24px; display: block; float: left; position: relative; }
.footer .social a:before { display: block; position: absolute; content: ""; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/templates/sovsport/style/img/sprite.svg?v1) center no-repeat; opacity: 0.8; }

.footer .social a.ico-ss-ios,
.footer .social a.ico-ss-vk{ clear: both;}
.footer .social a.ico-ss-ios{ width: 120px; height: 40px; }
.footer .social a.ico-ss-ios:before{ width: 120px; height: 40px; background-position: -405px -496px; }
.footer .social a.ico-ss-android{ width: 135px; height: 40px; }
.footer .social a.ico-ss-android:before{ width: 135px; height: 40px; background-position: -260px -496px;   }

.footer .social a.ico-ss-fb:before{ background-position: -0px -520px;   }
.footer .social a.ico-ss-vk:before{ background-position: -24px -520px;   }
.footer .social a.ico-ss-tw:before{ background-position: -72px -520px;   }
.footer .social a.ico-ss-in:before{ background-position: -96px -520px;   }
.footer .social a.ico-ss-yt:before{ background-position: -120px -520px;   }
.footer .social a.ico-ss-zn:before{ background-position: -144px -520px;   }
.footer .social a.ico-ss-tg:before{ background-position: -168px -520px;   }
.footer .social a.ico-ss-mt:before{ background-position: -192px -520px;   }
.footer .social a.ico-ss-fl:before{ background-position: -216px -520px;   }
.footer .social a.ico-ss-gn{ width: 120px; }
.footer .social a.ico-ss-gn:before{ background-position: -108px -472px;	width: 120px;    }
.footer .social a.ico-ss-yn{ width: 108px; }
.footer .social a.ico-ss-yn:before{ background-position: 0 -472px;	width: 108px;    }

/*----- days ----- */
.days{  float: left; display: table; width: 100%; }
.days>.name{ border-bottom: 1px dotted #d2d1d1; padding: 8px 10px; font-weight: bold; display: table; width: 100%;}
.days>.name a{ color: #757575; padding: 0 5px; }
.days>.name a:hover,
.days>.name a[hover]{ color: #de0505; }
.fix .days>.name{ border-bottom: none; padding-bottom: 5px; max-width: 980px; margin: 0 auto; }



/* ----- matchCenter ----- */
.matchCenter{ padding: 5px 10px; margin-bottom: 10px;  }
.matchCenter>.name{ font-weight: bold; }
.matchCenter>.name a{ color: #757575; padding-left: 8px; font-weight: normal; }

.matchCenter .sports{ width: 100%; float: left; display: table;  margin-bottom: 10px; }
.matchCenter .sports .name-sport{ color: #27b6c5; border-bottom: 1px solid #27b6c5; font-weight: bold; width: calc(100% - 20px); padding: 10px 0 5px; margin: 0 0px; }
.matchCenter .sports .name-sport .allTournament{ color: #757575; float: right; font-weight: normal; }
.matchCenter .sports .name-sport :hover{ color: #de0505; }
.matchCenter .sports .name{ font-weight: bold; display: table; clear: both; padding: 10px 0; }
.matchCenter .sports .item{ display: table; position: relative; float: left; width: 100%;  border-top: none; border-bottom: none; padding: 4px 0; }
.matchCenter .sports .item:after{ content: ''; position: absolute; width: 100%; height: 1px; border-bottom: 1px dotted #d2d1d1; left: 0px; bottom: 0px; }
.matchCenter .sports .item time{ padding-right: 10px; color: #9e9e9e; }
.matchCenter .sports .item name{ }
.matchCenter .sports .item specs{ position: absolute; right: 20%; font-weight: bold; background: #fff; padding: 0 5px; }
.matchCenter .sports .item status{ float: right; color: #9e9e9e; }
.matchCenter .sports .item a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; }
.matchCenter .sports .item:hover name{ color: #de0505; }

.matchCenter .sports .name-sport{ width: calc(100% - 20px); padding: 5px 0; }
.matchCenter .sports.-s68>.name-sport{ color: #27b6c5; border-bottom: 1px solid #27b6c5; }
.matchCenter .sports.-s27>.name-sport{ color: #54c527; border-bottom: 1px solid #54c527; }

.col-wrap .matchCenter .sports .item specs{ right: 0%; }
.col-wrap .matchCenter .sports .item status{ display: none; }

/* ----- match ----- */
.match{ display: table; width: 100%; padding: 0 20px; margin-bottom: 10px; }
.match .meta{ border-bottom: 1px dotted #d2d1d1; padding-bottom: 5px; display: table; width: 100%; margin-bottom: 20px; }
.match .competition{ float: right; color: #000; font-weight: bold; }
.match .meta sport{ position: relative; color: #9e9e9e; float: left; }
.match .infoMatch{ display: table; width: 100%; margin-bottom: 10px; }
.match .infoMatch .info{ text-align: center; }
.match .infoMatch tournament{ text-align: center; display: table; width: 100%; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.match .infoMatch staus{ display: table; width: 100%; }

.match .teams{ display: table; width: 100%; border-bottom: 1px dotted #d2d1d1; padding-bottom: 20px; }
.match .team,
.match .specs{ float: left; width: 33.333333%; text-align: center; }
.match .team{ padding-top: 20px; }
.match .team img{ max-width: 100px; }
.match .team name{ display: block; font-size: 16px; line-height: 20px;  }
.match .specs{ font-size: 50px; line-height: 96px; }


.setTextTranslation{ position: relative; display: table; width: 100%; padding: 0 20px; 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 ----- */
.textTranslation{ margin-bottom: 20px; padding: 0 20px; }
.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?v1) 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; }

.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; }

/* ----- matchCenterNow ----- */
.matchCenterNow{ }
.matchCenterNow .item-match{ padding: 0 10px; position: relative; }
.matchCenterNow .item-match a{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.matchCenterNow .item-match .tournament{ clear: both; font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 5px; }
.matchCenterNow .item-match .date{ color: #afafaf; font-size: 11px; margin-bottom: 5px; display: table; width: 100%; }
.matchCenterNow .item-match .staus{ text-align: center; font-family: sans-serif; font-size: 12px; }
.matchCenterNow .item-match .teams{ display: table; width: 100%; border-bottom: 1px dotted #d2d1d1; padding-bottom: 20px; }
.matchCenterNow .item-match .team,
.matchCenterNow .item-match .specs{ float: left; width: 33.333333%; text-align: center; }

.matchCenterNow .item-match .team{ padding-top: 10px; }
.matchCenterNow .item-match .team img{ max-width: 70px; border-radius: 20px; }
.matchCenterNow .item-match .team .name{ display: block; font-size: 12px; line-height: 18px; font-family: sans-serif; }
.matchCenterNow .item-match .specs{ line-height: 80px; font-size: 30px; }


/* ----- mainNews ----- */
.search-form{ padding: 15px 10px; margin-top: -10px; background: #f7f7f7; border-bottom: 1px solid #d8d8d8; }
.search-form input{ width: 100%; border: 1px solid #a70b2e; border-radius: 3px; line-height: 24px; padding: 0 8px; outline: none; }

/* ----- mainNews ----- */
.mainNews{ margin-bottom: 10px; }
.mainNews .item{ border-bottom: 1px solid #f3f3f3; padding: 5px 10px; }
.mainNews .item i{ text-transform: uppercase; font-size: 11px; color: #ababab; }
.mainNews .item a{ display: block; color: #000; }

/* ----- mainArticleManual ----- */
.mainArticleManual{ margin-bottom: 10px; }
.mainArticleManual .item[n="0"]{ position: relative; margin-bottom: 10px; }
.mainArticleManual .item[n="0"]::after { content: ""; background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.75)),color-stop(50%,transparent)),-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.75)),color-stop(50%,transparent)); background: linear-gradient(0deg,rgba(0,0,0,.75),transparent 50%),linear-gradient(90deg,rgba(0,0,0,.75),transparent 50%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.mainArticleManual .item[n="0"] .cover-bg{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 220px; }
.mainArticleManual .item[n="0"] i{ position: absolute; color: #fff; top: 9px; font-weight: bold; text-shadow: 0px 1px 1px black; right: 10px; }
.mainArticleManual .item[n="0"] name{ position: absolute; color: #fff; bottom: 10px; padding: 10px; font-size: 22px; line-height: 25px; font-weight: bold; text-shadow: 0px 1px 1px black; z-index: 1; }
.mainArticleManual .item[n="0"] a.full{ position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; }

.mainArticleManual .carousel .item{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dedede; display: block; position: relative; float: left; width: 190px; overflow: hidden; margin-left: 10px; line-height: 0px; min-height: 240px; }
.mainArticleManual .carousel .item img{ margin-bottom: 5px; }
.mainArticleManual .carousel .item i{ line-height: 32px; font-size: 11px; color: #969696; text-transform: uppercase; padding: 0 10px; }
.mainArticleManual .carousel .item name{ display: block; padding: 0 10px 10px; font-size: 14px; line-height: 17px; font-weight: bold; }
.mainArticleManual .carousel .item a.full{ position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; }
.mainArticleManual .carousel .end{ height: 100px; }

/* ----- listAll ----- */
.listAll{ margin-bottom: 10px; }
.listAll .item{ position: relative; margin-bottom: 10px; }
.listAll .item img{ width: 100%; margin-bottom: 0px; }
.listAll .item i{ line-height: 32px; font-size: 11px; color: #969696; text-transform: uppercase; padding: 0 10px; }
.listAll .item name{ display: block; padding: 0 10px 10px; font-size: 17px; line-height: 22px; font-weight: bold; }
.listAll .item lead,
.listAll .item .wysiwyg{ display: block; padding: 0 10px 10px; font-size: 14px; line-height: 17px;  }
.listAll .item a.full{ position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; }
.listAll .item audio{ display: none; }


.listAll .item .cover-img{ line-height: 0px; position: relative; }

.listAll .item[audio] .cover-img:before,
.listAll .item[video] .cover-img:before,
.listAll .item[photo] .cover-img:before{ content: ""; height: 68px; width: 68px; left: 50%; top: 50%; position: absolute;  z-index: 1; opacity: .9; transform: translate(-50%, -50%); }

.listAll .item[audio] .cover-img:before{ background: url(/templates/sovsport/style/img/icon/audio.svg?v1) no-repeat; }
.listAll .item[video] .cover-img:before{ background: url(/templates/sovsport/style/img/icon/video.svg?v1) no-repeat; }
.listAll .item[photo] .cover-img:before{ background: url(/templates/sovsport/style/img/icon/photo.svg?v1) no-repeat; }

.listAll .item[audio].play .cover-img:after{ background: url(/templates/sovsport/style/img/sprite.svg?v1) no-repeat -336px -264px; }
.listAll .item[audio].pause .cover-img:after{ background: url(/templates/sovsport/style/img/sprite.svg?v1) no-repeat -360px -264px; }

.listAll .item[audio].play .cover-img:after,
.listAll .item[audio].pause .cover-img:after{ margin: -9px 0 0 15px; content: ""; height: 24px; width: 24px; left: 50%; top: 50%; position: absolute;  z-index: 1; opacity: .9; transform: translate(-50%, -50%); }


.cssload-container{ position: absolute; left:50%; top:50%; }
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after { position: absolute; top: 50%; left: 50%; border: 2px solid rgb(204,204,204); border-left-color: rgb(255,0,0); border-radius: 1623px; -o-border-radius: 1623px; -ms-border-radius: 1623px; -webkit-border-radius: 1623px; -moz-border-radius: 1623px; }
.cssload-whirlpool { margin: -41px 0 0 -41px; height: 81px; width: 81px; animation: cssload-rotate 3100ms linear infinite; -o-animation: cssload-rotate 3100ms linear infinite; -ms-animation: cssload-rotate 3100ms linear infinite; -webkit-animation: cssload-rotate 3100ms linear infinite; -moz-animation: cssload-rotate 3100ms linear infinite; }
_cssload-whirlpool::before { content: ""; margin: -37px 0 0 -37px; height: 72px; width: 72px; animation: cssload-rotate 3100ms linear infinite; -o-animation: cssload-rotate 3100ms linear infinite; -ms-animation: cssload-rotate 3100ms linear infinite; -webkit-animation: cssload-rotate 3100ms linear infinite; -moz-animation: cssload-rotate 3100ms linear infinite; }
_cssload-whirlpool::after { content: ""; margin: -47px 0 0 -47px; height: 91px; width: 91px; animation: cssload-rotate 6200ms linear infinite; -o-animation: cssload-rotate 6200ms linear infinite; -ms-animation: cssload-rotate 6200ms linear infinite; -webkit-animation: cssload-rotate 6200ms linear infinite; -moz-animation: cssload-rotate 6200ms linear infinite; }

@keyframes cssload-rotate {100% { transform: rotate(360deg); }}
@-o-keyframes cssload-rotate {100% { -o-transform: rotate(360deg); }}
@-ms-keyframes cssload-rotate {100% { -ms-transform: rotate(360deg); }}
@-webkit-keyframes cssload-rotate {100% { -webkit-transform: rotate(360deg); }}
@-moz-keyframes cssload-rotate {100% { -moz-transform: rotate(360deg); }}

/* ----- material ----- */
.material .header{ position: relative; width: 100%; border-bottom: 1px dotted #d2d1d1; margin-bottom: 10px; }
.material .header .cover{ position: relative; display: table;  width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.material .header .cover img{ max-width: 100%; }

.material .header .meta{ display: table; width: 100%; position: relative; color: #9e9e9e; float: left; font-size: 11px; margin-bottom: 5px; padding: 5px 10px 0; }
.material .header date,
.material .header author,
.material .header region{ display: block; float: left; }
.material .header author,
.material .header region{ float: right; }

.material .header h1{ position: relative; color: #000;  padding: 0 10px 10px; font-size: 20px; line-height: 25px; clear: both; font-family: initial; font-weight: bold; }

.material .header lead{ display: table; width: 100%; margin-bottom: 10px; font: italic normal 18px/25px Georgia, 'Times New Roman', Times, serif; color: #444; padding: 0 10px; font-size: 14px; line-height: 20px; }
.material .header .lead:after { background: #eb1c00; content: ""; left: 0px; position: absolute; width: 25%; height: 4px; bottom: 0px; }

.material .wysiwyg{ padding: 0 10px; width: 100%; overflow: hidden; }
.material .wysiwyg>h2{ font-size: 24px; line-height: 28px; margin-bottom: 15px; }
.material .wysiwyg>p{ margin-bottom: 10px; line-height: 22px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; }
.material .wysiwyg img{ max-width: 100%; }
.material .wysiwyg twitter-widget{ margin: 0 auto 15px; width: 100% !important; max-width: 500px; }
.material .wysiwyg .instagram-media{ min-width: 300px !important; width: 100% !important; max-width: 500px !important; margin: 0 auto 20px auto !important; }
.material .wysiwyg table{ margin-bottom: 20px; }
.material .wysiwyg a{ color: #eb1c00; text-decoration: underline; }
.material .wysiwyg iframe{ width: 100% !important; margin-bottom: 20px; }
.material .wysiwyg p iframe{ margin-bottom: 0px; }
.material .wysiwyg .image{ text-align: center; }

.material .social-meta{ display: table; width: 100%; padding: 0 10px; }
.material .social-meta>.share{ padding: 0 0 20px 0; }

.material .social-meta>.tags{ margin: 0 0 20px 0; border-top: 1px solid #e4e8e8; width: 100%; display: table; padding-top: 1px; }
.material .social-meta>.tags a{ color: #000; text-decoration: none; line-height: 25px; display: block; float: left; padding: 0 10px; background: #e4e8e8; margin: 0px 1px 1px 0; }
.material .social-meta>.tags a:hover{ background: #222; color: #fff; }

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

.material .social-meta>.source{ text-align: right; display: block; width: 100%; line-height: 30px; }
.material .social-meta>.source a{ color: #000; }
.material .social-meta>.source a:hover{ color: #eb1c00; }
.material .meta>.source a:hover{ color: #eb1c00; }