/* CSS RESET */
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, 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; vertical-align: top; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, menu { 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; }
img{ vertical-align:top; }
:focus{ outline:none; }
button, input[type=button], input[type=submit], input[type=reset] { font-family: inherit; cursor: pointer; border: none; margin: 0; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
button, input[type=button], input[type=submit], input[type=reset], select, textarea, input[type=text], input[type=email] { -webkit-appearance: none; border-radius: 0; }
em { font-style: italic; }
sup { vertical-align: text-top; line-height: normal; }
/* END CSS RESET */
/* FONTS
----------------------------------------------- */
@font-face {
font-family: 'PFDinLight';
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'),
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'),
url('../fonts/pfdindisplaypro-light-webfont.svg#PFDinDisplayProLight') format('svg');
}
@font-face {
font-family: 'PFDinMedium';
src: url('../fonts/pfdindisplaypro-medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/pfdindisplaypro-medium.woff') format('woff'),
url('../fonts/pfdindisplaypro-medium.ttf') format('truetype'),
url('../fonts/pfdindisplaypro-medium.svg#PFDinDisplayProMedium') format('svg');
}
@font-face {
font-family: 'PFDinRegular';
src: url('../fonts/pfdindisplaypro-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/pfdindisplaypro-regular.woff') format('woff'),
url('../fonts/pfdindisplaypro-regular.ttf') format('truetype'),
url('../fonts/pfdindisplaypro-regular.svg#PFDinDisplayProRegular') format('svg');
}
@font-face {
font-family: 'PFDinBold';
src: url('../fonts/pfdindisplaypro-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/pfdindisplaypro-bold.woff') format('woff'),
url('../fonts/pfdindisplaypro-bold.ttf') format('truetype'),
url('../fonts/pfdindisplaypro-bold.svg#PFDinDisplayProBold') format('svg');
}
/* BASE
----------------------------------------------- */
#wrapper { position: relative; margin: 0 auto; }
#popup-back { height: 100%; background: rgba(0,0,0,0.7); width: 100%; position: fixed; top: 0; left: 0; cursor: pointer; display: none; }
body { font: 12px/20px Arial, sans-serif; background: #e6e6e6; min-width: 1110px; }
.wrapper { width: 1070px; margin: 0 auto; position: relative; }
.page { width: 1070px; margin: 0 auto; background: #fff; padding: 10px 10px 0; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); }
.main-right { float: right; width: 310px; overflow: hidden; }
.main-left { width: 630px; float: left; }
.content { margin-left: 10px; margin-left: 10px; width: 950px; float: left; padding-bottom: 40px; position: relative; }
.col-left { width: 350px; float: left; }
.col-right { width: 270px; float: right; }
.separator { height: 30px; clear: both; }
/* scroll top */
#scroll-top { display: block; width: 54px; height: 54px; position: fixed; bottom: 20px; left: -1000px; background: url(../img/sprites/scroll.png) no-repeat 0 -104px; transition: opacity .25s ease-in-out; }
#scroll-top:hover { background-position: 0 0; }
#scroll-top.hide { visibility: hidden; opacity: 0; }
#scroll-top.absolute { position: absolute; bottom: 60px; left: -90px !important; }
/* cleared */
.page:after, .main-left:after, .content:after, .slide:after, .footer-nav:after, .header-top:after, .team-line-up .teams:after,
.author-about:after, .bottom-info:after, .comment-item:after, .channels-block:after, .conference-author:after,
.statistic-selects:after, .question-block:after, .match-filters:after, .gallery-slider:after, .photo-plate:after,
.subjects-wrap:after, .blogs:after, .friends:after, .fantasy:after, .friend:after, .edit-form:after,
.contact-add-block:after, .result-block:after, .buttons-area:after, .info-page-video:after, .blog-item:after, .archive-list li:after,
.top-item-type-2:after, .ui-dialog-buttonpane:after, .actual li:after, .author-item:after
{ content: "."; display: block; clear: both; visibility: hidden; height: 0; }
/* menu */
.left-menu { font: 12px/20px 'PFDinRegular', Arial, sans-serif; width: 110px; float: left; letter-spacing: .7px; margin-bottom: 10px; }
.left-menu li { border: 1px solid #dfdfdf; border-top:none; }
.left-menu li:first-child { border-top: 1px solid #dfdfdf; }
.left-menu .menu-separator { height: 10px; border: none; padding: 0; }
.left-menu li.menu-separator + li { border-top: 1px solid #dfdfdf; }
.left-menu li a { display: block; padding: 8px 7px; line-height: 16px; background: #fdfdfd; }
.left-menu li a:hover { color: #188a19; text-decoration: underline; }
.left-menu .inner-list { border-top: 1px solid #dcdcdc; color: #666; }
.left-menu li.active { color: #188a19; }
.left-menu .inner-list li { border: none; }
.left-menu .inner-list li a { padding: 4px 14px 3px; color: #666; }
.left-menu .inner-list li a:hover, .left-menu .inner-list li.selected a { text-decoration: none; background: #e7e7e7; }
/* social buttons */
.social-buttons { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0; margin-bottom: 15px; }
.social-buttons > div { display: inline-block; }
.social-buttons .like-holder-fb { margin-right: 10px; }
.social-buttons .like-holder-twitter { margin-right: -35px; }
.social-buttons .like-holder-g { margin-right: -20px; }
#___plusone_0 { vertical-align: top !important; }
/* script-load */
.script-load { height: 0; overflow: hidden; }
/* HEADER
----------------------------------------------- */
header { position: relative; min-width: 1090px; overflow: hidden; }
.header-wrap { padding: 16px 0 0; background: #fff; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); }
.header-left { width: 50%; float: left; }
.header-right { width: 50%; float: right; }
/* header social */
.social-list, .header-social { display: inline-block; }
.social-list { float: right; }
.header-social { margin-left: 70px; }
.social-list li, .header-social li { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 2px; }
.social-list li a, .header-social li a { display: block; height: 100%; }
.social-list .fb, .header-social .fb { background: url(../img/sprites/social.png) no-repeat 0 -66px ; }
.social-list .rss, .header-social .rss { background: url(../img/sprites/social.png) no-repeat 0 -198px; }
.social-list .vk, .header-social .vk { background: url(../img/sprites/social.png) no-repeat 0 -462px; }
.social-list .twitter, .header-social .twitter { background: url(../img/sprites/social.png) no-repeat 0 -330px; }
.social-list .fb:hover, .header-social .fb:hover { background-position: 0 0; }
.social-list .rss:hover, .header-social .rss:hover { background-position: 0 -132px; }
.social-list .vk:hover, .header-social .vk:hover { background-position: 0 -396px; }
.social-list .twitter:hover, .header-social .twitter:hover { background-position: 0 -264px; }
/* search */
.header-search { display: inline-block; position: relative; top: -3px; vertical-align: middle; margin-left: 25px; }
.header-search input { background: #ececec; border: none; border-radius: 13px; padding: 5px 28px 5px 10px; width: 158px; }
.header-search .search-button { width: 15px; height: 15px; background: url(../img/icons/search-button.png) no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -8px; }
/* enter */
.enter { font-size: 11px; float: right; color: #267cb9; margin: 3px 10px 0 0; }
.enter li { display: inline-block; padding-left: 12px; border-left: 1px solid #267cb9; line-height: 12px; margin-left: 8px; }
.enter a { text-decoration: underline; }
.enter li:first-child { border-left: none; padding-left: 0; }
.enter a:hover { text-decoration: none; }
.enter a.user-name { background: url(../img/icons/user-header.png) no-repeat 1px center; padding-left: 17px; }
/* nav */
.header-nav { background: #000; color: #fff; border-bottom: 3px solid #188a19; margin-top: 7px; height: 32px; overflow: hidden; }
.header-nav ul { width: 1090px; margin: 0 auto; position: relative; }
.header-nav ul li { font: 13px/20px 'PFDinRegular', Arial, sans-serif; display: block; float: left; padding: 0 7px 0 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; background: url(../img/icons/nav-line.png) no-repeat right 11px; }
.header-nav ul li:first-child { padding-left: 10px; }
.header-nav ul li:last-child { background: none; }
.header-nav ul li:nth-last-child(2) { background: none; }
.header-nav ul li a { padding: 8px 0 4px 1px; display: inline-block; }
.header-nav ul li a:hover { color: #1eac20; }
.header-nav ul li .active { padding-bottom: 2px; border-bottom: 2px solid #188a19; color: #1eac20; }
/* isport-link */
.header-nav ul .isport-link { display:block; padding:0; width:181px; height:32px; position:absolute; right:0; top:0; background:url(../img/icons/isport-logo.gif) no-repeat; }
.header-nav ul .isport-link span { display:none; }
/* FOOTER
----------------------------------------------- */
footer { clear: both; margin: 0 auto; width: 1090px; }
.footer-wrap { margin: 0 -5px; overflow: hidden; }
.footer-inner { margin: -5px 5px 5px 5px; z-index: -10; padding: 5px 0 0; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75); }
/* footer-links */
.footer-links { padding-left: 130px; background: #f2f2f2; border-top: 1px solid #d6d6d6; }
.footer-links li { display: inline-block; line-height: 12px; padding: 12px 0; }
.footer-links li a { display: block; border-left: 1px solid #000; padding: 0 10px; }
.footer-links li a:hover { text-decoration: underline; }
.footer-links li:first-child a { padding-left: 0; border-left: none; }
/* footer-nav */
.footer-nav { padding: 15px 0 10px 130px; border-top: 1px solid #d6d6d6; background: #f2f2f2; }
.footer-nav .col { width: 16.6%; float: left; }
.footer-nav ul { margin-bottom: 20px; }
.footer-nav ul li { color: #666; line-height: 21px; }
.footer-nav ul li a:hover { text-decoration: underline; }
.footer-nav .list-header { font-weight: bold; color: #000; }
.footer-text { text-align: center; margin: 25px 0 50px; color: #333; }
.footer-text a { text-decoration: underline; }
.footer-text a:hover { text-decoration: none; }
/* PLUGINS
----------------------------------------------- */
/* jscroll */
.jscroll { position: relative; }
.jscroll-area { height: 100%; margin-right: 28px; overflow: hidden; }
.jscroll-track { width: 8px; height: 100%; right: 0; top: 0; position: absolute; }
.jscroll-handle { width: 8px; position: absolute; background: #cccccc; border-top: 2px solid #fff; border-bottom: 2px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; }
.jscroll-disabled .jscroll-area { margin-right: 0; }
.jscroll-disabled .jscroll-track { display: none; }
/* jselect */
.jselect { position: relative; }
.jselect select { display: none; }
.jselect .jselect-title { position: relative; cursor: pointer; border: 1px solid #ccc; padding: 2px 7px 1px 7px; background: #fff; }
.jselect .jselect-title:hover { background: #ebebeb; }
.jselect.jselect-open .jselect-title:hover { background: #fff; cursor: default; }
.jselect .jselect-arrow { position: absolute; width: 5px; height: 3px; background: url(../img/icons/select.png) no-repeat; right: 10px; top: 50%; margin-top: -1.5px; }
.jselect .jselect-list { width: 100%; left: -9999px; top: 23px; position: absolute; cursor: default; background: #fff; max-height: 200px; overflow: hidden; border-bottom: 1px solid #ccc; }
.jselect.jselect-open .jselect-list { left: 0; }
.jselect .jselect-li { padding: 2px 0 1px 7px;; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.jselect .jselect-li:hover { background: #e7e7e7; }
.jselect .jselect-li-disabled { display: none; }
.jselect-open { z-index: 90; }
.jselect-open .jselect-list { display: block; }
.jselect-empty .jselect-title { color: #ccc; }
.jselect .ps-container .ps-scrollbar-y-rail { margin-right: 1px; background: #fff; border-left: none; }
.jselect .ps-container .ps-scrollbar-y-rail:hover { background: #fff; }
.jselect .ps-container .ps-scrollbar-y { }
/* bxslider */
.bx-wrapper { position: relative; margin: 0 auto 20px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { margin-top: 10px; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../img/icons/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { }
.bx-wrapper .bx-pager.bx-default-pager a { }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { }
.bx-wrapper .bx-prev { }
.bx-wrapper .bx-next { }
.bx-wrapper .bx-prev:hover { }
.bx-wrapper .bx-next:hover { }
.bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; text-indent: -9999px; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}
/* datepicker */
body > .ui-datepicker { background: #000; color: #fff; padding: 0 25px 15px; display: none; }
body > .ui-datepicker .ui-datepicker-calendar { width: 250px; }
body > .ui-datepicker .ui-datepicker-title { font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 15px; }
body > .ui-datepicker th { border-bottom: 1px solid #fff; padding: 15px 0 5px 0; }
body > .ui-datepicker .ui-datepicker-prev, body > .ui-datepicker .ui-datepicker-next { position: absolute; text-indent: -999px; display: block; width: 10px; height: 10px; top: 20px; cursor: pointer; }
body > .ui-datepicker .ui-datepicker-prev { background: url(../img/icons/cal-prev.png) no-repeat center; left: 25px; }
body > .ui-datepicker .ui-datepicker-next { background: url(../img/icons/cal-next.png) no-repeat center; right: 25px; }
body > .ui-datepicker td { color: #fff; text-align: center; }
body > .ui-datepicker tr:first-child td { padding-top: 15px; }
body > .ui-datepicker td a, body > .ui-datepicker td span { display: block; padding: 5px 0; }
body > .ui-datepicker td a:hover { background: #188a19; }
body > .ui-datepicker td span { color: #999; }
/* datepicker inline */
.calendar { position: relative; padding: 0 20px; background: #f7f7f7; }
.calendar .ui-datepicker { background: #f7f7f7; }
.calendar .ui-datepicker-next, .calendar .ui-datepicker-prev { position: absolute; top: 0; display: block; width: 23px; height: 23px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
.calendar .ui-datepicker-next { background: #000 url(../img/icons/arrow-right.png) no-repeat center; right: 0; }
.calendar .ui-datepicker-prev { background: #000 url(../img/icons/arrow-left.png) no-repeat center; right: 24px; }
.calendar .ui-datepicker-next:hover, .calendar .ui-datepicker-prev:hover { background-color: #646464; }
.calendar .ui-datepicker-title { font: 14px/20px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; border-bottom: 2px solid #000; padding-bottom: 3px; margin: 0 -20px; background: #fff; }
.calendar .ui-datepicker-calendar { width: 100%; padding: 0 20px; }
.calendar .ui-datepicker-calendar td { text-align: center; color: #666; }
.calendar .ui-datepicker-calendar th { padding: 10px 0 10px; border-bottom: 1px solid #000; }
.calendar .ui-datepicker-calendar tr:last-child td { padding-bottom: 15px; }
.calendar .ui-datepicker-calendar tr:first-child td { padding-top: 10px; }
.calendar .ui-datepicker-calendar td a, .calendar .ui-datepicker-calendar td span { display: block; height: 100%; width: 30px; margin: 0 auto; padding: 5px 0; }
.calendar .ui-datepicker-calendar td a:hover { background: #000; color: #fff; }
.calendar .ui-datepicker-calendar .ui-datepicker-current-day a { background: #000; color: #fff; }
.calendar .ui-datepicker-calendar td span { color: #999; }
/* scrollbar */
.ps-container .ps-scrollbar-x-rail { position: absolute; bottom: 3px; height: 8px; display: none; }
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; }
.ps-container .ps-scrollbar-y-rail { position: absolute; right: 0; width: 8px; border-left: 1px solid #e4e4e4; padding: 0 2px; z-index: 2; }
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover { background-color: #f9f9f9; }
.ps-container .ps-scrollbar-x { position: absolute; bottom: 0; height: 8px; background-color: #aaa; }
.ps-container.ie6 .ps-scrollbar-x { font-size: 0; }
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; }
.ps-container .ps-scrollbar-y { position: absolute; right: 2px; width: 8px; background-color: #d5d5d5; border-top: 2px solid #fff; border-bottom: 2px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; }
.ps-container.ie .ps-scrollbar-y { font-size: 0; }
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; border-color: #f9f9f9; }
/* datatable */
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate { display: none; }
/* royal slider */
.royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; }
.royalSlider > * { float: left; }
.rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); }
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; }
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; }
.rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; }
.rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.rsArrow,
.rsThumbsArrow { cursor: pointer; }
.rsThumb { float: left; position: relative; }
.rsArrow,
.rsNav,
.rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; }
.rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; }
.rsGCaption { width: 100%; float: left; text-align: center; }
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; }
.royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; }
.rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; }
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide { height: auto; }
.rsContent { width: 100%; height: 100%; position: relative; }
.rsPreloader { position:absolute; z-index: 0; }
.rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }
.rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); }
.rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; }
.rsTabs { float: left; background: none !important; }
.rsTabs,
.rsThumbs { }
.rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; }
.rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; }
.rsVideoFrameHolder.rsVideoActive { opacity: 1; }
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; }
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; }
.rsABlock { left: 0; top: 0; position: absolute; z-index: 15; }
img.rsImg { max-width: none; }
.grab-cursor { cursor:url(grab.png) 8 8, move; }
.grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; }
.rsNoDrag { cursor: auto; }
.rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(blank.gif); }
/* ui tooltip */
.ui-tooltip { font-size: 11px; background: #000; color: #fff; padding: 2px 8px; position: absolute; z-index: 9999; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
/* COMMON
----------------------------------------------- */
/* bottom-info */
.bottom-info { margin: 15px 0; }
.bottom-info .col { float: left; width: 31.3%; padding-left: 2%; }
.bottom-info .col:first-child { width: 33.3%; padding-left: 0; }
.bottom-info h4 { font: 12px/24px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; color: #666; border-bottom: 2px solid #666; margin-bottom: 5px; }
.bottom-info p { color: #3f86d5; }
.bottom-info p a { font-size: 11px; }
.bottom-info p a:hover { text-decoration: underline; }
/* comments */
.comments { position: relative; }
.content > .comments { margin: 0 10px; }
.hide-comments { font-size: 11px; color: #333; position: absolute; top: 0; right: 0; text-decoration: underline; }
.hide-comments:hover { text-decoration: none; }
.show-comments { font: 14px/16px 'PFDinBold', Arial, sans-serif; color: #999; text-transform: uppercase; text-align: center; background: #efefef; padding: 14px 0 10px; margin-top: 15px; cursor: pointer; display: none; }
.show-comments span { display: inline-block; width: 10px; height: 10px; background: url(../img/icons/comments-show.png) no-repeat; margin-top: 2px; margin-left: 5px; }
.show-comments:hover { background: #e0e0e0; }
/*_________comment-display */
.comment-display { font-size: 11px; margin: 15px 0; line-height: 11px; }
.comment-display li { display: inline-block; margin-right: 10px; border-right: 1px solid #7e7e7e; padding-right: 10px; height: 10px; }
.comment-display li a { color: #2b7cb6; display: inline-block; }
.comment-display li a:hover { text-decoration: underline; }
.comment-display li:first-child, .comment-display li:last-child { border-right: none; }
.comment-display li a.active { color: #343434; font-weight: bold; }
/*_________comment-block */
.comments-block { border: 1px solid #e4e4e4; margin-bottom: 30px; }
.comments-block .best-header { font: 12px/18px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; color: #278922; padding: 8px 0 5px 10px; border-bottom: 1px solid #e4e4e4; }
.comments-block .best { background: #f9f9f9; border-bottom: 1px solid #e4e4e4; }
.comment-item { padding: 15px 0 10px; margin: 0 10px; border-bottom: 1px dotted #aaa; position: relative; }
.comment-item.quoting { border-bottom: none; }
.comment-item:last-child { border-bottom: none; }
.comment-item .date { font-size: 10px; line-height: 12px; float: right; color: #666; }
.comment-item .date a { color: #267cb9; text-decoration: underline; margin-left: 5px; }
.comment-item .date a:hover { text-decoration: none; }
.comment-item .avatar { float: left; margin-bottom: 10px; }
.comment-item .status { display: block; width: 6px; height: 6px; float: left; margin: 2px 6px; }
.comment-item .status.offline { background: #c9c9c9; }
.comment-item .status.online { background: #188a19; }
.comment-item .user { float: left; }
.comment-item .user span, .comment-item .user .name { display: block; }
.comment-item .user .name { font-weight: bold; line-height: 12px; }
.comment-item .user .name:hover { color: #188a19; }
.comment-item .user span { font-size: 10px; color: #666; }
.comment-item .quoted { clear: both; border-left: 1px solid #d1d1d1; padding-left: 10px; margin-bottom: 10px; }
.comment-item .comment-text { clear: both; margin-bottom: 10px; }
.comment-item .answer { font-size: 11px; color: #267cb9; text-decoration: underline; opacity: 0; transition: opacity .25s ease-in-out; }
.comment-item .answer:hover { text-decoration: none; }
.comment-item .admin-buttons { position: absolute; right: 0; bottom: 10px; opacity: 0; transition: opacity .25s ease-in-out; }
.comment-item .admin-buttons button { width: 20px; height: 20px; display: inline-block; }
.comment-item .admin-buttons .delete { background: #000 url(../img/icons/admin-delete.png) center no-repeat; }
.comment-item .admin-buttons .delete:hover { background-color: #666; }
.comment-item .admin-buttons .ban { background: #e33131 url(../img/icons/admin-ban.png) center no-repeat; }
.comment-item .admin-buttons .ban:hover { background-color: #ff0000; }
.comment-item:hover .admin-buttons { display: block; opacity: 1; }
.comment-item:hover .answer { display: inline-block; opacity: 1; }
.comment-item .like { display: inline-block; width: 84px; height: 20px; background: url(../img/sprites/like.png) no-repeat 0 -70px; margin-right: 5px; }
.comment-item .like:hover { background-position: 0 0; }
.comment-item .like.liked { background-position: 0 -210px; }
.comment-item .like.liked:hover { background-position: 0 -140px; }
.comment-item .like-counter { display: inline-block; text-align: center; padding: 1px 0 0 1px; background: url(../img/icons/like-counter.png) no-repeat; width: 34px; font-weight: bold; margin: 0 5px 0 -2px; }
/* add comment */
.content > .add-comment { margin: 0 10px; }
.add-comment h3 { margin-bottom: 15px; }
.add-comment .avatar { float: left; margin-right: 10px; }
.add-comment .name { font: bold 12px/12px Arial, sans-serif; }
.add-comment .name a:hover { color: #188a19; }
.add-comment .comment-textarea { font-family: Arial; font-size: 12px; color: #666; width: 98%; max-width: 98%; border: 1px solid #e4e4e4; resize: vertical; margin: 10px 0; min-height: 75px; padding: 5px 1%; }
.add-comment .submit-block { text-align: right; }
.add-comment .submit-block label { font-size: 11px; cursor: pointer; vertical-align: middle; display: inline-block; margin-right: 15px; }
.add-comment .submit-block label input { margin: 0 3px 0 0; }
.add-comment .attention { font-size: 13px; font-weight: bold; color: #ff0000; float: right; position: relative; top: -4px; margin-right: 10px; }
.add-comment button { font: 12px/12px "PFDinBold", Arial, sans-serif; text-transform: uppercase; color: #fff; vertical-align: middle; padding: 12px 10px 8px; margin-left: 8px; background: #000; }
.add-comment button:hover { background: #666; }
.add-comment .cancel { background: #999; }
.add-comment .cancel:hover { background: #666; }
.add-comment.add-question .submit { background: #188a19; }
.add-comment.add-question .submit:hover { background: #256225; }
.add-comment .symbols { font-size: 10px; line-height: 12px; color: #666; float: right; }
/* add quoted */
.add-quoted { background: #f9f9f9; padding: 10px; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; }
.add-quoted .remain { font-size: 10px; color: #666; float: right; }
.add-quoted .quoted-answer { font-size: 10px; }
/* inner gallery */
.inner-gallery { margin-bottom: 20px; }
.inner-gallery .inner-photo { position: relative; }
.inner-gallery .inner-photo img { max-width: 100%; }
.inner-gallery .inner-photo .photo-text { position: absolute; bottom: 0; width: 100%; background: #f2f2f2; z-index: 3; }
.inner-gallery .inner-photo .photo-text .counter { font-size: 11px; float: right; padding-right: 10px; color: #666; margin-bottom: 0; }
.inner-gallery .inner-photo .photo-text .counter i { color: #000; }
.inner-gallery .inner-photo .photo-text .author { font-size: 8px; text-transform: uppercase; padding-left: 10px; margin-bottom: 0; }
.inner-gallery .inner-photo a { display: block; position: absolute; top: 0; width: 10%; height: 100%; z-index: 2; }
.inner-gallery .inner-photo .prev { left: 0; background: rgba( 0, 0, 0, 0.5) url(../img/icons/photo-prev.png) center no-repeat; }
.inner-gallery .inner-photo .next { right: 0; background: rgba( 0, 0, 0, 0.5) url(../img/icons/photo-next.png) center no-repeat; }
.inner-gallery .inner-photo .prev:hover, .inner-gallery .inner-photo .next:hover { background-color: rgba( 0, 0, 0, 0.7) }
/* big-intro */
.big-intro .photo { position: relative; margin-top: 15px; display: block; }
.big-intro .photo-text { position: absolute; bottom: 0; background: rgba(0,0,0,0.5); width: 100%; color: #ccc; }
.big-intro .photo-text .author { font-size: 8px; line-height: 8px; text-transform: uppercase; text-align: right; padding: 6px 10px 4px; }
.big-intro .intro { background: #000; padding: 16px 10px; }
.big-intro .intro h4 { font: 19px/19px 'PFDinMedium', Arial, sans-serif; color: #fff; }
.big-intro .intro h4 a:hover { color: #0d7b0e; }
.big-intro .intro p { color: #999; margin-top: 5px; line-height: 18px; }
.big-intro .intro p a:hover { text-decoration: underline; }
.big-intro + .separator { height: 10px; }
/* news-block */
.news-block .photo { position: relative; display: block; }
.news-block .photo-text { font-size: 8px; text-transform: uppercase; position: absolute; background: rgba(0,0,0,0.5); color: #ccc; width: 94%; bottom: 0; padding: 0 3%; }
.news-block .photo-text .author { float: right; }
.news-block h3 { font: 17px/19px 'PFDinRegular', Arial, sans-serif; border-bottom: 1px solid #000; padding: 10px 0; letter-spacing: .5px; }
.news-block h3 a:hover { color: #188a19; }
.news-block .news-text { font-size: 13px; margin-top: 10px; }
.news-block .news-text a:hover { text-decoration: underline; }
/* checkbox */
.checkbox { cursor: pointer; }
.checkbox input[type=checkbox] { display: none; }
.checkbox input[type=checkbox] + i { display: block; width: 6px; height: 6px; border: 1px solid #fff; outline: 1px solid #ccc; float: left; margin: 6px 5px 0 0; }
.checkbox:hover input[type=checkbox] + i { background: #d4d4d4; }
.checkbox input[type=checkbox]:checked + i { background: #999; }
.checkbox:hover input[type=checkbox]:checked + i { background: #000; }
/* tabs-headers */
.tabs-headers { border-bottom: 2px solid #000; }
.tabs-headers li { font: 14px/18px 'PFDinMedium', Arial, sans-serif; color: #a6a6a6; text-transform: uppercase; margin-right: 35px; display: inline-block; letter-spacing: .6px; }
.tabs-headers .ui-tabs-active { font: 14px/18px 'PFDinBold', Arial, sans-serif; color: #000; border-bottom: 2px solid #000; }
.tabs-headers li a:hover { color: #000; }
/* show more */
.show-more { font: 12px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #666; padding: 12px 0 8px; display: block; width: 140px; margin: 20px auto 0; background: #ebebeb; text-align: center; }
.show-more:hover { background: #d6d6d6; }
/* info page video */
.info-page-video { margin: 10px 0 0 -9px; }
.info-page-video .main-video { position: relative; margin: 0 0 10px 9px; }
.info-page-video .main-video .text { position: absolute; bottom: 0; background: rgba(0,0,0,0.7); width: 100%; }
.info-page-video .main-video .date { float: right; color: #ccc; margin-top: 12px; margin-right: 10px; }
.info-page-video .main-video h3 { font: 24px/26px 'PFDinBold', Arial, sans-serif; color: #fff; padding: 15px 15px 0; }
.info-page-video .main-video .intro { font-size: 14px; color: #ccc; padding: 0 15px 15px; }
.info-page-video .main-video a { display: block; position: absolute; width: 100%; height: 100%; z-index: 3; background: url(../img/icons/video-play.png) center no-repeat; }
.info-page-video .main-video a:hover + img { opacity: 0.9; }
.info-page-video .video-block { float: left; width: 204px; margin: 0 0 9px 9px; background: #000; }
.info-page-video .video-block .photo { position: relative; overflow: hidden; height: 137px; }
.info-page-video .video-block .photo .icon { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0) url(../img/icons/video-small.png) no-repeat center; }
.info-page-video .video-block img { display: block; margin: 0; }
.info-page-video .video-block .date { font-size: 10px; line-height: 32px; margin: 0 10px; color: #999; }
.info-page-video .video-block .text { margin: 0 10px 10px 10px; height: 80px; overflow: hidden; }
.info-page-video .video-block .text h3 { font-weight: bold; color: #fff; padding: 0 10px; }
.info-page-video .video-block .text p { color: #ccc; padding: 0 10px 10px 10px; }
.info-page-video .video-block:hover .photo .icon { background: rgba(0,0,0,0.5) url(../img/icons/video-small.png) no-repeat center; }
/* drop-calendar */
.drop-cal-wrap { position: relative; margin-top: 31px; float: left; }
#drop-input, .drop-input { border: none; display: block; width: 30px; height: 23px; z-index: 0; opacity: 0; cursor: default; }
.drop-calendar { display: block; width: 30px; height: 23px; background: url(../img/icons/calendar1.png) no-repeat; z-index: 3; cursor: pointer; position: absolute; }
.drop-calendar:hover { background: url(../img/icons/calendar2.png) no-repeat; }
.drop-calendar span { position: absolute; bottom: 1px; right: 1px; width: 21px; text-align: center; }
/* article-photo */
.article-photo { position: relative; display: inline-block; margin: 10px 0 23px; max-width: 100%; }
.article-photo img { max-width: 100%; }
.article-photo .photo-text { font-size: 8px; line-height: 18px; text-transform: uppercase; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.7); color: #ccc; }
.article-photo .photo-text .author { float: right; padding-right: 10px; }
.article-photo .photo-text .photo-date { padding-left: 10px; }
/* best blogs */
.best-blogs .blog-item { padding: 13px 0; border-bottom: 1px dotted #cecece; }
.best-blogs .blog-item img { float: left; }
.best-blogs .blog-item .text { margin-left: 72px; }
.best-blogs .blog-item .text .name { font: 11px/14px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #666; margin-bottom: 3px; }
.best-blogs .blog-item .text .name a:hover { text-decoration: underline; }
.best-blogs .blog-item .text .date { font-size: 10px; color: #999; }
.best-blogs .blog-item .text h4 a { font-size: 15px; line-height: 18px; font-weight: bold; margin-right: 7px; }
.best-blogs .blog-item .text h4 a:hover { color: #188a19; }
.best-blogs .blog-item .text h4 .comments { font-size: 11px; color: #999; background: url(../img/icons/blog-comments.png) no-repeat 0 center; padding-left: 17px; }
/* author block */
.author-block .author-item { padding: 13px 0; border-bottom: 1px dotted #cecece; }
.author-block .author-item img { float: left; }
.author-block .author-item .text { margin-left: 118px; }
.author-block .author-item .text .name { font: 11px/14px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #666; margin-bottom: 3px; }
.author-block .author-item .text .name a:hover { text-decoration: underline; }
.author-block .author-item .text .date { font-size: 10px; color: #999; }
.author-block .author-item .text h4 { line-height: 18px; }
.author-block .author-item .text h4 a { font-size: 13px; font-weight: bold; margin-right: 7px; }
.author-block .author-item .text h4 a:hover { color: #188a19; }
.author-block .author-item .text h4 .comments { font-size: 11px; color: #999; background: url(../img/icons/blog-comments.png) no-repeat 0 center; padding-left: 17px; line-height: 20px; }
/* top-news */
.top-news .top-item { margin-top: 7px; }
.top-news .top-item img { display: block; margin: 0; }
.top-news .top-item .date { font-size: 10px; text-transform: uppercase; background: #1c1c1c; color: #999; padding: 10px 12px 0; }
.top-news .top-item h4 { font-size: 15px; font-weight: bold; text-transform: uppercase; background: #1c1c1c; color: #fff; padding: 5px 12px 10px; }
.top-news .top-item h4 a:hover { color: #188a19; }
/* top-news-type2 */
.top-news-type2 .feed-header + .top-block .section-block { border-top: none; }
.top-news-type2 .top-block .top-item-type-2:last-child { border-bottom: none; margin-bottom: 0; }
.top-news-type2 .section-block { font: 12px/14px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #999; text-align: center; background: #f2f2f2; padding: 10px 0 7px; margin-bottom: 14px; border-top: 1px solid #000; }
.top-news-type2 .top-item-type-2 { border-bottom: 1px dotted #cecece; margin-bottom: 15px; padding-bottom: 10px; }
.top-news-type2 .top-item-type-2 img { float: left; margin: 0 9px 9px 0; }
.top-news-type2 .top-item-type-2 .date-author { font-size: 10px; line-height: 12px; margin-bottom: 10px; text-transform: uppercase; color: #666; }
.top-news-type2 .top-item-type-2 h4 { font-size: 15px; line-height: 16px; font-weight: bold; color: #333; margin-bottom: 10px; }
.top-news-type2 .top-item-type-2 h4 a:hover { color: #188a19; }
/* footer top news */
.footer-top-news { clear: both; margin: 0 -10px; background: #000; padding: 24px 19px 65px; border-bottom: 5px solid #999; }
.footer-top-news .top-item { width: 335px; float: left; margin-left: 20px; }
.footer-top-news .top-item:first-child { margin-left: 0; }
.footer-top-news .top-item h3 { font: 24px/26px 'PFDinBold', Arial, sans-serif; color: #fff; margin: 12px 0 8px; }
.footer-top-news .top-item h3 a:hover { color: #0d7b0e; }
.footer-top-news .top-item .intro { font-size: 13px; color: #999; }
.footer-top-news .bx-pager { text-align: center; bottom: -50px; }
.footer-top-news .bx-pager .bx-pager-item { display: inline-block; margin: 0 4px; }
.footer-top-news .bx-pager .bx-pager-item a { display: inline-block; width: 10px; height: 9px; background: #666; text-indent: -9999px; }
.footer-top-news .bx-pager .bx-pager-item a.active { background: #fff; }
.footer-top-news .bx-pager .bx-pager-item a:hover { background: #fff; }
.footer-top-news .bx-wrapper { margin-bottom: 0; }
/* TABLES
----------------------------------------------- */
.more { font-size: 10px; line-height: 32px; text-align: right; color: #333; }
.more a { text-decoration: underline; }
.more a:hover { text-decoration: none; }
.game-feed { position: relative; }
.game-feed .tab-button { position: absolute; width: 23px; height: 20px; top: 5px; }
.game-feed .next { right: 0; background: #1E8618 url(../img/icons/arrow-right.png) no-repeat center; }
.game-feed .prev { right: 24px; background: #1E8618 url(../img/icons/arrow-left.png) no-repeat center; }
.game-feed .bx-controls a { position: absolute; width: 23px; height: 20px; top: -31px; }
.game-feed .bx-controls .bx-prev { right: 24px; background: #1E8618 url(../img/icons/arrow-left.png) no-repeat center; }
.game-feed .bx-controls .bx-next { right: 0; background: #1E8618 url(../img/icons/arrow-right.png) no-repeat center; }
.game-feed .bx-controls a:hover { background-color: #63B55E; }
/* news feed */
.news-feed .important { font-weight: bold; }
.news-feed li { font-size: 12px; padding: 12px 0 11px; border-bottom: 1px dotted #cecece; line-height: 16px; color: #333; }
.main-news li { border-color: #666; line-height: 16px; }
.news-feed li a:hover { text-decoration: underline; }
.news-feed li a:visited { color: #999; }
.feed-header, .article-text h3.feed-header { font: 14px/20px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.6px; border-bottom: 2px solid #000; padding: 0 0 5px; }
.feed-header .rss { display: inline-block; width: 9px; height: 9px; background: url(../img/icons/rss.png) no-repeat; float: right; margin-top: 5px; }
.feed-header.green { color: #1e8618; border-color: #1e8618; }
.feed-header.red { color: #ff4400; border-color: #ff4400; }
.news-feed .time { width: 40px; color: #999; float: left; }
.news-feed .time + a {margin-left: 40px; display: block; }
.news-feed .important-time { color: #ff1a00; }
.news-feed .news-date { font: 10px/14px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; padding: 8px 0 6px; }
.feed-header-date { font-size: 10px; font-weight: bold; position: absolute; text-transform: uppercase; color: #1e8618; right: 55px; top: 5px; }
/* feed-table markup */
.feed-table { width: 100%; border: 1px solid #e4e4e4; margin-top: 10px; }
.slide .feed-table { margin-top: 0; }
.feed-table th { padding: 5px 0 4px 0; }
.feed-table tr { border-top: 1px solid #e4e4e4; }
.feed-table td { font-size: 11px; line-height: 14px; padding: 5px 0 5px; vertical-align: middle; color: #333; }
.feed-table .time { width: 48px; text-align: center; }
.feed-table .left-team { width: 37%; text-align: right; padding-right: 5px; }
.feed-table .right-team { padding-left: 5px; }
.feed-table .score { font-size: 13px; font-weight: bold; text-align: center; width: 30px; color: #000; position: relative; }
.feed-table .score.inprogress { background: #ff1a00; color: #fff; }
.feed-table .score .score-popup { font-size: 11px; font-weight: normal; }
.feed-table .score:hover .score-popup { visibility: visible; opacity: 1; }
.feed-table .score-holder { position: relative; }
.feed-table .score-popup { position: absolute; bottom: 22px; left: -135px; }
/* score popup */
.score-popup { width: 300px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.score-popup .wrap { display: table; border-collapse: collapse; margin: 0 auto; background: #000; color: #fff; line-height: 16px; white-space: nowrap; -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75); }
.score-popup .arrow { display: block; width: 6px; height: 3px; background: url(../img/icons/match-popup.png); position: absolute; bottom: -3px; left: 50%; margin-left: -3px; }
.score-popup .side { display: table-cell; width: 50%; min-width: 90px; padding: 7px; border: 0 dotted #666; }
.score-popup .side div { display: table; }
.score-popup .side p { display: table-cell; }
.score-popup .side span { font-weight: bold; display: table-cell; min-width: 25px; }
.score-popup .side span sup { line-height: normal; }
.score-popup .one-side .side { border: none; width: auto; }
.score-popup .left-side { text-align: left; border-right-width: 1px; }
.score-popup .right-side { text-align: right; border-left-width: 1px; }
.score-popup .left-side div { margin-right: auto; }
.score-popup .right-side div { margin-left: auto; }
.score-popup .left-side span { padding-right: 2px; }
.score-popup .right-side span { padding-left: 2px; }
.score-popup .left-side span b { display: inline-block; min-width: 12px; text-align: right; }
.score-popup .right-side span i { display: inline-block; min-width: 15px; text-align: left; }
/* table text */
.feed-table th .match-header { font: 12px/14px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; padding-top: 8px; letter-spacing: .5px; }
.feed-table th p { font: 10px/14px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; padding-top: 2px; }
.match-center .feed-table th .match-header { color: #ff4400; padding-top: 5px; }
.matches .feed-table th .match-header { color: #188a19; }
.feed-table td a:hover { text-decoration: underline; }
/* wfergeg */
.feed-table tr:nth-child(even) { background: #f9f9f9; }
.match-center .feed-table tr:nth-child(odd) { background: #f9f9f9; }
.match-center .feed-table tr:nth-child(even) { background: #fff; }
.premier-league th { background: #ebebeb; }
/* tournament table */
.tournament-table { width: 100%; border: 1px solid #e4e4e4; margin-top: 9px; }
.tournament-table td { font-size: 11px; height: 23px; vertical-align: middle; border-top: 1px solid #e4e4e4; }
.tournament-table .team span { display: inline-block; width: 25px; text-align: center; margin: 0 3px; }
.tournament-table .team span img { max-width: 100%; }
.tournament-table th { padding: 7px 0 3px; vertical-align: middle; font: 10px/14px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; }
.tournament-table td:first-child, .tournament-table th:first-child { width: 25px; text-align: center; }
.tournament-table .date { width: 230px; }
.tournament-table .games { width: 35px; text-align: center; }
.tournament-table .score { width: 35px; text-align: center; }
.tournament-table a:hover { text-decoration: underline; }
/* players table */
.players-table { width: 100%; margin-top: 9px; border: 1px solid #e4e4e4; }
.players-table td { padding: 2px 0; font-size: 11px; line-height: 16px; border-bottom: 1px solid #e4e4e4; }
.players-table th { font: 10px/10px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; background: #ebebeb; padding: 11px 0 5px; border-bottom: 1px solid #e4e4e4; }
.players-table th.player, .players-table th.club { text-align: left; }
.players-table tr:nth-child(even) td { background: #f9f9f9; }
.players-table .player { padding-left: 10px; width: 150px; }
.players-table td.games, .players-table td.goals { text-align: center; }
.players-table .games { width: 40px; }
.players-table .goals { width: 75px; }
.players-table td.club { color: #999; }
.players-table a:hover { text-decoration: underline; }
/* INFO PAGE
----------------------------------------------- */
/* info-page-table */
.info-page-table { font-size: 13px; color: #434343; width: 100%; margin-top: 10px; }
.info-page-table td { padding: 2px 0; }
.info-page-table td:first-child { width: 125px; }
.info-page-table td img { vertical-align: middle; margin-right: 5px; position: relative; top: -1px; }
.info-page-table a { color: #3d84d1; text-decoration: underline; }
.info-page-table a:hover { text-decoration: none; }
/* info-page-tabs */
.info-page-tabs { clear: both; padding-top: 35px; }
/* short-info */
.short-info { border: 1px solid #e4e4e4; border-top: none; padding: 10px; color: #333; }
/* HOME
----------------------------------------------- */
/* top teams */
.top-teams { text-align: center; margin-bottom: 10px; display:table; table-layout:fixed; width:100%; }
.top-teams a { display:table-cell; padding:0 1px; vertical-align: middle; }
.top-teams img { margin: 0 auto; max-width:100%; }
/* main-article */
.main-article img { max-width: 100%; display: block; margin: 0; }
.main-article .text { padding: 10px; border-bottom: 1px solid #000; }
.main-article .text h3 { font: 17px/19px 'PFDinBold', Arial, sans-serif; letter-spacing: 1px; color:#333; }
.main-article .text h3 a:hover { color: #188a19; }
.main-article .text p { display:block; color: #333; line-height: 16px; margin-top: 3px; }
.main-article .photo { position: relative; border-bottom: 1px solid #383838; display:block; }
.main-article .photo-text { font-size: 8px; line-height: 8px; padding: 6px 0 4px 0; text-transform: uppercase; position: absolute; background: rgba(0,0,0,0.5); color: #ccc; width: 100%; bottom: 0; display: table; }
.main-article .photo-text p { display: table-cell; padding: 0 10px; }
.main-article .photo-text .author { text-align: right; width: 100%; }
.main-article .photo-text .date { white-space: nowrap; vertical-align: middle; }
.main-article .text.current { background: #020202; padding: 7px 10px 12px; border-bottom:none; }
.main-article .text.current h3 { color: #fff; }
.main-article .text.current p { color: #999; }
/* author materials */
.author-materials .bx-viewport { height: 151px; overflow: hidden; }
.author-materials .slider { }
.author-materials .material { width: 209px; overflow: hidden; float: left; position: relative; margin-left: 1px; }
.author-materials .material:first-child { margin-left: 0; }
.author-materials .material img { position: relative; z-index: 1; }
.author-materials .material .text { position: absolute; top: 0; z-index: 3; height: 100%; width: 100%; background: rgba(0,0,0,0.5); transition: background 0.2s ease; }
.author-materials .material h3 { font: 12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; color: #ff4400; padding: 16px 12px; }
.author-materials .material .date { font-size: 8px; text-transform: uppercase; color: #999; display: block; }
.author-materials .material .intro { font-weight: bold; color: #fff; position: absolute; bottom: 0; width: 90%; text-transform: uppercase; padding: 3% 5%; line-height: 18px; transition: background 0.2s ease; }
.author-materials .material:hover .text { background: none; }
.author-materials .material:hover h3 { display: none; }
.author-materials .material:hover .intro { background: rgba(0,0,0,0.5); }
.author-materials .bx-controls-direction a { width: 25px; height: 25px; position: absolute; top: -35px; }
.author-materials .bx-next { right: 0; background: #000 url(../img/icons/arrow-right.png) no-repeat center; }
.author-materials .bx-prev { right: 27px; background: #000 url(../img/icons/arrow-left.png) no-repeat center; }
.author-materials .bx-controls-direction a:hover { background-color: #666; }
/* actual */
.actual li { border-bottom: 1px solid #282828; padding: 7px 0 13px; }
.actual li .icon { float: left; width: 35px; margin: 0 15px 0 12px; }
.actual li .icon img { display: block; margin:0 auto; }
.actual h4 { font: 17px/18px 'PFDinBold', Arial, sans-serif; margin-left:62px; }
.actual h4 a:hover { color: #188a19; }
.actual p { font-size: 10px; color: #333; line-height: 16px; margin-left:62px; }
.actual p .new { color: #ff4400; }
/*.right-gallery */
.right-gallery .bx-viewport { height: 230px; overflow: hidden; }
.right-gallery { position: relative; }
.right-gallery .slide { position: relative; }
.right-gallery .text { position: absolute; bottom: 0; color: #fff; background: rgba(0,0,0,0.5); width: 94%; padding: 10px 3% 6px; }
.right-gallery .slider .rsNav { position: absolute; width: 100%; bottom: 0; left: 0; cursor: pointer; background: #f2f2f2; }
.right-gallery .slider .rsNavItem { height: 20px; width: 23px; border-right: 1px solid #fff; float: left; text-align: center; }
.right-gallery .slider .rsNavSelected { background: #000; color: #fff; }
.right-gallery .bx-controls-direction a { width: 23px; height: 20px; position: absolute; bottom: -20px; border-left: 1px solid #fff; }
.right-gallery .bx-next { right: 0; background: #f2f2f2 url(../img/icons/right2.png) no-repeat center; }
.right-gallery .bx-prev { right: 24px; background: #f2f2f2 url(../img/icons/left2.png) no-repeat center; }
.right-gallery .bx-controls-direction a:hover { background-color: #ddd; }
.right-gallery .text .sum { font-size: 9px; line-height: 9px; font-style: italic; float: right; }
.right-gallery .text .date { font: 9px/12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; }
.right-gallery .text h4 { font-weight: bold; }
.right-gallery .text h4 a:hover { text-decoration: underline; }
.gallery-list .date { font: 9px/12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; }
.gallery-list .sum { font-size: 9px; line-height: 9px; font-style: italic; float: right; }
.gallery-list h4 { font-weight: bold; letter-spacing: 0.5px; line-height: 16px; }
.gallery-list h4 a:hover { color: #188a19; }
.gallery-list { padding-top: 2px; }
.gallery-list li { border-bottom: 1px dotted #cecece; padding: 10px 0; }
.right-gallery .bx-pager { background: #f2f2f2; }
.right-gallery .bx-pager .bx-pager-item { width: 23px; height: 20px; float: left; text-align: center; border-right: 1px solid #fff; }
.right-gallery .bx-pager .bx-pager-item a { display: block; height: 100%; }
.right-gallery .bx-pager .bx-pager-item a.active { background: #000; color: #fff; }
.right-gallery .bx-pager .bx-pager-item a:hover { background: #000; color: #fff; }
.right-gallery .bx-wrapper .bx-pager { bottom: -20px; }
/* home-video */
.home-video .video { margin-top: 9px; position: relative; }
.home-video .video a:after { content: ''; display: block; position: absolute; background: url(../img/icons/video-small.png) no-repeat center; width: 100%; height: 100%; top: 0; left: 0; }
/* conferentions */
.conferentions-list li { padding: 14px 0; border-bottom: 1px dotted #cecece; }
.conferentions-list li img { float: left; margin-right: 9px; }
.conferentions-list .author { font: 11px/16px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; }
.conferentions-list .date { font-size: 8px; color: #999; text-transform: uppercase; line-height: 13px; }
.conferentions-list a:hover { color: #188a19; }
/* tv-programm */
.tv-programm .programm-list { margin-top: 10px; }
.tv-programm .programm-list li { padding: 10px 0 20px; border-bottom: 1px dotted #cecece; }
.tv-programm .programm-list li img { float: right; margin-top: 12px; }
.tv-programm .programm-list .date { font-size: 9px; line-height: 10px; color: #666; }
.tv-programm .programm-list h4 { font-weight: bold; }
.tv-programm .programm-list h4 a:hover { color: #188a19;}
.tv-programm .programm-list .date .live { font-size: 8px; color: #fff; padding: 1px 4px; margin-left: 5px; background: #ff4603; text-transform: uppercase; }
.tv-programm .programm-list .description { line-height: 12px; }
/* INTERVIEW
----------------------------------------------- */
.interview .question { font-weight: bold; border-bottom: 1px solid #000; padding: 5px 0; }
.interview .answer-list li { border-bottom: 1px dotted #cecece; }
.interview .answer { margin-top: 10px; }
.interview .answer-list .finished-li { color: #999; padding: 8px 0; }
.interview .answer-list li .sum { float: right; }
.interview .percent { height: 2px; background: url(../img/icons/percent-full.png) no-repeat; margin: 5px 0 11px; }
.interview .answer-list label input { display: none; }
.interview .answer-list label input + i { display: block; width: 6px; height: 6px; border: 2px solid #fff; box-shadow: 0px 0px 0px 1px #000; background: #fff; border-radius: 15px; float: right; margin: 4px 4px 0 0; }
.interview .answer-list label input:checked + i { background: #000; }
.interview .answer-list label { display: block; padding: 10px 0 9px; cursor: pointer; }
.interview .answer-list label:hover { color: #0d7b0e; }
.interview .answer-list .vote-links { padding: 15px 0; }
.interview .answer-list .vote-links a, .interview .answer-list .vote-links input, .interview .answer-list .vote-links span { font: 11px/16px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; color: #fff; display: inline-block; padding: 7px 25px 3px; margin-right: 10px; }
.interview .answer-list .vote-links .vote { background: #188a19; }
.interview .answer-list .vote-links .vote:hover { background: #1d701e; }
.interview .answer-list .vote-links .results { background: #000; }
.interview .answer-list .vote-links .results:hover { background: #666; }
.interview .answer-list .enter-text { padding: 8px 0; color: #999; }
.interview .answer-list .enter-text a { color: #73a2cc; text-decoration: underline; }
.interview .answer-list .enter-text a:hover { text-decoration: none; }
.main-left .interview-open .question { font-size: 16px; margin: 10px 0 0; }
.main-left .interview-open .answer-list .sum span { font-size: 14px; font-weight: bold; color: #666; }
/* NEWS-ARCHIVE
----------------------------------------------- */
/* archive list */
.archive-list li { padding: 16px 5px 16px 0; border-bottom: 1px dotted #cecece; }
.archive-list li img { float: left; margin-right: 10px; }
.archive-list li .type { font-size: 9px; line-height: 9px; text-transform: uppercase; float: right; color: #666; margin-top: 2px; }
.archive-list li .type a:hover { text-decoration: underline; }
.archive-list li .date { font-size: 9px; line-height: 9px; text-transform: uppercase; color: #666; margin-top: 2px; }
.archive-list li h4 { font-size: 14px; font-weight: bold; margin-top: 6px; }
.archive-list li h4 a:hover { color: #0d7b0e; }
.archive-list li .intro-text { line-height: 16px; display: block; }
.archive-list li .intro-text a:hover { text-decoration: underline; }
.archive-list li.authors { background: #edf7ed; border-left: 4px solid #188a19; padding-right: 15px; padding-left: 15px; }
/* PAGINATOR
----------------------------------------------- */
/* Paginator 3000 - idea by ecto (ecto.ru) - coded by karaboz (karaboz.ru) */
.paginator { width:370px; display: inline-block; margin: 3px 14px 0; letter-spacing: normal; }
.paginator table { border-collapse:collapse; table-layout:fixed; width:100%; }
.paginator table td { white-space:nowrap; text-align:center; color: #999; }
.paginator span { display:block; }
.paginator span strong,
.paginator span a { padding: 0 6px; }
.paginator span a:hover { text-decoration: underline; color: #000; }
.paginator span strong { color: #000; }
.paginator .scroll_bar { width:100%; height:20px; position:relative; }
.paginator .scroll_trough { width:100%; height:2px; background:#ccc; overflow:hidden; }
.paginator .scroll_thumb { position:absolute; z-index:2; width:0; height:2px; top:0; left:0; font-size:1px; background:#363636; }
.paginator .scroll_knob { position:absolute; top:-1px; left:50%; margin-left:-4.5px; width:9px; height:20px; overflow:hidden; background: url(../img/icons/knobb.png) no-repeat center; cursor:pointer; cursor:hand; }
.paginator .current_page_mark { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 2px; overflow: hidden; background: #188a19; }
.fullsize .scroll_thumb { display:none; }
.paginator_pages { width:600px; text-align:right; font-size:0.8em; color:#808080; margin-top:-10px; }
/* buttons */
.paginator-holder { text-align: center; margin-top: 15px; letter-spacing: -3px; }
.page-prev, .page-next { width: 25px; height: 25px; background: #000; display: inline-block; }
.page-prev { background: #000 url(../img/icons/arrow-left.png) no-repeat center; }
.page-next { background: #000 url(../img/icons/arrow-right.png) no-repeat center; }
.page-input { display: inline-block; border: none; background: #e5e5e5; width: 30px; padding: 0 10px; height: 25px; vertical-align: top; display: none; }
a.page-prev:hover, a.page-next:hover { background-color: #666; }
span.page-prev, span.page-next { background-color: #999; }
/* MATCH ONLINE
----------------------------------------------- */
/* match-teams */
.match-details-teams { display: table; width: 100%; margin-top: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }
.match-details-teams .left-logo, .match-details-teams .left-team, .match-details-teams .score, .match-details-teams .right-team, .match-details-teams .right-logo { display: table-cell; vertical-align: middle; }
.match-details-teams .left-logo, .match-details-teams .right-logo { width: 50px; }
.match-details-teams .right-logo { text-align: right; }
.match-details-teams .left-team, .match-details-teams .right-team { font: 21px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; width: 35%; }
.match-details-teams .left-team a:hover, .match-details-teams .right-team a:hover { color: #188a19; }
.match-details-teams .left-team { text-align: right; padding-right: 10px; }
.match-details-teams .right-team { padding-left: 10px; }
.match-details-teams .score { font: 25px/25px 'PFDinBold', Arial, sans-serif; color: #cbcbcb; text-align: center; }
.match-details-teams .score.inprogress { color: #ff3500; }
.match-details-teams .score.ended { color:#188a19; }
.match-details-teams .score span { background: #cbcbcb; color: #fff; display: inline-block; width: 35px; padding: 6px 0 2px; margin-top: -4px; }
.match-details-teams .score.inprogress span { background: #ff3500; }
.match-details-teams .score.ended span { background: #188a19; }
.match-details-teams .score i { display: inline-block; width: 2px; height: 10px; background: url(../img/icons/score-points.png) no-repeat; vertical-align: middle; margin: 0 5px; }
.match-details-teams .score.inprogress i { background: url(../img/icons/score-points-inprogress.png) no-repeat; }
.match-details-teams .score.ended i { background: url(../img/icons/score-points-ended.png) no-repeat; }
/* match-line */
.match-line { margin-top: 15px; }
.match-line .top-team, .match-line .bottom-team { font: 12px/20px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; }
.match-line .bottom-team { text-align: right; padding-top: 1px; }
.match-line .line { background: #188a19; }
.match-line .line .start { display: block; width: 20px; height: 17px; background: #0e7d0f; float: left; }
.match-line .events { height: 17px; position: relative; margin: 0 20px; }
.match-line .events i { font-size: 11px; line-height: 17px; color: #fff; position: absolute; top: 0; width: 14px; text-align: center; }
.match-line .events .clocks { display: block; width: 25px; height: 25px; background: url(../img/icons/time.png) no-repeat; position: absolute; left: 46.1%; top: -4px; }
.match-line .events .injury-time { height: 17px; width: 20px; background: #0e7d0f; color: #a2c9a2; position: absolute; top: 0; right: 0; }
.match-line .events .time0 { left: 0; }
.match-line .events .time10 { left: 10%; }
.match-line .events .time20 { left: 20%; }
.match-line .events .time30 { left: 30%; }
.match-line .events .time40 { left: 40%; }
.match-line .events .time50 { left: 54.3%; }
.match-line .events .time60 { left: 64.3%; }
.match-line .events .time70 { left: 74.3%; }
.match-line .events .time80 { left: 84.3%; }
.match-line .events .time90 { left: 94.3%; }
.match-line .events.extra .time90 { left: 0; }
.match-line .events.extra .time100 { left: 30%; margin-left: -2px; }
.match-line .events.extra .time110 { left: 64.3%; margin-left: -2px; }
.match-line .events.extra .time120 { left: 94.3%; margin-left: -2px; }
.match-line .extra-time { font: 11px/11px 'PFDinMedium', Arial, sans-serif; color: #010101; text-align: center; text-transform: uppercase; margin-top: 15px; }
/* time added */
/* match cards */
.match-line span { display: block; width: 14px; height: 32px; position: absolute; z-index: 2; background: transparent top center no-repeat; }
.match-line .name { position: absolute; top: -12px; display: none; background: #000; color: #fff; }
.match-line .top-yellow-card, .match-line .match-top-icon4 { background-image: url(../img/match-line/up_yc_with_arrow.png); top: -19px; }
.match-line .top-red-card, .match-line .match-top-icon5 { background-image: url(../img/match-line/up_rc_with_arrow.png); top: -19px; }
.match-line .top-goal, .match-line .match-top-icon7, .match-line .match-top-icon12, .match-line .match-top-icon13 { background-image: url(../img/match-line/up_ball_with_arrow.png); top: -18px; }
.match-line .bottom-yellow-card, .match-line .match-bottom-icon4 { background-image: url(../img/match-line/yc_with_arrow.png); top: 15px; }
.match-line .bottom-red-card, .match-line .match-bottom-icon5 { background-image: url(../img/match-line/rc_with_arrow.png); top: 15px; }
.match-line .bottom-goal, .match-line .match-bottom-icon7, .match-line .match-bottom-icon12, .match-line .match-bottom-icon13 { background-image: url(../img/match-line/ball_with_arrow.png); top: 15px; }
/* match-details-table */
.match-details-table { font-size: 11px; width: 100%; border: 1px solid #e4e4e4; margin-top: 15px; }
.match-details-table th { font: 11px/11px 'PFDinMedium', Arial, sans-serif; padding: 9px 0 6px; vertical-align: middle; color: #010101; background: #f9f9f9; border-bottom: 1px solid #e4e4e4; text-transform: uppercase; }
.match-details-table td { border-bottom: 1px solid #e4e4e4; text-align: right; height: 22px; vertical-align: middle; padding: 1px 5px 0; }
.match-details-table td:first-child { width: 50%; border-right: 1px solid #e4e4e4; text-align: left; }
.match-details-table td span { margin: 0 8px; }
.match-details-table td a:hover { text-decoration: underline; }
.match-details-table i { display: inline-block; width: 14px; height: 14px; margin-top: 3px; }
.match-details-table .yellow-card { background: url(../img/match-line/yellow_card.png) no-repeat; }
.match-details-table .red-card { background: url(../img/match-line/red_card.png) no-repeat; }
.match-details-table .goal { background: url(../img/match-line/ball.png) no-repeat center; }
/* online-match */
.online-match { border: 1px solid #e4e4e4; }
.match-tabs .online-match { border-top: 0; }
.online-list { padding-right: 20px; }
.online-list li { padding: 10px 0; }
.online-list li .icon { width: 14px; height: 14px; margin: 3px 10px 0; display: inline-block; float: left; }
.online-list li .time { font-size: 14px; font-weight: bold; margin-right: 10px; width: 25px; display: inline-block; float: left; }
.online-list li .time sup { font-size: 9px; }
.online-list li .news-time { font-size: 16px; font-weight: bold; color: #999; float: left; width: 50px; margin-left: 15px; position: relative; top: 1px; }
.online-list li .text { font-size: 13px; margin-left: 70px; }
.online-list li .important { font-weight: bold; }
.online-list li .red-card, .online-list li .icon5 { background: url(../img/match-line/red_card.png) no-repeat; }
.online-list li .yellow-card, .online-list li .icon4 { background: url(../img/match-line/yellow_card.png) no-repeat; }
.online-list li .goal, .online-list li .icon7, .online-list li .icon12, .online-list li .icon13 { background: url(../img/match-line/ball.png) no-repeat center; }
.online-list li .change, .online-list li .icon3 { background: url(../img/match-line/change.png) no-repeat center; }
.online-list li .whistle, .online-list li .icon1 { background: url(../img/match-line/whistle.png) no-repeat center; }
.online-list li .red-whistle, .online-list li .icon10 { background: url(../img/match-line/red-whistle.png) no-repeat center; }
.online-list li .clock, .online-list li .icon9 { background: url(../img/match-line/timer.png) no-repeat center; }
.online-list li p { margin-bottom: 10px; }
.online-list li p:last-child { margin-bottom: 0; }
.online-list li a { color: #3d84d1; text-decoration: underline; }
.online-list li a:hover { text-decoration: none; }
.online-match .author { border-top: 1px solid #e4e4e4; background: #f9f9f9; }
.online-match .author span { font: 11px/11px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; float: left; margin: 0 25px 0 9px; }
.online-match .author img { float: left; margin-right: 8px; }
.online-match .author { padding: 15px 0; }
.online-match .author .name { font-size: 10px; line-height: 10px; font-weight: bold; text-transform: uppercase; color: #3e3e3e; }
.online-match .author .position { font-size: 10px; color: #525252; text-transform: lowercase; padding-top: 5px; }
.online-match .author .link { font-size: 10px; color: #333333; text-transform: lowercase; }
.online-match .author .link a { text-decoration: underline; }
.online-match .author .link a:hover { text-decoration: none; }
.online-match .scroll-wrap { height: 500px; overflow: hidden; position: relative; border-top: none; }
/* announcement */
.announcement { font-size: 14px; line-height: 20px; border: 1px solid #e4e4e4; padding: 20px 10px 0; }
.match-tabs .announcement { border-top: 0; }
.announcement p { margin-bottom: 20px; }
.announcement i { font-style: italic; color: #666; }
.announcement img { float: right; margin: 0 0 10px 10px; }
/* statistic */
.statistic { border: 1px solid #e4e4e4; }
.match-tabs .statistic { border-top: 0; }
.statistic h3 { font: 16px/22px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; padding: 14px 10px 10px; letter-spacing: .3px; }
/* stat-table */
.stat-table { width: 100%; color: #333; }
.stat-table th { font: 10px/14px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background: #f9f9f9; padding: 10px 0 2px; }
.stat-table th.name { text-align: left; padding-left: 36px; }
.stat-table .rate { width: 55px; text-align: center; }
.stat-table td.rate { font-size: 11px; font-weight: bold; }
.stat-table .zero { color: #999; font-size: smaller; }
.stat-table .red-card { width: 37px; text-align: center; }
.stat-table .yellow-card { width: 57px; text-align: center; }
.stat-table .goal-pass { width: 40px; text-align: center; }
.stat-table .pass { width: 40px; text-align: center; }
.stat-table .goals { width: 60px; text-align: center; }
.stat-table .change { width: 43px; text-align: center; }
.stat-table .main { width: 45px; text-align: center; }
.stat-table td { padding: 7px 0 3px; line-height: 11px; border-bottom: 1px solid #e4e4e4; }
.stat-table td.name img { margin: 0 10px 0; }
.stat-table td.name sub { color: #999; position: relative; top: -2px; margin-right: 2px; }
.stat-table .main i { display: inline-block; width: 9px; height: 9px; background: #188a19; vertical-align: middle; }
.stat-table .change i { display: inline-block; width: 11px; height: 13px; background: url(../img/match-line/change.png) no-repeat; vertical-align: middle; }
.stat-table .yellow-card i { display: inline-block; width: 14px; height: 14px; background: url(../img/match-line/yellow_card.png) no-repeat; vertical-align: middle; }
.stat-table .yellow-card i.two { width: 22px; height: 16px; background: url(../img/match-line/yellow_card2.png) no-repeat; }
.stat-table .red-card i { display: inline-block; width: 14px; height: 14px; background: url(../img/match-line/red_card.png) no-repeat; }
.stat-table span { color: #999; margin-left: 3px; }
.stat-table a:hover { text-decoration: underline; }
/* icons */
.statistic .icons { padding: 10px 10px; }
.statistic .icons p { display: inline-block; width: 24%; line-height: 24px; }
.statistic .icons span { font-weight: bold; text-transform: uppercase; }
.statistic .icons .main { display: inline-block; width: 9px; height: 9px; background: #188a19; vertical-align: middle; margin-right: 4px; }
.statistic .icons .change { display: inline-block; width: 11px; height: 13px; background: url(../img/match-line/change.png) no-repeat; vertical-align: middle; margin-right: 4px; }
.statistic .icons .yellow-card { display: inline-block; width: 14px; height: 14px; background: url(../img/match-line/yellow_card.png) no-repeat; vertical-align: middle; margin-right: 4px; }
.statistic .icons .red-card { display: inline-block; width: 14px; height: 14px; background: url(../img/match-line/red_card.png) no-repeat; vertical-align: middle; margin-right: 4px; }
/* report */
.report { font-size: 14px; border: 1px solid #e4e4e4; padding: 15px 15px 0; }
.report p { margin-bottom: 15px; }
/* match info table */
.match-info-table { width: 100%; border: 1px solid #e4e4e4; margin-top: 11px; color: #333; }
.match-info-table th { font: 11px/11px 'PFDinMedium', Arial, sans-serif; color: #010101; text-align: left; background: #f9f9f9; padding-top: 10px; padding-bottom: 5px; }
.match-info-table th, .match-info-table td { width: 50%; padding-left: 10px; }
.match-info-table td { font-size: 11px; border-top: 1px solid #e4e4e4; padding-top: 3px; padding-bottom: 0; }
.match-info-table td:first-child { border-right: 1px solid #e4e4e4; }
.match-info-table span { color: #999; width: 28%; display: inline-block; }
/* team line-up */
.team-line-up .left-team { float: left; width: 50%; }
.team-line-up .right-team { float: right; width: 50%; text-align: right; }
.team-line-up h4 { font: 21px/21px 'PFDinBold', Arial, sans-serif; display: inline-block; text-transform: uppercase; padding: 24px 0 17px; }
.team-line-up .teams img { margin: 15px 10px 0; }
.team-line-up .match-map { height: 375px; background: url(../img/map/map.jpg) no-repeat; position: relative; }
.team-line-up .match-map div { font-size: 10px; line-height: 14px; position: absolute; color: #fff; display: block; width: 26px; height: 26px; }
.team-line-up .match-map div span { display: block; font-size: 14px; text-align: center; width: 26px; border-radius: 30px; margin-bottom: 5px; padding: 6px 0; }
.team-line-up .match-map .red span { background: #ff3c00; }
.team-line-up .match-map .blue span { background: #0c16ff; }
.team-line-up .match-map div i { display: inline-block; width: 80px; margin-left: -27px; text-align: center; }
/* line-up-table */
.line-up-table { width: 100%; margin-top: 23px; border: 1px solid #e4e4e4; }
.line-up-table th { font-size: 11px; line-height: 11px; padding: 10px 0 6px; text-transform: uppercase; color: #010101; background: #f9f9f9; border-top: 1px solid #e4e4e4; }
.line-up-table td { font-size: 11px; border-top: 1px solid #e4e4e4; padding: 4px 0 1px; }
.line-up-table td span { font-size: 10px; text-transform: lowercase; margin-right: 3px; color: #999; }
.line-up-table td a:hover { text-decoration: underline; }
.line-up-table .event { width: 21%; text-align: right; border-right: 1px solid #e4e4e4; padding-right: 10px; }
.line-up-table .num { width: 4%; padding-left: 10px; }
.line-up-table .name { width: 25%; padding-left: 10px; }
.line-up-table .event i { display: inline-block; margin-left: 8px; }
.line-up-table .event .goal, .line-up-table .event .icon7, .line-up-table .event .icon12, .line-up-table .event .icon13 { background: url(../img/match-line/ball.png) no-repeat center left; padding-left: 18px; }
.line-up-table .event .yellow-card, .line-up-table .event .icon4 { background: url(../img/match-line/yellow_card.png) no-repeat center left; padding-left: 18px; }
.line-up-table .event .red-card, .line-up-table .event .icon5 { background: url(../img/match-line/red_card.png) no-repeat center left; padding-left: 18px; }
.line-up-table .event .change, .line-up-table .event .icon3 { background: url(../img/match-line/change.png) no-repeat center left; padding-left: 18px; }
/* right-online */
.right-online .scroll-wrap { height: 300px; overflow: hidden; position: relative; border: 1px solid #e4e4e4; border-top: none; }
/* online tabs */
.match-tabs .tabs-headers { border-bottom: 2px solid #279228; }
.match-tabs .tabs-headers .ui-tabs-active { border-bottom: 2px solid #279228; color: #188a19; }
.match-tabs .tabs-headers a:hover { color: #188a19; }
/* AUTHORS
----------------------------------------------- */
.author-about { border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.author-about h3 { margin-bottom: 14px; }
.author-about img { float: left; }
.author-about h1 { font: 21px/21px 'PFDinBold', Arial, sans-serif; border-bottom: 1px solid #000; padding-bottom: 15px; margin-left: 121px; }
.author-about p { margin-left: 121px; margin-top: 15px; color: #666; }
.archive-list li .views { font-size: 11px; background: url(../img/icons/views.png) no-repeat right 2px; padding-right: 20px; margin-right: 6px; display: }
.archive-list li .comments { font-size: 11px; background: url(../img/icons/comments.png) no-repeat right 1px; padding-right: 18px; padding-left: 8px; border-left: 1px solid #ccc }
/* GALLERIES
----------------------------------------------- */
.gallery-item { padding: 10px 0 15px; border-bottom: 1px dotted #cecece; }
.gallery-item:first-child { padding-top: 0; }
.gallery-item:last-child { border-bottom: none; }
.gallery-item .date { color: #333; margin-bottom: 5px; }
.gallery-item h3 { font: 28px/32px 'PFDinBold', Arial, sans-serif; color: #030608; }
.gallery-item h3 a:hover { color: #188a19; }
.gallery-item .text { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
/* GALLERY
----------------------------------------------- */
.gallery { position: relative; }
.gallery .date { font-size: 10px; text-transform: uppercase; color: #666; border-bottom: 1px dotted #000; margin-bottom: 10px; }
.gallery h1 { font: 28px/32px 'PFDinBold', Arial, sans-serif; color: #030608; border-bottom: 2px solid #000; padding-bottom: 5px; }
.gallery .intro { font-size: 15px; margin-top: 10px; line-height: 20px; }
.gallery .photo-comment { font-size: 14px; line-height: 20px; padding: 10px 0; }
/* switcher */
.gallery-switcher { border-bottom: 1px solid #000; padding: 10px 0 0; }
.gallery-switcher a { display: inline-block; width: 27px; height: 14px; margin-right: 15px; padding-bottom: 5px; }
.gallery-switcher a.active { border-bottom: 2px solid #000; }
.gallery-switcher .list { background: url(../img/sprites/gallery.png) no-repeat 0 -64px; }
.gallery-switcher .plate { background: url(../img/sprites/gallery.png) no-repeat 0 -192px; }
.gallery-switcher .list.active, .gallery-switcher .list:hover { background-position: 0 0;}
.gallery-switcher .plate.active, .gallery-switcher .plate:hover { background-position: 0 -128px; }
/* photo */
.gallery-slider { overflow: hidden; }
.gallery-slider img.rsImg { display: block; margin: 0 auto; }
.gallery-slider .rsOverflow { margin-top: 10px; background: #000; }
.rsFullscreenBtn { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 20px; height: 20px; z-index: 5; cursor: pointer; }
.gallery-slider .rsNavItem { margin: 4px 0;}
.gallery .copy { font-size: 8px; text-transform: uppercase; padding-left: 10px; text-align: left; background: #f2f2f2; }
.gallery .photo-text { text-align: left; }
.gallery .count { font-size: 11px; color: #666; float: right; margin-right: 10px; }
.gallery .count .current { color: #000; }
/* arrows */
.gallery-slider .rsArrowLeft { position: absolute; top: 0; left: 0; left: 0; width: 68px; height: 100%; background: rgba( 102, 102, 102, 0.3) url(../img/icons/photo-prev.png) center no-repeat; }
.gallery-slider .rsArrowRight { position: absolute; top: 0; right: 0; width: 68px; height: 100%; background: rgba( 102, 102, 102, 0.3) url(../img/icons/photo-next.png) center no-repeat; }
.gallery-slider .rsArrowRight:hover, .gallery-slider .rsArrowLeft:hover { background-color: rgba( 102, 102, 102, 0.5) ; }
/* thumbs photo */
.gallery-slider .rsThumbs { width: 100%; background: #000; margin-top: 10px; }
.gallery-slider .rsThumbs .rsNavItem:hover { outline: 1px solid #fff; }
.gallery-slider .rsThumbs .rsNavItem.rsNavSelected { outline: 1px solid #fff; }
.gallery-slider .rsThumbs .rsNavItem:last-child {}
/* photo plate */
.photo-plate { margin: 10px 0 0 -10px; display: none; }
.photo-plate a { display: block; float: left; margin: 0 0 10px 10px; cursor: pointer; }
.photo-plate a:hover { outline: 2px solid #000; }
.photo-plate a.active { outline: 2px solid #000; }
/* thumbs arrows */
.gallery-slider .rsThumbs .rsThumbsArrowLeft { width: 28px; height: 100%; background: rgba( 0, 0, 0, 0.7) url(../img/icons/photo-prev.png) center no-repeat; position: absolute; top: 0; left: 0; border-right: 1px solid #fff; }
.gallery-slider .rsThumbs .rsThumbsArrowRight { width: 28px; height: 100%; background: rgba( 0, 0, 0, 0.7) url(../img/icons/photo-next.png) center no-repeat; position: absolute; top: 0; right: 0; border-left: 1px solid #fff; }
.gallery-slider .rsThumbs .rsThumbsArrowLeft:hover, .gallery-slider .rsThumbs .rsThumbsArrowRight:hover { background-color: rgba( 102, 102, 102, 0.7); }
.gallery-slider .rsThumbsArrow.rsThumbsArrowDisabled { display: none; }
/* full screen */
.gallery-slider.rsFullscreen { position: fixed !important; height: 100% !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; background: #000; }
.gallery-slider.rsFullscreen .rsArrowLeft, .gallery-slider.rsFullscreen .rsArrowRight { height: 60px; top: 50%; margin-top: -30px; border-radius: 5px; }
/* photo-info */
.photo-info { background: #f2f2f2; }
.photo-info .count { font-size: 11px; float: right; margin-right: 5px; }
.photo-info .count .sum { color: #666; }
.photo-info .author { font-size: 8px; text-transform: uppercase; padding-left: 10px; }
/* photo-text */
.gallery .photo-text { font-size: 14px; margin: 10px 0 1px; }
/* other galleries */
.other-galleries { position: relative; }
.other-galleries .other-link { font: 12px/18px 'PFDinMedium', Arial, sans-serif; position: absolute; top: 0; right: 0; text-decoration: underline; }
.other-galleries .other-list { margin-top: 9px; }
.other-galleries .other-link:hover { text-decoration: none; }
.other-galleries .other-list .other-item:first-child { margin-left: 0; }
.other-galleries .other-item { width: 185px; float: left; margin-left: 6px; }
.other-galleries .other-item h4 { font: 15px/16px 'PFDinMedium', Arial, sans-serif; margin-top: 10px; }
.other-galleries .other-item h4 a:hover { color: #188a19; }
.other-galleries .other-item .date { font-size: 11px; color: #666; margin-top: 5px; }
.other-galleries .other-item .photo { position: relative; overflow: hidden; }
.other-galleries .other-item .photo .sum { font: 12px/16px 'PFDinRegular', Arial, sans-serif; position: absolute; left: 0; width: 100%; height: 100%; text-align: center; background: rgba( 0, 0, 0, 0.6); color: #ccc; padding: 55px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; top: -100%; }
.other-galleries .other-item .photo .sum span { font-size: 24px; line-height: 12px; }
.other-galleries .other-item .photo:hover .sum { top: 0; }
.other-galleries .other-item .photo .sum { transition: top 0.2s ease; }
/* AUTHORS ARTICLE
----------------------------------------------- */
.author-article { padding-top: 4px; }
.author-article .rubric { float: right; }
.author-article .date, .author-article .rubric { font-size: 10px; line-height: 10px; text-transform: uppercase; color: #666; margin-bottom: 13px; }
.author-article h1, .author-article h2 { font: 28px/32px 'PFDinBold', Arial, sans-serif; color: #030608; letter-spacing: .5px; }
.author-article h1 { border-bottom: 2px solid #000; padding-bottom: 5px; margin-bottom: 10px; }
.author-article h2 { margin: 55px 0 20px; }
.author-article .intro { font-size: 15px; font-weight: bold; margin: 0 0 0; }
.article-text { font-size: 14px; line-height: 20px; }
.article-text p, .article-text>div { margin-bottom: 25px; }
.author-article a { color: #267CB9; text-decoration: underline; }
.author-article a:hover { text-decoration: none; }
/* incuts */
.author-article .incut { max-width: 215px; clear: both; font-size: 14px; font-style: italic; line-height: 16px; color: #666; }
.author-article .incut.left { float: left; margin: 0px 20px 20px 0; }
.author-article .incut.right { float: right; margin: 0px 0 20px 20px; }
.author-article .incut i { font: 26px/26px 'PFDinRegular', Arial, sans-serif; display: block; text-align: center; }
.author-article .incut.time { text-align: center; }
.author-article .incut.time i, .author-article .incut.time strong { display: inline-block; font: 28px/32px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; }
.author-article .incut.time strong { color: #ccc; }
.author-article .incut.time span { display: block; border-top: 3px solid #efefef; margin-top: 2px; padding-top: 5px; text-align: left; }
.author-article .incut.pass { padding-top: 4px; }
.author-article .incut.pass i { float: left; width: 57px; margin: -4px 10px 0 0; padding: 16px 0 15px; background: #efefef; }
.author-article .incut.cards { min-width: 69px; position: relative; padding-top: 74px; background: url(../img/icons/incut-card.png) top center no-repeat; text-align: center; }
.author-article .incut.cards i { width: 26px; position: absolute; top: 25px; left: 50%; margin-left: -19px; -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); -o-transform: rotate(16deg); transform: rotate(16deg); }
.author-article .incut.cards strong { display: block; }
.author-article .incut.goals { text-align: center; }
.author-article .incut.goals i { font: 28px/32px 'PFDinRegular', Arial, sans-serif; }
.author-article .incut.circle { padding-top: 5px; }
.author-article .incut.circle i { float: left; width: 60px; margin: -5px 10px 0 0; padding: 17px 0 17px; border-radius: 30px; background: #efefef; }
.author-article .article-author { margin: 30px 0 70px; background: #efefef; position: relative; height: 49px; clear: both; }
.author-article .article-author img { float: left; margin-right: 10px; }
.author-article .article-author .name { font: 15px/20px 'PFDinBold', Arial, sans-serif; color: #333; margin-bottom: 0; padding-top: 5px; }
.author-article .article-author .name a:hover { color: #188a19; }
.author-article .article-author .link { font-size: 10px; position: absolute; right: 20px; top: 15px; }
.author-article .article-author .link { text-decoration: underline; }
.author-article .article-author .link:hover { text-decoration: none; }
.author-article .article-author .position { font-size: 12px; color: #666; }
/* article-text table */
.article-text table { width: 100%; border: 1px solid #E4E4E4; margin-bottom: 10px; }
.article-text table tr { border-bottom: 1px solid #E4E4E4; }
.article-text table tr:nth-child(odd) td { background: #f9f9f9; }
.article-text table th { font: 10px/10px 'PFDinRegular',Arial,sans-serif; background: #ebebeb; padding: 11px 0 5px; border-right: 1px solid #E4E4E4; }
.article-text table td { font-size: 11px; border-right: 1px solid #E4E4E4; padding: 5px 10px 3px; }
/* blockquote */
/*___________incut */
.author-article blockquote, .quotte { position: relative; max-width: 274px; margin-bottom: 20px; padding: 20px 40px; font-size: 15px; line-height: 20px; font-style: italic; background: #f1f3f1; quotes: 'U+201C;' 'U+201D;'; }
.author-article blockquote:before, .author-article blockquote:after, .quotte:before, .quotte:after { content: ''; display: block; width: 16px; height: 12px; position: absolute; }
.author-article blockquote:before, .quotte:before { top: 10px; left: 15px; background: url(../img/icons/quote1.png) no-repeat; }
.author-article blockquote:after, .quotte:after { bottom: 10px; right: 15px; background: url(../img/icons/quote2.png) no-repeat; }
.author-article blockquote.left { float: left; margin-right: 20px; }
.author-article blockquote.right { float: right; margin-left: 20px; }
.quotte { float: right; margin: 0 0 10px 20px; }
/*___________big */
.author-article blockquote.big { max-width: none; padding: 5px 55px; font-size: 20px; line-height: 28px; font-weight: bold; background: url(../img/icons/big-quote1.png) no-repeat 25px top; }
.author-article blockquote.big:before { display: none; }
.author-article blockquote.big:after { width: 14px; height: 10px; background: url(../img/icons/big-quote2.png) no-repeat; bottom: 0; right: 40px; }
/* subjects */
.subjects { width: 265px; float: left; margin-right: 35px; margin-top: 10px; }
.subjects ul { margin-top: 18px; }
.subjects ul li { border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 15px; }
.subjects .date { margin-bottom: 0; }
.subjects p { font-size: 12px; margin-bottom: 0; }
.subjects p a:hover { text-decoration: underline; }
/* subject-tags */
.subject-tags { padding-top: 5px; }
.subject-tags h3 { font-size: 14px; line-height: 14px; font-weight: bold; display: inline-block; position: relative; text-transform: uppercase; padding-right: 10px; margin-right: 5px; vertical-align: text-bottom; }
.subject-tags h3:after { content: ''; display: block; position: absolute; width: 2px; height: 10px; background: #000; right: 0; top: 50%; margin-top: -5px; }
.subject-tags ul { vertical-align: text-bottom; line-height: 13px; display: inline-block; position: relative; }
.subject-tags ul li { font-size: 13px; line-height: 13px; color: #3f86d5; display: inline-block; vertical-align: bottom; }
.subject-tags ul li a:hover { text-decoration: underline; }
/* subject-switcher */
.subject-switcher .bx-viewport { height: 30px; overflow: hidden; }
.subject-switcher { position: relative; }
.subject-switcher .date { font-size: 10px; line-height: 10px; color: #666; }
.subject-switcher h4 a:hover { text-decoration: underline; }
.subject-switcher .subject { padding-left: 40px; }
.subject-switcher .bx-controls a { position: absolute; display: block; width: 25px; top: 0; height: 25px; }
.subject-switcher .bx-prev { background: #000 url(../img/icons/arrow-left2.png) no-repeat center; }
.subject-switcher .bx-next { background: #000 url(../img/icons/arrow-right2.png) no-repeat center; right: 0; }
.subject-switcher .bx-controls a:hover { background-color: #666; }
/* read-also */
.read-also { }
.read-also ul { margin-top: 12px; }
.read-also ul li { margin-top: 22px; }
.read-also ul li:first-child { margin-top: 0; }
.read-also h4 { font: 15px/16px 'PFDinBold', Arial, sans-serif; }
.read-also h4 a:hover { color: #188a19; }
.read-also .date { font-size: 11px; line-height: 12px; color: #666; margin-top: 7px; }
/* game analytic */
.game-analytic .analytic-slider { position: relative; }
.game-analytic .bx-controls a { display: block; position: absolute; width: 25px; height: 25px; }
.game-analytic .bx-controls .bx-prev { background: url("../img/icons/arrow-left.png") no-repeat center #000; top: -35px; right: 27px; }
.game-analytic .bx-controls .bx-next { background: url("../img/icons/arrow-right.png") no-repeat center #000; top: -35px; right: 0; }
.game-analytic .bx-controls a:hover { background-color: #666; }
/* 4-4-2
----------------------------------------------- */
.masonry-news { margin-left: -10px; }
.masonry-news .news-block { width: 310px; margin: 0 0 25px 10px; float: left; }
.masonry-news .news-block img { max-width: 100%; margin-bottom: 5px; height: 230px; }
/* TV-PROGRAMM
----------------------------------------------- */
.live-label { margin: 15px 0; padding-left: 1px; display: inline-block; }
.live-label .live, .tv-match .live { font-size: 8px; text-transform: uppercase; background: #ff3c00; color: #fff; padding: 1px 4px; }
/* channels */
.channels-block { border: 1px solid #e4e4e4; background: #f9f9f9; padding: 5px 10px; }
.channels-block .channels { display: none; }
.channels-block .buttons { width: 110px; float: right; display: none; }
.channels-block .buttons .hide-channels, .channels-block .buttons .submit-channels { font-size: 11px; text-transform: uppercase; display: block; width: 100px; margin: 0 auto; text-align: center; padding: 5px 0; }
.show-channels { color: #666; text-decoration: underline; }
.channels-block .buttons .hide-channels { background: #000; color: #fff; margin-bottom: 15px; margin-top: 10px; }
.channels-block .buttons .hide-channels span { display: inline-block; width: 5px; height: 8px; margin: 2px 0 0 3px; background: url(../img/icons/hide-channels.png) no-repeat; }
.channels-block .buttons .hide-channels:hover { background: #606060; }
.channels-block .buttons .submit-channels { background: #188a19; color: #fff; }
.channels-block .buttons .submit-channels:hover { background: #27ad28; }
.channels-block .channels label { display: inline-block; width: 160px; margin-top: 5px; }
/* tv-days */
.tv-days { margin-top: 10px; }
.tv-days .days-headers h4 { font: bold 18px/20px Arial, sans-serif; font-size: 18px; }
.tv-days .days-headers p { font: 10px/10px Arial, sans-serif; }
.tv-days .day { width: 80px; display: block; float: left; text-align: center; border: 1px solid #e4e4e4; border-left: none; color: #777; }
.tv-days .day:first-child { border-left: 1px solid #e4e4e4; }
.tv-days .day.ui-state-hover, .tv-days .day.ui-state-active { background: #f9f9f9; color: #000; }
.tv-days .day.ui-state-disabled { color: #ccc; }
.tv-days .day.ui-state-disabled a { cursor: default; }
.tv-days .day a { display: block; padding: 15px 0; }
.tv-slider { display: table; width: auto; margin: 10px auto 0; }
.tv-slider .bx-wrapper { display: table-cell; position: relative; z-index: 1; }
.tv-slider .bx-wrapper .bx-viewport { height: 62px; overflow: hidden; margin: 0; }
.tv-slider .bx-wrapper .bx-controls { display: none; }
.tv-slider .tv-control { display: table-cell; width: 35px; position: relative; z-index: 2; }
.tv-slider .tv-control a { display: block; height: 62px; width: 36px; }
.tv-slider .tv-control .bx-prev { margin-right: -1px; background: #000 url(../img/icons/arrow-left2.png) no-repeat center; }
.tv-slider .tv-control .bx-next { margin-left: -1px; background: #000 url(../img/icons/arrow-right2.png) no-repeat center; }
.tv-slider .tv-control a:hover { background-color: #494949; }
.tv-slider .tv-control a.disabled { background-color: #ccc; }
.programm-block { margin-top: 10px; }
.tv-match { display: table; width: 100%; border: 1px solid #e4e4e4; border-top: none; }
.tv-match:first-child { border-top: 1px solid #e4e4e4; }
.tv-match .time, .tv-match .text, .tv-match .icon { display: table-cell; padding: 12px 0 6px; }
.tv-match .time { font: 14px 'PFDinBold', Arial, sans-serif; width: 70px; border-right: 1px solid #e4e4e4; text-align: center; vertical-align: middle; }
.tv-match .icon { width: 100px; text-align: center; vertical-align: middle; }
.tv-match .text { padding-left: 15px; font-size: 13px; }
.tv-match h4 { font-weight: bold; line-height: 21px; }
.tv-match a:hover { text-decoration: underline; }
/* TEAM
----------------------------------------------- */
.info-article .info-logo { max-width: 32%; float: left; padding: 10px 10px 0 0; }
.info-article .info-logo img { max-width: 100%; }
.info-article .info-intro { overflow: hidden; }
.info-article h1 { font: 22px/24px 'PFDinBold', Arial, sans-serif; border-bottom: 1px solid #000; padding-bottom: 10px; margin-top: 15px; }
.statistic-selects .select-block { float: left; margin-left: 15px; }
.statistic-selects .select-block:first-child { margin-left: 0; }
.statistic-selects .tournament-select { width: 185px; }
.statistic-selects .season-select { width: 100px; }
.statistic-selects .tour-select { width: 80px; }
.statistic-selects .team-select { width: 220px; }
/* team-consist */
.consist-header { font-weight: bold; color: #333; margin-top: 10px; text-transform: capitalize; }
.consist-table { width: 100%; border: 1px solid #d2d2d2; border-top-color: #000; }
.consist-table td { border-bottom: 1px solid #d2d2d2; vertical-align: middle; padding: 2px 0; }
.consist-table .num { width: 20px; padding-left: 10px; }
.consist-table .birth { width: 70px; }
.consist-table img { vertical-align: middle; margin-right: 10px; }
.consist-table a:hover { text-decoration: underline; }
.consist-table tr:nth-child(even) { background: #f9f9f9; }
.consist-table p { display: inline-block; vertical-align: middle; }
/* galery */
.info-page-tabs .photo-list.list ul li img { width: 108px; }
/* statistic */
.select-block h4 { color: #999; margin-top: 10px; }
/*.statistic-table */
.statistic-table { width: 100%; border: 1px solid #e4e4e4; border-top-color: #000; margin-top: 10px; }
.statistic-table a:hover { text-decoration: underline; }
.statistic-table th { font: 10px/10px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; background: #ebebeb; border-bottom: 1px solid #e4e4e4; }
.statistic-table th span, .statistic-table th a { width: 35px; display: inline-block; padding: 8px 0 5px; cursor: default; }
.statistic-table th span:hover, .statistic-table th.sorting_asc span, .statistic-table th.sorting_desc span,
.statistic-table th a:hover, .statistic-table th.sorting_asc a:hover, .statistic-table th.sorting_desc a:hover { background: #dadada; text-decoration: none; }
.statistic-table th.flag:hover { background: #ebebeb; }
.statistic-table th.amplua { text-align: left; }
.statistic-table td.amplua { color: #999; }
.statistic-table td { font-size: 11px; line-height: 13px; border-bottom: 1px solid #e4e4e4; padding: 5px 0; vertical-align: middle; color: #333; }
.statistic-table td img { vertical-align: middle; }
.statistic-table tr:hover { background: #f9f9f9; }
.statistic-table .flag { width: 18px; text-align: center; padding: 0 3px 0 10px; }
.statistic-table .flag img { vertical-align: middle; position: relative; bottom: 1px; max-width: 100%; }
.statistic-table th.name { text-align: left; }
.statistic-table th.name span, .statistic-table th.name a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 10px; }
.statistic-table td.name { padding-left: 10px; }
.statistic-table .games { text-align: center; width: 35px; }
.statistic-table .goals { text-align: center; width: 50px; }
.statistic-table .goals i { color: #999; }
.statistic-table .passes { text-align: center; width: 45px; }
.statistic-table .goal-pass { text-align: center; width: 50px; }
.statistic-table .yellow-card { text-align: center; width: 50px; }
.statistic-table .red-card { text-align: center; width: 40px; }
.statistic-table .score { text-align: center; width: 55px; }
.statistic-table .score span, .statistic-table .score a { width: 55px; }
.statistic-table .amplua { width: 25px; text-align: left; text-transform: uppercase; }
.statistic-table .zero { color: #999; }
.signs { border: 1px solid #e4e4e4; border-top: none; padding: 10px 10px 5px; }
.signs p { display: inline-block; width: 31%; margin-bottom: 5px; }
.signs p span { color: #999; }
/* trophies */
.trophies { margin-top: 10px; border: 1px solid #e4e4e4; }
.trophies h3 { font: 12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; text-align: center; background: #f9f9f9; padding: 10px 0 6px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.trophies h3:first-child { border-top: none; }
.trophies p { font-size: 13px; text-align: center; padding: 10px 75px; }
.records { font-size: 13px; width: 100%; }
.records td { width: 50%; padding: 10px; border-bottom: 1px solid #e4e4e4; }
.records td:first-child { font-weight: bold; border-right: 1px solid #e4e4e4; }
.records tr:last-child td { border-bottom: none; }
/* CONFERENCES
----------------------------------------------- */
.conferences-wrap { margin: 15px 0 0 -2%; }
.conference-block { float: left; width: 48%; border-bottom: 1px dotted #cecece; padding-bottom: 15px; margin: 0 0 15px 2%; }
.conference-block img { float: left; margin-right: 10px; }
.conference-block .author { font: 11px/11px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #333; }
.conference-block .author a:hover { color: #188A19; }
.conference-block h4 a:hover { text-decoration: underline; }
.conference-block .date { line-height: 8px; font-size: 8px; text-transform: uppercase; color: #999; }
.conference-block .answers { font-size: 10px; line-height: 10px; color: #333; }
.conference-block .new { font-size: 10px; line-height: 10px; color: #ff4400; }
.conference-block h3 { color: #333; }
.conference-block .text { line-height: 14px; vertical-align: bottom; margin-bottom: 2px; margin-top: 1px; }
.conference-block .text span { display: inline-block; vertical-align: bottom; }
/* CONFERENCE
----------------------------------------------- */
.conference .conference-avatar { margin-right: 20px; float: left; }
.conference .intro { margin-top: 15px; overflow: hidden; }
.conference .intro h1 { font: 22px/24px 'PFDinBold', Arial, sans-serif; border-bottom: 1px solid #000; padding-bottom: 8px; }
.conference .intro .intro-info { margin: 10px 0 15px; line-height: 16px; }
.conference .intro .intro-info h2 { font-weight: bold; font-size: 15px; }
.conference .intro .intro-info p, .conference .intro .intro-info h2, .conference .intro .intro-info > div { margin-top: 15px; }
.conference .intro .intro-info > *:first-child { margin-top: 0; }
.conference .intro .intro-info a { color: #009ce5; text-decoration: underline; }
.conference .intro .intro-info a:hover { text-decoration: none; }
.conference .conference-author { padding-bottom: 3px; border-bottom: 1px solid #ccc; }
/* conference question */
.conference .question-block { background: #f1f1f1; border: 1px solid #e9e9e9; padding: 14px; margin: 25px 0 10px; }
.conference .question-search { float: right; position: relative; }
.conference .question-search .question-input { border: none; background: #fff; border-radius: 15px; padding: 7px 15px; width: 150px; }
.conference .question-search .search-button { position: absolute; width: 15px; height: 15px; background: url(../img/icons/search-button2.png) no-repeat; right: 10px; top: 50%; margin-top: -8px; }
.conference .question-block > button, .conference .question-block > a, .conference .question-block > input { display: inline-block; font: 12px/20px 'PFDinBold', Arial, sans-serif; color: #fff; background: #000; text-transform: uppercase; padding: 5px 10px 2px; margin-right: 5px; letter-spacing: .5px; }
.conference .question-block > button:hover, .conference .question-block > a:hover, .conference .question-block > input:hover { background-color: #666; }
.conference .question-block .delete { text-indent: -9999px; width: 28px; background: #e33131 url(../img/icons/delete-question.png) no-repeat center; }
.conference .question-block .delete:hover { background-color: #000; }
/* conference answer */
.conference .answer-block { margin-top: 35px; }
.conference .answer-block .feed-header { width: 50%; float: left; margin-bottom: 10px; }
.conference-table { width: 100%; clear: both; border: 1px solid #e4e4e4; }
.conference-table td { width: 50%; padding: 12px 10px; }
.conference-table td:first-child { border-right: 1px solid #e4e4e4; }
.conference-table .top { float: right; line-height: 11px; margin-bottom: 15px; }
.conference-table .cell-text { clear: both; line-height: 16px; }
.conference-table .cell-text > p, .conference-table .cell-text > div { padding-top: 12px; }
.conference-table .cell-text > p:first-child, .conference-table .cell-text > div:first-child { padding-top: 0; }
.conference-table h4 { font-size: 11px; line-height: 14px; font-weight: bold; margin-bottom: 15px; }
.conference-table .num { font-size: 11px; color: #67a9e2; text-decoration: underline; line-height: 14px; vertical-align: bottom; }
.conference-table .num:hover { text-decoration: none; }
.conference-table .date { font-size: 11px; color: #999; display: inline-block; vertical-align: bottom; line-height: 11px; }
.conference-table .answer { display: inline-block; width: 12px; height: 11px; background: url(../img/icons/answer2.png) no-repeat; vertical-align: bottom; }
.conference-table .delete { display: inline-block; width: 9px; height: 9px; background: url(../img/icons/delete-question2.png) no-repeat; vertical-align: bottom; margin: 0 5px; position: relative; top: -1px; }
.conference-table tr { border-bottom: 1px solid #000; }
.conference-table tr:last-child { border-bottom: none; }
/* FORECAST REGISTRATION
----------------------------------------------- */
.forecast-registration h1 { font: 28px/32px 'PFDinBold', Arial, sans-serif; padding: 15px 15px 10px; }
.forecast-registration h4 { font-size: 14px; font-weight: bold; padding: 0 15px; }
.forecast-registration ol { list-style: decimal inside; padding: 20px 15px 10px; }
.forecast-registration .forecast-rules { border: 1px solid #e4e4e4; border-top: none; }
.forecast-registration .forecast-rules .scroll-wrap { max-height: 520px; overflow: hidden; position: relative; }
.forecast-registration .buttons { background: #f9f9f9; border: 1px solid #e4e4e4; border-top: none; padding: 10px 15px; }
.forecast-registration .buttons .country { display: inline-block; margin-top: 3px; }
.forecast-registration .buttons .country-select { display: inline-block; width: 130px; margin: 0 10px; }
.forecast-registration .buttons .registration { font: 12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; padding: 7px 10px 4px; letter-spacing: .4px; background: #188a19; color: #fff; display: inline-block; margin-left: 15px; position: relative; right: -5px; }
.forecast-registration .buttons .registration:hover { background: #1d6f1e; }
.forecast-registration .buttons .agree { display: inline-block; width: 160px; margin-left: 5px; }
.forecast-registration .buttons .agree span { display: block; margin-left: 15px; margin-top: 2px; line-height: 14px; }
.forecast-registration .buttons > * { vertical-align: middle; }
/* leaders */
.leaders-table { width: 100%; margin-top: 10px; }
.leaders-table tr { border: 1px solid #d2d2d2; }
.leaders-table tr:first-child { border-color: #e5e5e5; border-bottom-color: #d2d2d2; background: #ebebeb; }
.leaders-table tr:nth-child(even) { background: #f9f9f9; }
.leaders-table .num { width: 20px; padding-left: 10px; }
.leaders-table .score { width: 45px; }
.leaders-table td.score { text-align: right; padding-right: 10px;}
.leaders-table .name img { vertical-align: middle; margin-right: 10px; }
.leaders-table a:hover { text-decoration: underline; }
.leaders-table th { font: 10px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; padding: 8px 0 5px; }
.leaders-table td { padding: 3px 0; }
/* not-registred */
.not-registred { background: #f0efef; border: 1px solid #e4e4e4; text-align: center; padding: 35px 0; }
.not-registred h3 { font: 24px/28px 'PFDinBold', Arial, sans-serif; }
.not-registred a { font: 12px/16px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; display: inline-block; background: #000; color: #fff; padding: 6px 15px 3px; margin: 0 2px; }
.not-registred a:hover { background: #666; }
.not-registred p { margin-bottom: 20px; line-height: 16px; }
.not-registred .icon { margin: 40px 0 40px; }
.not-registred .already-registred { background: #188a19; }
.not-registred .already-registred:hover { background: #3b993c; }
/* FORECAST RATE
----------------------------------------------- */
.forecast-rate .countries-block { margin-top: 10px; }
.forecast-rate .countries-block .country { display: inline-block; width: 12%; margin-bottom: 5px; }
.forecast-rate .countries-block .country span, .forecast-rate .countries-block .country img { display: inline-block; vertical-align: middle; }
.forecast-rate .countries-block .country img { margin-right: 4px; }
.forecast-rate .countries-block .country a:hover { color: #188a19; }
.forecast-rate .countries-block .country.active { color: #188a19; }
/* forecast rate table */
.forecast-rate-table { width: 100%; margin-top: 10px; border: 1px solid #e4e4e4; }
.forecast-rate-table tr { border-bottom: 1px solid #e4e4e4; }
.forecast-rate-table th { font: 10px/10px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; vertical-align: middle; padding: 6px 0 0px; background: #ebebeb; }
.forecast-rate-table .num { width: 30px; padding: 0 5px; text-align: center; }
.forecast-rate-table .score { width: 50px; text-align: center; }
.forecast-rate-table .guess { width: 120px; text-align: center; }
.forecast-rate-table .matches { width: 75px; text-align: center; }
.forecast-rate-table .name img { vertical-align: middle; margin-right: 10px; }
.forecast-rate-table a:hover { text-decoration: underline; }
.forecast-rate-table tr:hover { background: #fbfbfb; }
.forecast-rate-table td { padding: 2px 0; }
.forecast-rate-table th.name { text-align: left; padding-left: 25px; }
.forecast-rate-table th.name .rate-search { display: inline-block; position: relative; vertical-align: middle; top: -3px; }
.forecast-rate-table th.name .rate-search .rate-input { border: none; border-radius: 15px; margin-left: 55px; width: 140px; padding: 3px 25px 3px 15px; }
.forecast-rate-table th.name .rate-search .rate-searchbutton { display: block; width: 15px; height: 15px; background: url(../img/icons/search-button2.png) no-repeat; position: absolute; right: 8px; top: 50%; margin-top: -7.5px; }
/* forecast-tours-table */
.forecast-tours-table { width: 100%; border: 1px solid #e4e4e4; margin-top: 10px; }
.forecast-tours-table th { font: 10px/12px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; text-align: left; padding: 9px 0 4px; }
.forecast-tours-table td { font-size: 11px; padding: 2px 0; }
.forecast-tours-table tr { border-bottom: 1px solid #e4e4e4; }
.forecast-tours-table tr:first-child { background: #ebebeb; }
.forecast-tours-table tr:nth-child(even) { background: #f9f9f9; }
.forecast-tours-table .num { width: 45px; padding-left: 10px; }
.forecast-tours-table .more-cell { width: 80px; text-align: center; }
.forecast-tours-table a:hover { text-decoration: underline; }
/* FORECAST
----------------------------------------------- */
.forecast-tournament-table { width: 100%; border: 1px solid #e4e4e4; margin-top: 10px; }
.forecast-tournament-table th { font: 10px/12px 'PFDinRegular', Arial, sans-serif; padding: 10px 0 4px; text-transform: uppercase; background: #ebebeb; }
.forecast-tournament-table td { font-size: 11px; padding: 2px 0; text-align: center; color: #333; }
.forecast-tournament-table tr { border-bottom: 1px solid #e4e4e4; }
.forecast-tournament-table tr:nth-child(even) { background: #f9f9f9; }
.forecast-tournament-table a:hover { text-decoration: underline; }
.forecast-tournament-table .tour { width: 65px; text-align: left; padding-left: 10px; }
.forecast-tournament-table .matches { width: 120px; }
.forecast-tournament-table .users { width: 150px; }
.forecast-tournament-table .more-cell { width: 75px; }
/* FORECAST-OPEN
----------------------------------------------- */
.forecast-intro { text-align: center; padding: 10px 100px; line-height: 18px; }
.forecast-table { width: 100%; border: 1px solid #e4e4e4; }
.forecast-table tr { border-bottom: 1px solid #e4e4e4; }
.forecast-table th { font: 10px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; background: #f9f9f9; padding: 12px 0 7px; letter-spacing: .5px; }
.forecast-table td { vertical-align: middle; padding: 10px 0; }
.forecast-table td label { cursor: pointer; }
.forecast-table td label input { display: none; }
.forecast-table td label input + i { display: inline-block; width: 4px; height: 4px; box-shadow: 0px 0px 0px 1px #000; vertical-align: middle; border: 2px solid #fff; border-radius: 35px; }
.forecast-table td label input:checked + i { background: #000; }
.forecast-table td label.win input + i { background: #ff3600; border-color: #ff3600; box-shadow: 0px 0px 0px 1px #ff3600; }
.forecast-table td label.win input:checked + i { background: #188a19; border-color: #188a19; box-shadow: 0px 0px 0px 1px #188a19; }
.forecast-table th.right-cell { padding-right: 10px; }
.forecast-table th.date { padding-left: 45px; }
.forecast-table .time { width: 35px; padding-left: 10px; }
.forecast-table .left-team { text-align: right; }
.forecast-table .score { font-size: 13px; font-weight: bold; width: 40px; text-align: center; }
.forecast-table .left-team span, .forecast-table .right-team span { display: inline-block; width: 25px; text-align: center; }
.forecast-table .left-team span { margin-left: 3px; }
.forecast-table .right-team span { margin-right: 2px; }
.forecast-table .left-team img, .forecast-table .right-team img { max-width: 100%; }
.forecast-table .outcome { width: 25px; text-align: center; }
.forecast-table .outcome.right { padding-right: 10px; }
/* TOURNAMENT-OPEN
----------------------------------------------- */
.main-tournament-table { width: 100%; border: 1px solid #e4e4e4; margin-top: 10px; }
.main-tournament-table tr { border-bottom: 1px solid #e4e4e4; }
.main-tournament-table tr:hover { background: #f9f9f9; }
.main-tournament-table th { font: 10px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; padding: 8px 0 5px; background: #ebebeb; }
.main-tournament-table td { font-size: 11px; padding: 5px 0; }
.main-tournament-table a:hover { text-decoration: underline; }
.main-tournament-table th.date { text-align: left; padding-left: 10px; }
.main-tournament-table .num { width: 25px; padding-left: 10px; text-align: left; }
.main-tournament-table .logo { width: 25px; text-align: center; }
.main-tournament-table .logo img { max-width: 100%; }
.main-tournament-table .team { padding-left: 10px; }
.main-tournament-table .games, .main-tournament-table .win, .main-tournament-table .draw, .main-tournament-table .lose, .main-tournament-table .goal,
.main-tournament-table .miss, .main-tournament-table .diff, .main-tournament-table .score { width: 40px; text-align: center; }
.main-tournament-table .group { text-align: center; text-transform: uppercase; }
.main-tournament-table .form { text-align: center; width: 80px; padding-right: 8px; padding-left: 8px; }
.main-tournament-table .form a { display: inline-block; width: 8px; height: 8px; margin: 0 4px; background: #ccc; vertical-align: middle; }
.main-tournament-table .form a.win-form { background: #188a19; }
.main-tournament-table .form a.lose-form { background: #ff3c00; }
.tournament-text { padding: 15px 10px 0; border: 1px solid #e4e4e4; border-top: none; }
.tournament-text p { margin-bottom: 15px; }
/* MATCH-CENTER
----------------------------------------------- */
.match-center .table-block { border: 1px solid #e4e4e4; border-bottom: none; border-top-color: #000; margin-top: 10px; }
.match-center .match-name { text-align: center; padding: 15px 0 5px; border-bottom: 1px solid #e4e4e4 }
.match-center .match-name h4 { font: 12px/16px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; padding: 8px 0; }
.match-center .match-date { font: 10px/14px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; text-align: center; border-bottom: 1px solid #e4e4e4; background: #f9f9f9; padding: 8px 0 5px; }
.match-center .match-text { text-align: center; padding-top: 5px; color: #666; }
.match-center .match .hidden { display: none; }
.match-center .match { }
/* match */
.match-center-table { width: 100%; table-layout: fixed; border-bottom: 1px solid #e4e4e4; }
.match-center-table td { vertical-align: middle; height: 45px; }
.match-center-table .time { vertical-align: middle; width: 30px; padding-left: 10px; }
.match-center-table .tv-logo { width: 80px; text-align: center; }
.match-center-table .tv-logo img { width: 45px; }
.match-center-table .left-team { text-align: right; }
.match-center-table .score { font-size: 15px; font-weight: bold; width: 33px; text-align: center; }
.match-center-table .left-team span, .match-center-table .right-team span { display: inline-block; width: 25px; text-align: center; }
.match-center-table .left-team span { margin-left: 3px; }
.match-center-table .right-team span { margin-right: 3px; }
.match-center-table .left-team img, .match-center-table .right-team img { max-width: 100%; }
.match-center-table a:hover { text-decoration: underline; }
.match-center-table .more-button { width: 115px; text-align: right; overflow: hidden; }
.match-center-table .more-button .match-link { line-height: 18px; width: 40px; height: 45px; border-left: 1px solid #e4e4e4; background: #f5f5f5 url(../img/icons/match1.png) center no-repeat; display: inline-block; }
.match-center-table .more-button .match-link:hover { background: #e4e4e4 url(../img/icons/match2.png) center no-repeat; }
.match-center-table .inner { display: table-row; width: 100%; }
/* active match */
.match.active { border-top: 2px solid #000; border-bottom: 1px solid #000; }
.match.active .match-center-table .more-button .match-link { background: #000 url(../img/icons/match3.png) center no-repeat; }
.match.active .match-center-table .more-button .match-link:hover { background-color: #666; }
.match.active .match-center-table:first-child { border-bottom: 1px dotted #e4e4e4; }
/* goals table */
.goals-table { width: 100%; border-bottom: 1px solid #e4e4e4; }
.goals-table th { font-size: 11px; text-transform: uppercase; border-bottom: 1px solid #e4e4e4; background: #f9f9f9; padding: 4px 0; }
.goals-table tr { border-bottom: 1px solid #e4e4e4; }
.goals-table td { width: 50%; border-right: 1px solid #e4e4e4; padding: 4px 10px; }
.goals-table td a:hover { text-decoration: underline; }
.goals-table .right { text-align: right; }
.goals-table .left span { background: url(../img/match-line/ball.png) no-repeat left center; padding-left: 20px; margin-right: 5px; width: 25px; display: inline-block; }
.goals-table .right span { background: url(../img/match-line/ball.png) no-repeat right center; padding-right: 20px; margin-left: 5px; width: 25px; display: inline-block; }
/* match filters */
.match-selects .team-select { width: 175px; }
.match-selects .drop-cal-wrap { margin-left:10px; }
/* INTERVIEW
----------------------------------------------- */
.interviews h3 { margin-bottom: 10px; }
.interview-block { border-bottom: 1px dotted #cecece; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }
.interview-block .date { font-size: 9px; text-transform: uppercase; color: #666; }
.interview-block h4 { font-size: 14px; font-weight: bold; }
.interview-block h4 a:hover { color: #188a19; }
/* PLAYER
----------------------------------------------- */
.player-biography { border: 1px solid #e4e4e4; border-top: none; padding: 20px 0 0; }
.player-biography h4 { font-size: 15px; font-weight: bold; color: #333; padding: 0 10px; }
.player-biography p { font-size: 13px; line-height: 18px; color: #333; margin-bottom: 15px; padding: 0 10px; }
/* biography-table */
.biography-table { width: 100%; margin-top: 10px; }
.biography-table th { font: 10px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; background: #f9f9f9; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 12px 0 7px; }
.biography-table td { font-size: 13px; color: #333; padding: 5px 0; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
.biography-table td:first-child { border-left: none; }
.biography-table tr:last-child td { border-bottom: none; }
.biography-table th.season { text-align: left; }
.biography-table th.club { text-align: left; padding-left: 12px; }
.biography-table th.division { text-align: left; padding-left: 12px; }
.biography-table .season { width: 85px; padding-left: 10px; }
.biography-table td.club { padding-left: 10px; }
.biography-table td.club img { width: 18px; vertical-align: middle; margin-right: 3px; position: relative; top: -1px; }
.biography-table td.division { width: 120px; padding-left: 10px; }
.biography-table td a:hover { text-decoration: underline; }
.biography-table .chempoinship { text-align: center; width: 65px; }
.biography-table .euro { text-align: center; width: 65px; }
/* player-statistic-table */
.player-statistic-table { width: 100%; margin-top: 10px; border: 1px solid #e4e4e4; }
.player-statistic-table tr:hover { background: #f9f9f9; }
.player-statistic-table th { font: 10px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; background: #ebebeb; border-bottom: 1px solid #e4e4e4; }
.player-statistic-table th span { display: block; padding: 10px 0 3px; cursor: default; }
.player-statistic-table th.sorting_asc, .player-statistic-table th.sorting_desc { font-family: 'PFDinBold'; }
.player-statistic-table th span:hover { background: #dadada; }
.player-statistic-table td { line-height: 16px; border-bottom: 1px solid #e4e4e4; padding: 3px 0 2px; vertical-align: middle; color: #333; }
.player-statistic-table a:hover { text-decoration: underline; }
.player-statistic-table th.tour { text-align: left; }
.player-statistic-table th.tour span { padding-left: 10px; }
.player-statistic-table td.tour { width: 45px; padding-left: 10px; }
.player-statistic-table .logo { width: 30px; text-align: center; }
.player-statistic-table .logo img { vertical-align: middle; }
.player-statistic-table .role { font-size: 10px; text-transform: lowercase; color: #999; width: 10px; }
.player-statistic-table .enemy { text-align: left; }
.player-statistic-table th.enemy span { padding-left: 5px; }
.player-statistic-table .score { width: 45px; text-align: center; }
.player-statistic-table .main { width: 45px; text-align: center; }
.player-statistic-table .main i { display: inline-block; width: 9px; height: 9px; background: #188a19; vertical-align: middle; }
.player-statistic-table .change { width: 25px; text-align: center; }
.player-statistic-table .change i { display: inline-block; width: 11px; height: 13px; background: url(../img/match-line/change.png) no-repeat; vertical-align: middle; }
.player-statistic-table .games { width: 45px; text-align: center; }
.player-statistic-table .goals { width: 50px; text-align: center; }
.player-statistic-table .goals i { color: #999; }
.player-statistic-table .goal-pass { width: 30px; text-align: center; }
.player-statistic-table .goal-plus-pass { width: 55px; text-align: center; }
.player-statistic-table .yellow-card { width: 25px; text-align: center; }
.player-statistic-table .yellow-card i { display: inline-block; width: 14px; height: 14px; background: url(../img/match-line/yellow_card.png) no-repeat; vertical-align: middle; }
.player-statistic-table .yellow-card i.two { width: 22px; height: 16px; background: url(../img/match-line/yellow_card2.png) no-repeat; }
.player-statistic-table .red-card { width: 50px; text-align: center; }
.player-statistic-table .red-card i { display: inline-block; width: 14px; height: 14px; background: url(../img/match-line/red_card.png) no-repeat; vertical-align: middle; }
.player-statistic-table .points { width: 60px; text-align: center; }
.player-statistic-table .zero { color: #999999; }
/* biography-small-table */
.biography-small-table { width: 100%; margin-top: 10px; border: 1px solid #e4e4e4; }
.biography-small-table tr { border-bottom: 1px solid #e4e4e4; }
.biography-small-table th { font: 10px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; padding: 11px 0 8px; background: #f9f9f9; }
.biography-small-table td { border-left: 1px solid #e4e4e4; padding: 6px 0 4px; }
.biography-small-table td a:hover { text-decoration: underline; }
.biography-small-table .season { width: 90px; padding-left: 10px; text-align: left; }
.biography-small-table .club { padding-left: 5px; text-align: left; }
.biography-small-table th.club { padding-left: 10px; }
.biography-small-table .club img { vertical-align: middle; margin-right: 5px; position: relative; top: -1px; width: 20px; }
.biography-small-table .games { width: 50px; text-align: center; }
.biography-small-table .goals { width: 50px; text-align: center; }
/* SUBJECTS
----------------------------------------------- */
.subjects-wrap { margin-top: 10px; }
.subjects-wrap .left { width: 311px; float: left; }
.subjects-wrap .right { width: 311px; float: right; }
.subject-block { position: relative; overflow: hidden; margin-bottom: 7px; }
.subject-block .text p { color: #ccc; padding: 0 10px 10px; }
.subject-block .text h4 { font: 24px/32px 'PFDinMedium', Arial, sans-serif; color: #fff; padding: 10px 10px 0px; }
.subject-block .header span { position: relative; display: block; }
.subject-block .header img { margin: 40px 0 23px; }
.subject-block .photo img { width: 311px; height: 222px; }
.subject-block .text { max-height: 0; background: #000; border-top: 1px solid rgba(255,255,255,0.5); }
.subject-block .header { font: 24px/32px 'PFDinMedium', Arial, sans-serif; text-align: center; color: #fff; position: absolute; width: 100%; height: 100%; bottom: 0; top: 0; background: rgba(0,0,0,0.8); }
.subject-block:hover .header { top: 100%; }
.subject-block:hover .text { max-height: 300px; }
/* transitions */
.subject-block .header { transition: top 0.3s ease; }
.subject-block .text { transition: all 0.7s ease; }
/* subjects archive */
.subject-archive ul { font: 21px/28px 'PFDinMedium', Arial, sans-serif; }
.subject-archive ul li { border-bottom: 1px dotted #cecece; padding: 15px 0; margin-bottom: 5px; }
.subject-archive ul li a:hover { color: #188a19; }
/* SUBJECT OPEN
----------------------------------------------- */
.subject h1 { font: 28px/32px 'PFDinBold', Arial, sans-serif; margin: 15px 0 0; }
.subject > p { font-size: 14px; line-height: 20px; }
/* subject-galleries */
.subject-galleries .bx-viewport { height: 244px; overflow: hidden; }
.subject-galleries h3 { margin-bottom: 7px; }
.subject-galleries .subject-gallery-item { width: 205px; float: left; position: relative; }
.subject-galleries .subject-gallery-item .photo { position: relative; overflow: hidden; height: 147px; }
.subject-galleries .subject-gallery-item .photo .sum { font: 24px/32px 'PFDinRegular', Arial, sans-serif; color: #ccc; text-align: center; position: absolute; top: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.subject-galleries .subject-gallery-item .photo .sum span { margin-top: 55px; display: inline-block; }
.subject-galleries .subject-gallery-item .photo:hover .sum { top: 0; }
.subject-galleries .subject-gallery-item .photo .sum { transition: top 0.2s ease; }
.subject-galleries .subject-gallery-item h4 { font: 15px 'PFDinMedium', Arial, sans-serif; margin: 10px 0 10px; }
.subject-galleries .subject-gallery-item h4 a:hover { color: #188a19;}
.subject-galleries .subject-gallery-item .date { font-size: 11px; color: #666; text-transform: uppercase; }
.subject-galleries .bx-controls-direction a { display: block; width: 23px; height: 21px; position: absolute; top: -33px; }
.subject-galleries .bx-controls-direction .bx-prev { background: #000 url(../img/icons/arrow-left.png) center no-repeat; right: 24px; }
.subject-galleries .bx-controls-direction .bx-next { background: #000 url(../img/icons/arrow-right.png) center no-repeat;; right: 0; }
.subject-galleries .bx-controls-direction a:hover { background-color: #666; }
/* CABINET
----------------------------------------------- */
.cabinet .user { margin-top: 15px; }
.cabinet .user .avatar { float: left; margin-right: 10px; }
.cabinet .user .user-text { overflow:hidden; }
.cabinet .user .user-text .social-list { float: right; margin-right: 0; }
.cabinet .user .user-text h1 { font: 22px 'PFDinBold', Arial, sans-serif; border-bottom: 1px solid #000; padding-bottom: 8px; }
.cabinet .user .user-text .c-link { font: 12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #999; display: inline-block; padding: 11px 15px 7px; margin-top: 18px; float: right; background: #ececec; letter-spacing: .3px; }
.cabinet .user .user-text .edit i { display: inline-block; width: 11px; height: 11px; background: url(../img/sprites/cabinet.png) no-repeat 0 -306px; vertical-align: middle; margin-top: -1px; margin-right: 5px; }
.cabinet .user .user-text .add-link i { display: inline-block; width: 14px; height: 11px; background: url(../img/sprites/cabinet.png) no-repeat 0 -61px; vertical-align: middle; margin-right: 5px; margin-top: -1px; }
.cabinet .user .user-text .c-link:hover { background: #E0E0E0; color: #666; }
.cabinet .user .user-text .edit:hover i { background: url(../img/sprites/cabinet.png) no-repeat 0 -245px; }
.cabinet .user .user-text .user-table { margin-top: 15px; }
.cabinet .user .user-text .user-table td:first-child { width: 110px; color: #333; }
.cabinet-tabs { margin-top: 35px; }
/* profile */
.profile { margin-top: 8px; border: 1px solid #e4e4e4; }
.profile > p { font-size: 13px; line-height: 22px; color: #666; padding: 15px 12px; }
.profile h3 { font: 12px/12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; text-align: center; padding: 10px 0 8px; color: #333; background: #f9f9f9; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.profile h3:first-child { border-top: none; }
.profile .profile-info-table { font-size: 13px; margin: 15px 12px; }
.profile .profile-info-table td { padding: 3px 0; }
.profile .profile-info-table td:first-child { width: 110px; color: #666; }
/* blogs */
.blogs { padding-bottom: 20px; }
.blog-block { width: 50%; float: left; margin-top: 20px; }
.blog-block img { margin-left: 12px; float: left; }
.blog-block .text { margin-left: 65px; }
.blog-block .text h4 { font-weight: bold; line-height: 18px; margin-top: -3px; margin-bottom: 2px; }
.blog-block .text h4 a:hover { text-decoration: underline; }
.blog-block .text p { line-height: 18px; color: #666; }
/* blog main */
.blogs-main { padding-bottom: 20px; }
.blogs-main .blog { margin-top: 20px; padding-right: 15px; }
.blogs-main .blog img { float: left; margin-left: 12px; }
.blogs-main .blog .text { margin-left: 65px; }
.blogs-main .blog .date { font-size: 10px; line-height: 12px; color: #999; position: relative; top: -2px; }
.blogs-main .blog h4 { font-size: 15px; font-weight: bold; color: #333; margin-bottom: 3px; }
.blogs-main .blog .author { float: right; }
.blogs-main .blog a:hover { text-decoration: underline;}
.blogs-main .blog p span { color: #ccc; margin-right: 5px; }
.blogs-main .blog .author { font-size: 13px; color: #666; }
.blogs-main .blog .blog-name { font-size: 13px; color: #666; }
/* no blogs */
.no-blogs { background: #f9f9f9; border: 1px solid #e4e4e4; padding: 0 10px; margin-top: 8px; }
.no-blogs .add-blog { font: 12px/12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; padding: 10px 25px 8px; background: #000; color: #fff; float: right; margin-top: 10px; }
.no-blogs .add-blog:hover { background: #666; }
.no-blogs p { padding: 15px 0; }
/* friends */
.friends { padding-bottom: 20px; }
.friends .friend { width: 50%; float: left; margin-top: 20px; }
.friends .friend i { display: inline-block; float: left; width: 6px; height: 6px; background: #c9c9c9; margin-left: 5px; }
.friends .friend i.online { background: #188A19; }
.friends .friend img { margin-left: 12px; float: left; }
.friends .friend .text { margin-left: 72px; }
.friends .text h4 { font-weight: bold; line-height: 14px; position: relative; top: -3px; }
.friends .text h4 a:hover { text-decoration: underline; }
.friends .text p { font-size: 10px; line-height: 12px; color: #666; }
.main-right .friends .friend { float: none; width: auto; border-bottom: 1px dotted #cecece; padding-bottom: 10px; margin-top: 10px; }
.main-right .friends .friend img { margin-left: 0; }
.main-right .friends .friend .text { margin-left: 60px; }
.main-right .friends .friend .add-friend { float: right; display: block; width: 33px; height: 33px; background: #ececec url(../img/sprites/cabinet.png) no-repeat 11px -50px; margin-top: 3px; }
.main-right .friends .friend .add-friend:hover { background: #188a19 url(../img/sprites/cabinet.png) no-repeat 11px 11px; }
/* friends request */
.friends.friends-request .friend { float: none; width: auto; padding-right: 15px; }
.friends.friends-request .friend .text { float: none; display: inline-block; width: auto; margin-left: 5px; }
.friends.friends-request .friend > a { font: 12px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; color: #999; background: #ececec; margin-left: 10px; padding: 12px 10px 9px; float: right; display: inline-block; }
.friends.friends-request .friend > a:hover { background: #E0E0E0; color: #666;}
.friends.friends-request .friend .black-list i { display: inline-block; width: 10px; height: 12px; background: url(../img/sprites/cabinet.png) no-repeat 0 -122px; margin-right: 5px; vertical-align: middle; margin-top: -2px; }
.friends.friends-request .friend .deny i { display: inline-block; width: 14px; height: 11px; background: url(../img/sprites/cabinet.png) no-repeat 0 -184px; margin-right: 5px; vertical-align: middle; margin-top: -1px; }
.friends.friends-request .friend .add-friend { text-indent: -999px; background: #E0E0E0 url(../img/sprites/cabinet.png) no-repeat 14px -50px; width: 20px }
.friends.friends-request .friend .add-friend:hover { background: #188a19 url(../img/sprites/cabinet.png) no-repeat 14px 11px; }
/* favorites-list */
.favorites-list { padding: 17px 10px 12px; }
.favorites-list li { font-size: 13px; line-height: 14px; margin-bottom: 10px; font-weight: bold; display: inline-block; margin-right: 10px; border-right: 1px solid #000; padding-right: 10px; height: 14px; }
.favorites-list li a:hover { text-decoration: underline; }
.favorites-list li:last-child { border: none; }
/* forecast-profile-table */
.forecast-profile-table { font-size: 13px; margin: 15px 12px; }
.forecast-profile-table td { padding: 3px 0; }
.forecast-profile-table td:first-child { width: 165px; color: #666; }
/* fantasy */
.fantasy { padding-bottom: 20px; }
.fantasy-block { width: 50%; float: left; margin-top: 20px; }
.fantasy-block img { margin-left: 12px; float: left; }
.fantasy-block .text { margin-left: 70px; }
.fantasy-block .text h4 { font-size: 15px; font-weight: bold; color: #333; margin-top: -3px; }
.fantasy-block .text h4 a:hover { text-decoration: underline; }
.fantasy-block .text .description { font-size: 13px; line-height: 16px; }
.fantasy-block .text .score { font-size: 13px; color: #666; }
/* cabinet-email */
.cabinet-email { border: 1px solid #e4e4e4; margin-top: 7px; padding-bottom: 20px; position: relative; margin-bottom: 70px; }
.cabinet-email .email-info { line-height: 18px; background: #f9f9f9 url(../img/icons/email.jpg) no-repeat 15px center; padding: 15px 15px 15px 140px; border-bottom: 1px solid #e4e4e4; }
.cabinet-email .input-block { margin: 15px 0 0 10px; }
.cabinet-email .input-block label input { border: 1px solid #ddd; padding: 0 5px; height: 30px; width: 275px; }
.cabinet-email .input-block label div { color: #333; margin-bottom: 3px; }
.cabinet-email .input-block .cabinet-email-label input { width: 187px; }
.cabinet-email .input-block .cabinet-email-label span { display: inline-block; border: 1px solid #ddd; padding: 5px 10px; margin-left: -7px; background: #f9f9f9; width: 70px; }
.cabinet-email .create { font: 12px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; bottom: -50px; left: 50%; margin-left: -53px; width: 105px; position: absolute; background: #000; color: #fff; padding: 8px 0 6px; }
.cabinet-email .create:hover { background: #666; }
/* PROFILE EDIT
----------------------------------------------- */
.profile-edit { position: relative; padding-bottom: 50px; }
.profile-edit .back { position: absolute; top: 0; right: 0; text-decoration: underline; }
.profile-edit .back:hover { text-decoration: none; color: #333; }
.profile-edit .message-block { padding-top: 20px; }
.profile-edit .message-block h4 { font-size: 14px; font-weight: bold; padding: 0 0 20px 20px; }
.profile-edit .error { clear: left; color: #FF6666; padding: 0 0 20px 20px; }
.edit-block { border: 1px solid #e4e4e4; margin-top: 10px; }
.edit-block h3 { font: 12px/14px 'PFDinMedium', Arial, sans-serif; text-align: center; text-transform: uppercase; border-top: 1px solid #e4e4e4; padding: 10px 0 7px; background: #f9f9f9 url(../img/icons/profile-arrow-active.png) no-repeat right 20px center; }
.edit-block h3:hover { background-color: #ddd; cursor: pointer; }
.edit-block .form-block:first-child h3 { border-top: none; }
.form-block.active h3 { border-bottom: 1px solid #e4e4e4; background-image: url(../img/icons/profile-arrow.png); }
.form-block .to-slide { display: none; }
/* profile form */
.edit-form { padding: 15px 15px 0; margin-left: -20px; }
.edit-form .jselect-title { padding: 5px 10px; border-color: #ddd; }
.edit-form .label { float: left; margin: 0 0 20px 20px; }
.edit-form .label .label-text { margin-bottom: 2px; }
.edit-form .label .form-input { border: 1px solid #ddd; height: 30px; padding: 0 5px; width: 210px; }
.edit-form .label textarea { font-family: Arial; font-size: 12px; border: 1px solid #ddd; padding: 5px 5px; min-width: 452px; max-width: 452px; min-height: 55px; }
.edit-form .checkbox-label { margin-top: 25px; cursor: pointer; }
.edit-form.password .checkbox-label + .label { clear: left; }
.edit-form .jselect-list { top: 30px; }
.edit-form .jselect-list .jselect-li { padding: 4px 0 3px 10px; }
/* sizes */
.edit-form .label.birth input { width: 89px; }
.edit-form .label.sex .jselect-title { width: 79px; }
.edit-form.profile-form { margin-right: 130px; }
.edit-form.password .form-input { width: 276px; }
/* avatar */
.profile-edit .avatar-change { float: right; padding: 35px 28px; }
.profile-edit .avatar-change p { font-size: 11px; font-style: italic; text-align: center; }
.profile-edit .avatar-change a { text-decoration: underline; color: #999; }
.profile-edit .avatar-change a:hover { text-decoration: none; }
/* contacts */
.profile-edit .contacts .email-select .jselect-title { width: 250px; }
.profile-edit .contacts .add-select .jselect-title { width: 180px; }
.profile-edit .contacts .contact-add-block { clear: both; margin-bottom: 20px; }
.profile-edit .contacts .delete { float: left; display: block; width: 11px; height: 11px; background: url(../img/icons/contact-delete.png) no-repeat; margin: 9px 0 0 15px; }
.profile-edit .contacts .add { padding: 0 0 15px 20px; color: #267cb9; }
.profile-edit .contacts .add a { text-decoration: underline; }
.profile-edit .contacts .add a:hover { text-decoration: none; }
.profile-edit .contacts .add-select + .label { margin-left: 0; background: url(../img/icons/contact-arrow.png) no-repeat 10px 12px; padding-left: 35px; }
.profile-edit .contacts .error { padding: 7px 0 0 260px; margin-bottom: -5px; }
.profile-edit .contacts .label { margin-bottom: 0; }
/* favorites */
.profile-edit .favorites ul { padding: 15px 15px 0 15px; }
.profile-edit .favorites ul li { display: inline-block; margin-right: 10px; }
.profile-edit .favorites ul li { font-weight: bold; }
.profile-edit .favorites ul li:first-child { font-weight: normal; }
.profile-edit .favorites ul li .delete { display: inline-block; margin-left: 5px; width: 15px; height: 15px; background: #000 url(../img/icons/fav-delete.png) no-repeat center; vertical-align: middle; position: relative; top: -1px; }
.profile-edit .favorites ul li .delete:hover { background-color: #666; }
.profile-edit .favorites ul li a:hover { text-decoration: underline; }
.edit-form .add-info { padding-top: 25px; }
/* registration */
.profile-edit .registration-info { background: #f1f1f1; color: #333; padding: 20px }
.profile-edit .registration-info h4 { font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.profile-edit .registration-info ul { list-style: disc inside; }
.profile-edit .form-buttons .checkbox-label.agreement { padding: 0; margin-top: -2px; white-space: nowrap; }
.profile-edit .form-buttons .checkbox-label.agreement input[type="checkbox"] { margin-top: 10px; }
.profile-edit .form-buttons .checkbox-label.agreement span { display: inline-block; line-height: normal; }
.profile-edit .form-buttons .checkbox-label.agreement a { color: #267cb9; text-decoration: underline; }
.profile-edit .form-buttons .checkbox-label.agreement a:hover { text-decoration: none; }
.spam .checkbox-label { padding-top: 5px; width: 45%; margin-top: 0; }
.profile-edit .form-buttons { text-align: center; position: absolute; width: 100%; bottom: 0; }
.profile-edit .form-buttons button { font: 12px/14px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; width: 136px; margin: 0 10px; padding: 8px 0 5px; }
.profile-edit .form-buttons .cancel { background: #eaeaea; }
.profile-edit .form-buttons .submit { background: #000; color: #fff; }
.profile-edit .form-buttons .cancel:hover { background: #b8b8b8; }
.profile-edit .form-buttons .submit:hover { background: #666; }
.profile-edit .form-buttons .checkbox-label { display: inline-block; text-align: left; padding: 5px 0 0; cursor: pointer; width: 136px; margin: 0 10px; }
/* SEARCH-RESULTS
----------------------------------------------- */
.search-results .feed-header .searched { color: #999; }
.search-results .search-block { border: 1px solid #e4e4e4; border-top: none; background: #f2f2f2; padding: 15px; }
.search-results .input-block { position: relative; display: inline-block; }
.search-results .search-block input { border: none; height: 30px; padding: 0 10px; width: 290px; border-radius: 15px; }
.search-results .input-block .search-button { display: block; width: 18px; height: 19px; background: url(../img/icons/search-button3.png) no-repeat; position: absolute; top: 50%; right: 10px; margin-top: -9px; }
.search-results .select-block { float: right; width: 200px; }
.search-results .select-block .jselect-title { padding: 4px 10px 3px; }
.search-results .select-block .jselect-list { top: 27px; }
.search-results .select-block .jselect-li { padding: 4px 10px 3px; }
/* result */
.search-results .result-block { margin: 15px 0; border-bottom: 1px dotted #cecece; padding-bottom: 15px; }
.search-results .result-block img { float: left; margin-right: 10px; }
.search-results .result-block h4 { font: 18px/24px 'PFDinMedium', Arial, sans-serif; }
.search-results .result-block h4 a:hover { text-decoration: underline; }
.search-results .result-block p { font-size: 13px; color: #333; }
.search-results .result-block:last-of-type { margin-bottom: 0; }
/* tournament-results */
.tournament-results { border: 1px solid #e4e4e4; width: 100%; margin-top: 10px; }
.tournament-results th { font: 10px/12px 'PFDinRegular', Arial, sans-serif; text-transform: uppercase; text-align: left; background: #ebebeb; padding: 8px 0 5px; border-bottom: 1px solid #e4e4e4; }
.tournament-results td { font-size: 13px; border-bottom: 1px solid #e4e4e4; padding: 5px 0 4px; }
.tournament-results .name { padding-left: 10px; width: 265px; }
.tournament-results .played { width: 200px; }
/* FEEDBACK
----------------------------------------------- */
.feedback-block { border: 1px solid #e0e0e0; border-bottom: none; margin-top: 10px; position: relative; margin-bottom: 70px; }
.feedback-block .intro { font-size: 13px; color: #666; background: #f5f5f5; padding: 17px 15px; border-bottom: 1px solid #e0e0e0; }
.feedback-block .edit-form .form-input { width: 276px; }
.feedback-block .edit-form .file-label { position: relative; }
.feedback-block .edit-form .file-label input[type=file].hided { opacity: 0; }
.feedback-block .edit-form .file-label .file-text { border: 1px solid #ddd; height: 20px; width: 164px; padding: 5px 10px; position: absolute; bottom: 0; left: 0; }
.feedback-block .edit-form .file-label .file-button { font: 12px/12px 'PFDinMedium', Arial, sans-serif; text-transform: uppercase; width: 104px; text-align: center; padding: 12px 0 8px; position: absolute; bottom: 0; right: 0; background: #ddd; cursor: pointer; }
.feedback-block .edit-form .file-label .file-button:hover { background: #999; }
.feedback-block .edit-form .textarea-label textarea { min-width: 585px; max-width: 585px; }
.feedback-block .message-block { border-bottom: 1px solid #e0e0e0; }
.feedback-block .message-block:last-of-type { border-bottom: none; }
.feedback-block .buttons { position: absolute; width: 100%; text-align: center; bottom: -60px; }
.feedback-block .buttons a { font: 12px/12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; padding: 12px 20px 8px; margin: 0 5px; }
.feedback-block .buttons .add-message { background: #eaeaea; }
.feedback-block .buttons .add-message:hover { background: #999; }
.feedback-block .buttons .send { background: #000; color: #fff; }
.feedback-block .buttons .send:hover { background: #666; }
.feedback-block .jselect-title { width: 265px; }
/* POPUPS
----------------------------------------------- */
/* ui dialog */
.ui-front { z-index: 100; }
.ui-dialog { position: absolute; top: 0; left: 0; outline: 0; }
.ui-dialog .ui-dialog-titlebar-close { text-indent: -9999px; display: block; width: 20px; height: 20px; background: url(../img/icons/popup-close.png) no-repeat center; position: absolute; top: 22px; right: 20px; z-index: 150; }
.ui-dialog .ui-dialog-titlebar { background: #fff; font-size: 15px; font-weight: bold; padding: 25px 20px 18px; }
.ui-dialog .ui-dialog-content { background: #fff; padding: 0 20px 0; }
.ui-dialog .ui-dialog-content .edit-form { padding: 10px 0 0; }
/* popup */
.popup .label .form-input { width: 205px; }
.popup .error { padding: 0 0 20px; color: #ff6666; clear: left; display: inline-block; }
.popup.enter-popup .error { margin-top: -10px; margin-left: 20px; }
/* buttons */
.ui-dialog .ui-dialog-content .ui-dialog-buttonpane { background: #f1f1f1; padding: 15px 20px 20px; margin: 0 -20px; }
.ui-dialog .ui-dialog-buttonpane .label { margin-top: 5px; display: inline-block; cursor: pointer; }
.ui-dialog .ui-dialog-buttonpane button { float: right; font: 12px/12px 'PFDinBold', Arial, sans-serif; text-transform: uppercase; color: #fff; float: right; background: #000; padding: 10px 20px 8px; margin-left: 10px; }
.ui-dialog .ui-dialog-buttonpane button:hover { background: #666; }
/* notice */
.popup.notice { width: 434px; }
.popup.notice .edit-form { margin: 0; padding: 0 0 20px 0; }
.popup.notice .edit-form .label { margin: 0; width: 100%; }
.popup.notice .edit-form .form-input { margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
/* enter */
.popup.enter-popup { width: 495px; }
.popup.enter-popup .remind { float: right; color: #267cb9; text-decoration: underline; margin-top: -10px; display: inline-block; }
.popup.enter-popup .remind:hover { text-decoration: none; }
.popup.enter-popup .buttons-area { clear: both; background: #f1f1f1; padding: 20px 30px; }
.popup.enter-popup .buttons-area .remember { cursor: pointer; margin-top: 5px; display: inline-block;}
.popup.enter-popup .buttons-area .remember input { display: inline-block; margin: 2px 7px 0 0; float: left; }
/* registration-popup */
.registration-popup { width: 494px; }
.registration-popup label.agree { width: 50%; display: block; float: left; cursor: pointer; }
.registration-popup label.agree input { display: inline-block; margin: 3px 0 0; float: left; }
.registration-popup label.agree span { display: block; margin-left: 20px; }
.registration-popup label.agree span a { color: #267cb9; text-decoration: underline; }
.registration-popup label.agree span a:hover { text-decoration: none; }
.registration-popup .submit { margin-top: 5px; }
.registration-popup .already-registred { font-size: 11px; color: #fff; float: right; display: inline-block; margin-top: 3px; text-decoration: underline; margin-right: -20px; }
.registration-popup .already-registred:hover { text-decoration: none; }
.registration-popup .registration-info { background: #f1f1f1; color: #333; margin-bottom: 15px; padding: 20px 5%; position: relative; position: absolute; top: -50%; width: 90%; left: 0; }
.registration-popup .registration-info h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.registration-popup .registration-info ul { list-style: disc inside; }
.registration-popup .registration-info .icon { display: block; width: 18px; height: 9px; position: absolute; left: 50%; margin-left: -9px; bottom: -8px; background: url(../img/icons/popup.png) no-repeat; }
/* password popup */
.popup.password { width: 296px; }
.popup.password .edit-form { margin: 0; padding: 0 0 20px 0; }
.popup.password .edit-form .form-input { margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.popup.password .edit-form .label { margin: 0; width: 100%; }
/* !!!----------REMOVE THIS-----------!!! */
.interview .answer-list li:nth-child(1) .percent { width: 20%; }
.interview .answer-list li:nth-child(4) .percent { width: 40%; }
.interview .answer-list li:nth-child(5) .percent { width: 5%; }
/*.match-line .top-yellow-card { left: 10%; }
.match-line .top-red-card { left: 30%; }
.match-line .top-goal { left: 66%; }
.match-line .bottom-yellow-card { left: 15%; }
.match-line .bottom-red-card { left: 35%; }
.match-line .bottom-goal { left: 70%; }
.team-line-up .match-map span:nth-child(1) { top: 30px; left: 50px; }
.team-line-up .match-map span:nth-child(2) { top: 130px; left: 450px; }*/
.like-holder-vk { display: none!important; }
.like-holder-g { display: none!important; }
.cabinet .user .user-text .profile-actions{
display:flex; align-items:center; gap:12px; margin:8px 0 10px; flex-wrap:wrap;
}
.cabinet .user .user-text .profile-actions a.c-link{
display:inline-flex; align-items:center; gap:6px;
padding:6px 12px 5px; line-height:1;
border:1px solid #e5e7eb; background:#f3f4f6;
border-radius:6px;
color:#111827; text-decoration:none;
transition:filter .15s ease, background-color .15s ease, border-color .15s ease;
}
.cabinet .user .user-text .profile-actions a.c-link:hover{ filter:brightness(.98); }
.cabinet .user .user-text .profile-actions a.edit.c-link{}
.cabinet .user .user-text .profile-actions a.delete.c-link{
margin-left:auto;
color:#b91c1c;
background:#fee2e2;
border-color:#fecaca;
border-radius:6px;
}
.cabinet .user .user-text .profile-actions a.delete.c-link:hover{
background:#fecaca;
}
.cabinet .user .user-text .profile-actions a.c-link i{
width:16px; height:16px; display:inline-block;
background-repeat:no-repeat; background-position:center; background-size:16px 16px;
margin-right:6px;
}
.cabinet .user .user-text .profile-actions a.edit.c-link i{
background-image:url(../img/icons/edit.png);
}
.cabinet .user .user-text .profile-actions a.delete.c-link i{
display: none !important;
}
.cabinet .user .user-text a.edit.c-link + br{ display:none; }
.cabinet .user .user-text .user-table{ margin-top:8px; }