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

/* ==========================================================================
	COMMON PAGE STYLES
	Full styles of common page components: menus, logos, footers, etc.
========================================================================== */


.header-sandwich { display: none; width: 50px; height: 72px; position: absolute; left: 0; top: 0; background: url(../img/menu-sandwich.png) center center no-repeat; }

.header-logo { width: 100px; height: 35px; float: left; margin: 20px 0 17px 10px; background: url(../img/logotype-fa13.png) 0 0 no-repeat; background-size: 98px 35px; text-indent: -9999px; transition: margin-left 0.3s; }
.winter-theme .header-logo { background-image: url(../img/logotype-fa13-winter.png); }
.season {background: url(../img/season.png) no-repeat bottom;float: left;margin-top: 20px;height: 25px;background-size: contain;margin-left: 5px;width: 100px;}


.header-avatar { float: right; display: block; width: 48px; height: 48px; margin: 12px 20px; position: relative; }
.header-avatar .avatar { width: 48px; height: 48px; border-radius: 24px; }
.header-avatar span { display: none; position: absolute; top: -2px; right: -5px; font-size: 12px; line-height: 12px; font-weight: 700; padding: 1px 3px; border-radius: 1px; background: #ff5400; color: #fff; }


.menu-profile-top { float: right; font-size: 14px; line-height: 16px; margin: 28px 6px 28px 10px; display: inline-block; text-align: right; }
.menu-profile-top a { display: inline-block; color: #fff; line-height: 16px; transition: margin-left 0.3s; }
.menu-profile-top a + a { margin-left: 20px; }
.menu-profile-top a span,
.menu-profile-top a.notification { display: inline-block; margin-left: 5px; font-size: 12px; line-height: 12px; font-weight: 700; padding: 1px 3px; border-radius: 1px; background: #ff5400; color: #fff; }


.menu-top {float: left;font-size: 12px;line-height: 14px;margin: 29px 16px 29px 74px;display: inline-block;text-align: left;transition: margin-left 0.3s;}
.menu-top a {display: inline-block;color: #eaebec;text-transform: uppercase;font-size: 14px;/* font-weight: bold; */line-height: 14px;transition: margin-left 0.3s;/* text-transform: uppercase; */}
.menu-top a { margin-right: 20px; }
.menu-top a span { display: inline-block; margin-left: 5px; font-size: 12px; line-height: 12px; font-weight: 700; padding: 1px 3px; border-radius: 1px; background: #ff5400; color: #fff; }


.l-menu-search {padding: 10px;background-color: #134f73;color: #FFF}
.l-menu-search input[name="search"] {margin-bottom: 5px}
.l-menu-search input[type="radio"] {margin-right: 2px}
.l-menu-search input[value=managers] {margin-left: 5px}

/* Параметры результатов поиска */
.l-menu-search .ffb {padding: 0}
.l-menu-search .ffb .ffb-content .row {height: auto; line-height: normal}
.l-menu-search .ffb .ffb-content .row a {color: #FFF}
/*.l-menu-search input[name="search-type"]{margin-right: 2px}*/

/*.l-menu-search {display: block;*//* background: #0a2d42; *//*height: 65px;*//* width: 100%; *//*position: relative;background: #134f73;}*/
/*.l-menu-search input[type="text"] {float: left;color: #fff;font-size: 14px;line-height: 20px;font-weight: 400;box-sizing: border-box;height: 20px;border: #134f73 5px solid;width: 100%;background: #134f73;outline: none;box-shadow: none;transition: none;}*/
/*.l-menu-search input[name="search"] {float: left;color: #fff;font-size: 14px;line-height: 20px;font-weight: 400;box-sizing: border-box;height: 20px;border: #134f73 5px solid;width: 100%;background: #134f73;outline: none;box-shadow: none;transition: none;}*/
/*.l-menu-search input[type="text"]:focus { background: transparent; }*/
/*.l-menu-search input[type="text"]::-webkit-input-placeholder { color: #70839b; font-size: 14px; line-height: 20px; }*/
/*.l-menu-search input[type="text"]:-moz-placeholder { color: #70839b; font-size: 14px; line-height: 20px; }*/
/*.l-menu-search input[type="text"]::-moz-placeholder { color: #70839b; font-size: 14px; line-height: 20px; }*/
/*.l-menu-search input[type="text"]:-ms-input-placeholder { color: #70839b; font-size: 14px; line-height: 20px; }*/
/*.l-menu-search input[type="submit"] {display: block;width: 22px;height: 22px;background: url(../img/search-icon.png) 0 0 no-repeat;position: absolute;top: 15px;right: 20px;border: none;outline: none;float: none;}*/



.menu-main { overflow: hidden; }
.menu-main a {display: block;font-size: 14px;line-height: 16px;min-height: 16px;padding: 16px 10px 16px 51px;box-sizing: border-box;width: 200px;color: #ffcb31;border: none;position: relative;/* background-color: #104565; *//* border-top: 1px solid #1a72a2; */}
.menu-main a + a { padding: 15px 10px 16px 51px; transition: background-color 0.3s; }
html:not(.touch) .menu-main a:hover { background-color: #0c3750; }
.menu-main a.selected { font-weight: bold; background: url(../img/menu-main-selected-arrow.png) 194px center no-repeat #0e223c; color: #ffcd00; transition: background-position 0.3s; }
.menu-main a i { display: block; width: 32px; height: 32px; background: url(../img/menu-main-icons.png?v=20251106-final3) 0 0 no-repeat; float: left; position: absolute; left: 9px; top: 8px; }
.menu-main a + a i { top: 7px; }
/* Чемпионаты стран */
.menu-main a.m-m-countries i { background-position: 0px 4px; }
.menu-main a.m-m-countries:hover i { background-position: -32px 4px; }

/* Лига Чемпионов */
.menu-main a.m-m-champions i { background-position: 0px -23px; }
.menu-main a.m-m-champions:hover i { background-position: -33px -23px; }

/* Кубок Ассоциации */
.menu-main a.m-m-association i { background-position: 0px -57px; }
.menu-main a.m-m-association:hover i { background-position: -32px -57px; }

/* Кубок Федераций */
.menu-main a.m-m-federations i { background-position: 0px -93px; }
.menu-main a.m-m-federations:hover i { background-position: -32px -93px; }

/* Чемпионат мира */
.menu-main a.m-m-world i { background-position: 0px -126px; }
.menu-main a.m-m-world:hover i { background-position: -31px -126px; }

/* Мол. Чемпионат мира */
.menu-main a.m-m-youth i { background-position: 0px -156px; }
.menu-main a.m-m-youth:hover i { background-position: -32px -156px; }

/* Ком. турниры */
.menu-main a.m-m-commercial i { background-position: 0px -188px; }
.menu-main a.m-m-commercial:hover i { background-position: -33px -188px; }

/* Переходные матчи */
.menu-main a.m-m-transmatches i { background-position: 0px -220px; }
.menu-main a.m-m-transmatches:hover i { background-position: -32px -220px; }

/* Товарищеские матчи */
.menu-main a.m-m-friendship i { background-position: 0px -253px; }
.menu-main a.m-m-friendship:hover i { background-position: -33px -253px; }

/* Интеррейтинг */
.menu-main a.m-m-interrating i { background-position: 0px -283px; }
.menu-main a.m-m-interrating:hover i { background-position: -33px -283px; }

/* Команды */
.menu-main a.m-m-clubs i { background-position: 0px -316px; }
.menu-main a.m-m-clubs:hover i { background-position: -34px -316px; }

/* Игроки */
.menu-main a.m-m-players i { background-position: 0px -349px; }
.menu-main a.m-m-players:hover i { background-position: -32px -349px; }

/* Менеджеры */
.menu-main a.m-m-managers i { background-position: 0px -382px; }
.menu-main a.m-m-managers:hover i { background-position: -34px -382px; }

/* Трансферы */
.menu-main a.m-m-transfers i { background-position: 0px -413px; }
.menu-main a.m-m-transfers:hover i { background-position: -32px -413px; }

/* Статистика */
.menu-main a.m-m-statistics i { background-position: 0px -440px; }
.menu-main a.m-m-statistics:hover i { background-position: -32px -440px; }

/* История */
.menu-main a.m-m-history i { background-position: 0px -470px; }
.menu-main a.m-m-history:hover i { background-position: -32px -470px; }

.menu-main a.m-m-submenu { display: none; font-size: 12px; line-height: 18px; min-height: 18px; padding: 12px 10px 12px 51px; background: #0e223c; }
.menu-main a.m-m-submenu + a.m-m-submenu { padding: 11px 10px 12px 51px; }
html:not(.touch) .menu-main a.m-m-submenu:hover { background-color: #0b1d33; }
.menu-main a.m-m-submenu.selected { color: #fff; background: #09182c; }



.l-submenu {padding-top: 20px;box-sizing: border-box;}
.l-submenu a {display: block;font-size: 14px;line-height: 24px;min-height: 24px;padding: 12px 10px 12px 20px;color: #bfe4f4;border: none;transition: background-color 0.3s;}
.l-submenu a + a {border-top: 1px solid #4c839a;padding: 11px 10px 12px 20px;}
html:not(.touch) .l-submenu a:hover:not(.selected) { background-color: #134e72; }
.l-submenu a.selected {font-weight: bold;background: #c9e9f3;color: #001534;}
.l-submenu-scroller {  }
#l-submenu-sandwich { padding: 20px 0 0 20px; display: none; }



.menu-team-anchor { width: 100%; position: relative; }
.menu-team { position: absolute; left: 6px; transition: left 0.3s; }
.menu-team:hover { left: 6px !important; }
.menu-team a { display: inline-block; width: 80px; height: 96px; position: relative; float: left; overflow: hidden; transition: background-color 0.3s; }
html:not(.touch) .menu-team a:hover { background-color: rgba(0,0,0,0.05); }
.menu-team a.selected { background-color: rgba(0,0,0,0.1); }
.menu-team a i { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 720px; height: 270px; }
.menu-team a strong { display: block; box-sizing: border-box; width: 80px; text-align: center; position: absolute; z-index: 2; bottom: 10px; font-size: 12px; line-height: 12px; font-weight: 400 !important; padding: 0 2px; color: #fff; }
.menu-team a.selected strong { font-weight: 700; }
.menu-team a span { display: inline-block; position: absolute; top: 5px; right: 8px; font-size: 12px; line-height: 12px; font-weight: 700; padding: 1px 3px; border-radius: 1px; background: #ff5400; color: #fff; }
.menu-team a i { top: 0px; }
.menu-team a i svg { position: relative; top: -175px; }
.menu-team .m-t-roster i { left: -0px; }
.menu-team .m-t-trainings i { left: -90px; }
.menu-team .m-t-tickets i { left: -180px; }
.menu-team .m-t-press-conference i { left: -270px; }
.menu-team .m-t-buildings i { left: -360px; }
.menu-team .m-t-transfers i { left: -450px; }
.menu-team .m-t-schools i { left: -540px; }
.menu-team .m-t-world-auction i { left: -630px; }



.menu-club-anchor { position: relative; float: right; }

.menu-club {/*position: absolute;*//* top: 6px; *//* padding: 2px 0; */left: -145px;display: block;width: 1000px;transition: right 0.3s;}
.menu-club:hover { right: 6px !important; left: auto; }
.menu-club a {display: inline-block;width: 90px;height: 95px;position: relative;float: left;overflow: hidden;transition: background-color 0.3s;}
html:not(.touch) .menu-club a:hover { background-color: rgba(0,0,0,0.05); }
.menu-club a.selected {background-color: rgba(0,0,0,0.2);}
.menu-club a i {display: block;position: absolute;z-index: 1;left: 0;top: 10px;width: 90px;height: 50px;text-align: center;background: none;mix-blend-mode: multiply;opacity: 0.5;}
.menu-club a i .team-logo {height: 55px;width: 55px;}
html:not(.touch) .menu-club a:hover i { opacity: 0.7; }
.menu-club a.selected i {mix-blend-mode: normal;opacity: 1.0;}
.menu-club a strong {display: block;box-sizing: border-box;width: 90px;text-align: center;position: absolute;z-index: 2;bottom: 10px;font-size: 12px;line-height: 12px;font-weight: 400 !important;padding: 0 2px;color: rgba(0,0,0,0.4);}
.menu-club a.selected strong { font-weight: 400; color: #fff; }
.menu-club a span { display: inline-block; position: absolute; top: 5px; right: 8px; font-size: 12px; line-height: 12px; font-weight: 700; padding: 1px 3px; border-radius: 1px; background: #ff5400; color: #fff; }
.menu-club .m-c-add i { background: url(../img/menu-club-icon-add.png) center center no-repeat; }




.menu-socials { text-align: right; position: absolute; right: 20px; top: 23px; }
.menu-socials a { display: inline-block; width: 36px; height: 36px; background: url(../img/socials-icons.png) 0 0 no-repeat; border-radius: 18px; float: right; }
.menu-socials a + a { margin-right: 14px; }
.menu-socials .m-s-tw { background: url(../img/socials-icons.png) 0 0 no-repeat #1ba9e6; }
.menu-socials .m-s-vk { background: url(../img/socials-icons.png) -36px 0 no-repeat #4a74a5; }
.menu-socials .m-s-fb { background: url(../img/socials-icons.png) -72px 0 no-repeat #39579a; }
.menu-socials .m-s-ok { background: url(../img/socials-icons.png) -108px 0 no-repeat #f5851f; }
.menu-socials .m-s-gp { background: url(../img/socials-icons.png) -144px 0 no-repeat #d31204; }
.menu-socials .m-s-mm { background: url(../img/socials-icons.png) -180px 0 no-repeat #2165ae; }
.menu-socials .m-s-tg { background: url(../img/socials-icons.png) -216px 0 no-repeat; }

.socials-manager a { display: inline-block; width: 24px; height: 24px; background: url(../img/socials-manager.png) 0 0 no-repeat; border-radius: 18px; float: right; margin: 0 2px}
.socials-manager .m-s-tw { background: url(../img/socials-manager.png) 0 0 no-repeat #1ba9e6; }
.socials-manager .m-s-vk { background: url(../img/socials-manager.png) -24px 0 no-repeat #4a74a5; }
.socials-manager .m-s-fb { background: url(../img/socials-manager.png) -48px 0 no-repeat #39579a; }
.socials-manager .m-s-ok { background: url(../img/socials-manager.png) -72px 0 no-repeat #f5851f; }
.socials-manager .m-s-gp { background: url(../img/socials-manager.png) -96px 0 no-repeat #d31204; }
.socials-manager .m-s-mm { background: url(../img/socials-manager.png) -120px 0 no-repeat #2165ae; }
.socials-manager .m-s-tg { background: url(../img/socials-manager.png) -144px 0 no-repeat; }
.socials-manager .m-s-em { background: url(../img/socials-manager.png) -168px 0 no-repeat; display: none; }
.socials-manager .m-s-pm { background: url(../img/socials-manager.png) -192px 0 no-repeat #134f73; }
td.socials-manager {padding: 4px 5px}

.header-btn-drawing { float: left; margin: 15px 10px; color: #ff5400 !important; border-color: #ff5400 !important; }

.copyrights { box-sizing: border-box; padding: 12px 0 12px 20px; font-size: 12px; line-height: 24px; color: #fff; font-weight: 400; }

.footer-btn-help { position: absolute; text-align: right; right: 200px; top: 20px; }

#bannerBottom {position: absolute; left: 520px; top: 12px}



.team-indicator { float: left; position: relative; margin-right: 10px; }

.avatar-indicator { display: block; width: 120px; height: 120px; float: right; position: relative; top: -20px; right: -10px; margin-bottom: -120px; }
.avatar-indicator .avatar { width: 120px; height: 120px; border-radius: 60px; position: relative; z-index: 1; }
.avatar-indicator i { display: none; width: 120px; height: 120px; box-sizing: border-box; padding: 42px 20px; border-radius: 60px; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0,0,0,0.6); font-style: normal; color: #fff; font-size: 14px; line-height: 18px; text-align: center; }
.avatar-indicator:hover i { display: block; }



.sidemenu-profile {background: #0f1e31;}
.sidemenu-profile a { position: relative; display: block; font-size: 14px; line-height: 24px; min-height: 24px; padding: 12px 10px 12px 20px; color: #aebccd; border: none; transition: background-color 0.3s, color 0.3s; }
.sidemenu-profile a span { display: inline-block; position: absolute; top: 17px; right: 10px; font-size: 12px; line-height: 12px; font-weight: 700; padding: 1px 3px; border-radius: 1px; background: #ff5400; color: #fff; }
.sidemenu-profile a + a { border-top: 1px solid #14253c; padding: 11px 10px 12px 20px; }
html:not(.touch) .sidemenu-profile a:hover { background-color: #081322; color: #dde5ef; }
.sidemenu-profile a.selected { font-weight: bold; color: #fff; background: #030a12; }
.sidemenu-profile-scroller {  }


.sidemenu-main {background: #172c47;}
.sidemenu-main .l-menu-search { /*margin-top: 15px;*/ }
.sidemenu-main .menu-main a.selected { background-image: none !important; }
.sidemenu-main-scroller { padding: 15px 0; }



.menu-sliding { overflow: auto; box-sizing: border-box; width: 180px; position: fixed; top: 50px; right: 0; z-index: 2; background: #0e223c; display: none; opacity: 0.0; }
.menu-sliding a { display: block; font-size: 14px; line-height: 24px; min-height: 24px; padding: 12px 10px 12px 20px; color: #e5e5e5; border: none; transition: background-color 0.3s; }
.menu-sliding a + a { border-top: 1px solid #2b3235; padding: 11px 10px 12px 20px; }
.menu-sliding a:hover { background-color: #0c3750; }
.menu-sliding a.selected { font-weight: bold; color: #fff; background: #424b50; }



.cols {width: 100%;clear: both;display: inline-block;margin: 24px 0;}
.cols + .cols { margin-top: 0; }
.cols .col {float: left;box-sizing: border-box;padding-right: 10px;}
.cols .col:first-child { padding-left: 0; }
.cols .col:last-child {padding-right: 0;}
.cols .col50 {width: 50%;}
.cols .col25 { width: 25%; }
.cols .col20 { width: 20%; }
.cols .col30 { width: 30%; }
.cols .col35 { width: 35%; }
.cols .col40 { width: 40%; }
.cols .col60 { width: 60%; }
.cols .col70 { width: 30%; }
.cols .col *:first-child { margin-top: 0 !important; }
.cols .col *:last-child {margin-bottom: 0 !important;}

.action-info,
.action-info p {font-weight: bold; font-size: 16px; margin: 10px 0}

.large_print {font-size: 22px;line-height: 30px}
