@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
	NORMAL SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 1220 px wide)
========================================================================== */

@media screen and (max-width: 1219px) {
    /* Переключаем меню пользователя на мобильную версию */
    .l-team-header {height: 48px }
    .l-team-header .small_screen {display: block;line-height: 48px;}
    .menu-club { display: none; }
    .menu-team { display: none; }
}

@media screen and (max-width: 1219px) and (min-width: 769px) {


}





/* ==========================================================================
	NARROW SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 990 px wide)
========================================================================== */

@media screen and (max-width: 990px) {

.manager-team-i { width: 50%; }



}




/* ==========================================================================
	TABLET SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 768 px wide)
========================================================================== */

@media screen and (max-width: 768px) {

/* adapting content frame to save place */
.l-content-frame { padding: 20px; }

/* Адаптивный футер */
.copyrights {
    padding: 12px 15px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
}
.copyrights a { display: inline-block; margin: 2px 5px; }

.l-content-cover h1 { left: 20px; }
.l-content-cover .team-indicator { right: 10px; }

/* Убираем колонки - выводим все одним полотном */
aside { float: none; width: 100%; overflow: hidden; }
aside:first-child { padding-bottom: 12px; }
aside .fr { float: none !important; }
.cols .col:not(.non-adaptive) { float: none; padding-left: 0; padding-right: 0; width: 100% !important; }
.cols .col + .col:not(.non-adaptive) { margin-top: 24px; }
.cols form .col + .col:not(.non-adaptive), form .cols .col + .col:not(.non-adaptive) { margin-top: 6px; }
.columns-only {display: none}

}




/* ==========================================================================
	MEDIUM TABLET SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 680 px wide)
========================================================================== */

@media screen and (max-width: 680px) {
	
	.short { width: 100% !important; }
	
	/* Убираем блок логина с главной (останется логин в шапке) */
	.l-home-login-block { display: none; }

    .l-submenu {margin-top:70px;}

    table th {padding-left: 2px !important; padding-right: 2px !important}
    table td {padding-left: 2px !important; padding-right: 2px !important}

}




/* ==========================================================================
	SMALL TABLET SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 600 px wide)
========================================================================== */

@media screen and (max-width: 600px) {
	
	/* content block with cover image */
	.l-content-cover { height: 180px; }
	.l-content-cover .cover-gradient { height: 180px; }
	
	/* content block with padding */
	.l-content-frame { padding: 30px; }
	.l-content-cover + .l-content-frame { padding-top: 10px; }
	
	/* Ограничения по ширине для текстовых блоков */
	.l-content h1, .l-content h2, .l-content h3, .l-content h4 { max-width: none; }
	/*.l-content h1:first-of-type { max-width: 80%; }*/
	.l-content p, .l-content ul, .l-content ol, .l-content dl { max-width: none; }
	
	table { max-width: none; }
	.l-content form { max-width: none; }


}




/* ==========================================================================
	MOBILE SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 480 px wide)
========================================================================== */

@media screen and (max-width: 480px) {

/* content block with cover image */
.l-content-cover { height: 120px; }
.l-content-cover .cover-gradient { height: 120px; }

/* content block with padding */
.l-content-frame { padding: 20px; }
.l-content-cover + .l-content-frame { padding-top: 0; }

.manager-team-i { width: 100%; }

h1 { font-size: 24px; line-height: 24px; font-family: 'PT Sans', sans-serif !important;}
h2 { font-size: 18px; line-height: 24px; }
h3 { font-size: 15px; line-height: 18px; }
h4 { font-size: 12px; line-height: 18px; }
p { font-size: 12px; line-height: 18px; }
ul { font-size: 12px; line-height: 18px; }
ol { font-size: 12px; line-height: 18px; }
ul li + li, ol li + li { margin-top: 12px; }
dl { font-size: 12px; line-height: 18px; }
dl dd + dt { margin-top: 12px; }

/* После тега более низкого уровня перед тегом более высокого уровня - отступ больше (начинается новый крупный раздел) */
h1 + h1, h2 + h1, h3 + h1, h4 + h1, p + h1, ul + h1, ol + h1, dl + h1 { margin-top: 24px; }
h2 + h2, h3 + h2, h4 + h2, p + h2, ul + h2, ol + h2, dl + h2 { margin-top: 24px; }
h3 + h3, h4 + h3, p + h3, ul + h3, ol + h3, dl + h3 { margin-top: 18px; }
h4 + h4, p + h4, ul + h4, ol + h4, dl + h4 { margin-top: 18px; }

h1 + aside + h1, h2 + aside + h1, h3 + aside + h1, h4 + aside + h1, p + aside + h1, ul + aside + h1, ol + aside + h1, dl + aside + h1 { margin-top: 24px; }
h2 + aside + h2, h3 + aside + h2, h4 + aside + h2, p + aside + h2, ul + aside + h2, ol + aside + h2, dl + aside + h2 { margin-top: 24px; }
h3 + aside + h3, h4 + aside + h3, p + aside + h3, ul + aside + h3, ol + aside + h3, dl + aside + h3 { margin-top: 18px; }
h4 + aside + h4, p + aside + h4, ul + aside + h4, ol + aside + h4, dl + aside + h4 { margin-top: 18px; }


/* После тега более высокого уровня перед тегом более низкого или такого же уровня - отступ нормальный (начинается подраздел внутри раздела) */
h2 + h3, h2 + h4, h3 + h4 { margin-top: 12px; }
h2 + p, h3 + p, h4 + p, p + p, ul + p, ol + p, dl + p { margin-top: 12px; }
h2 + ul, h3 + ul, h4 + ul, p + ul, ul + ul, ol + ul, dl + ul { margin-top: 12px; }
h2 + ol, h3 + ol, h4 + ol, p + ol, ul + ol, ol + ol, dl + ol { margin-top: 12px; }
h2 + dl, h3 + dl, h4 + dl, p + dl, ul + dl, ol + dl, dl + dl { margin-top: 12px; }
h2 + aside, h3 + aside, h4 + aside, p + aside, ul + aside, ol + aside, dl + aside { margin-top: 12px; }

h2 + aside + h3, h2 + aside + h4, h3 + aside + h4 { margin-top: 12px; }
h2 + aside + p, h3 + aside + p, h4 + aside + p, p + aside + p, ul + aside + p, ol + aside + p, dl + aside + p { margin-top: 12px; }
h2 + aside + ul, h3 + aside + ul, h4 + aside + ul, p + aside + ul, ul + aside + ul, ol + aside + ul, dl + aside + ul { margin-top: 12px; }
h2 + aside + ol, h3 + aside + ol, h4 + aside + ol, p + aside + ol, ul + aside + ol, ol + aside + ol, dl + aside + ol { margin-top: 12px; }
h2 + aside + dl, h3 + aside + dl, h4 + aside + dl, p + aside + dl, ul + aside + dl, ol + aside + dl, dl + aside + dl { margin-top: 12px; }


/* После заголовка первого уровня - всегда более крупный отступ */
h1 + h2, h1 + h3, h1 + h4, h1 + p, h1 + ul, h1 + ol, h1 + dl, h1 + aside { margin-top: 18px; }

h1 + aside + h2, h1 + aside + h3, h1 + aside + h4 { margin-top: 18px; }
h1 + aside + p, h1 + aside + ul, h1 + aside + ol { margin-top: 18px; }

/* Настройки для текстового блока article (текст новостей, статей) */
article p { font-size: 12px; line-height: 18px; }

/* ТАБЛИЦЫ */
/* Таблица с информацией */
table th { font-size: 11px; line-height: 18px; }
table td { font-size: 12px; line-height: 18px; }

/* Общие стили для всех таблиц в целом */
table td .avatar { margin-top: -3px; margin-bottom: -3px; }
table td .team-logo { margin-top: -3px; margin-bottom: -3px; }
table td .avatar-overflow .avatar { width: 48px; height: 48px; border-radius: 24px; bottom: 2px; }

/* Стили для ячеек (колонок) с определенными типами данных */
table td.h3 { font-size: 15px; }
table td.country .flag { top: -2px; }
table td.country .fi { top: -2px; }

/* Таблица со строками-формами */
table.form td.team { font-size: 15px; }

/* Таблица с результатами обмена (по 2 строчки) */
table.exchange td { height: 36px; }

/* Таблица с мелкими текстами (данные игроков, например) */
table.tiny th { font-size: 11px; }
table.tiny td { font-size: 11px; }

/* Таблица с достижениями (сборных, клубов, менеджеров) */
table.achievements td { font-size: 11px; }

/* Переключатель вкладок */
table.tabs td { font-size: 12px; }


/* ФОРМЫ */
label span { font-size: 12px; }
label .link-substitution { font-size: 12px; }
label .link-toggle-password { font-size: 12px; }
input[type="text"], input[type="password"] { font-size: 18px; }
textarea { font-size: 14px; }

form input[type="reset"] { font-size: 14px; }

label.with-radio, label.with-checkbox { font-size: 18px; }

/* Форма с одним полем для ввода (форма типа поиска на странице) */
form.single-field { font-size: 18px; }
form.single-field input[type="text"], form.single-field input[type="password"] { width: 63%; }
form.single-field label { width: 63%; }
form.single-field input[type="submit"], form.single-field input[type="button"] { padding: 12px 12px !important; width: 24%; }

/* Форма с одним полем textarea (форма пресс-релиза) */
form.single-text { font-size: 14px; }

p.error { font-size: 11px; }

/* НАСТРОЙКА КОМПОНЕНТ */
aside h2 { font-size: 15px; line-height: 18px; }
h3 .team-logo, h4 .team-logo, p .team-logo, ul .team-logo, ol .team-logo, dl .team-logo { width: 24px; height: 24px; margin-top: -5px; margion-bottom: -3px; }
h1 .team-logo, h2 .team-logo { width: 24px; height: 24px; margin-right: 5px; }
h1 .flag, h2 .flag { margin-top: 6px; }
h1 .avatar { width: 48px; height: 48px; border-radius: 24px; margin: 0 15px -10px 0; top: -10px; }

/* ОБЩИЕ МОДИФИКАТОРЫ */
/* Узкая форма (для одиночных выпадающих списков и т.д.) */
.short { width: 100% !important; max-width: none !important; }


/* PAGES */
/* BUILD, FILES */
.file-cell { font-size: 12px; }
.os-cell { font-size: 15px; }

/* PROFILE */
textarea.in-profile { font-size: 18px; }

/* MANAGER PUBLIC PROFILE */
.badge-i { width: 100px; }
.badge { width: 72px; height: 72px; }

/* HOME */
.l-home-cover { height: 180px; }
.l-home-cover h1 { left: 20px; bottom: 10px; }

}




/* ==========================================================================
	PORTRAIT MOBILE SCREEN STYLES
	Styles modifiers, that apply for normal page size 
	(less than 320 px wide)
========================================================================== */

@media screen and (max-width: 320px) {

/* adapting content frame to save place */
.l-content-frame { padding: 10px; }

.l-content-cover h1 { left: 10px; }
.l-content-cover .team-indicator { right: 5px; }


}