/* --- Логотипы. Пример: <span class="logotype logo-s logo-vkontakte-white logo-mute"></span>. Файлы: <имя>.svg (цветной) и, где нужен, <имя>_white.svg (белый; у однотонных логотипов этапов белый делается фильтром из цветного файла) --- */
.logotype {display: block; background: center / contain no-repeat; transition: transform .3s ease, filter .3s ease, opacity .3s ease;}

/* --- Логотипы этапов. Класс: .logo-<имя>[-white]; размеры: .logo-s, .logo-m, .logo-l --- */
.logo-brands_hatch_logo { background-image: url('/content/circuit/brands_hatch_logo.svg'); }
.logo-brands_hatch_logo-white { background-image: url('/content/circuit/brands_hatch_logo.svg'); filter: brightness(0) invert(1); }
.logo-brands_hatch_logo-white:hover, .logo-brands_hatch_logo-white.active { filter: none; }
.logo-croft_logo { background-image: url('/content/circuit/croft_logo.svg'); }
.logo-croft_logo-white { background-image: url('/content/circuit/croft_logo_white.svg'); }
.logo-croft_logo-white:hover, .logo-croft_logo-white.active { background-image: url('/content/circuit/croft_logo.png'); }
.logo-donington_park_logo { background-image: url('/content/circuit/donington_park_logo.svg'); }
.logo-donington_park_logo-white { background-image: url('/content/circuit/donington_park_logo.svg'); filter: brightness(0) invert(1); }
.logo-donington_park_logo-white:hover, .logo-donington_park_logo-white.active { filter: none; }
.logo-knockhill_logo { background-image: url('/content/circuit/knockhill_logo.svg'); }
.logo-knockhill_logo-white { background-image: url('/content/circuit/knockhill_logo_white.svg'); }
.logo-knockhill_logo-white:hover, .logo-knockhill_logo-white.active { background-image: url('/content/circuit/knockhill_logo.svg'); }
.logo-oulton_park_logo { background-image: url('/content/circuit/oulton_park_logo.svg'); }
.logo-oulton_park_logo-white { background-image: url('/content/circuit/oulton_park_logo.svg'); filter: brightness(0) invert(1); }
.logo-oulton_park_logo-white:hover, .logo-oulton_park_logo-white.active { filter: none; }
.logo-silverstone_logo { background-image: url('/content/circuit/silverstone_logo.svg'); }
.logo-silverstone_logo-white { background-image: url('/content/circuit/silverstone_logo.svg'); filter: brightness(0) invert(1); }
.logo-silverstone_logo-white:hover, .logo-silverstone_logo-white.active { filter: none; }
.logo-snetterton_logo { background-image: url('/content/circuit/snetterton_logo.svg'); }
.logo-snetterton_logo-white { background-image: url('/content/circuit/snetterton_logo.svg'); filter: brightness(0) invert(1); }
.logo-snetterton_logo-white:hover, .logo-snetterton_logo-white.active { filter: none; }
.logo-thruxton_logo { background-image: url('/content/circuit/thruxton_logo.svg'); }
.logo-thruxton_logo-white { background-image: url('/content/circuit/thruxton_logo.svg'); filter: brightness(0) invert(1); }
.logo-thruxton_logo-white:hover, .logo-thruxton_logo-white.active { filter: none; }

/* --- Схемы трасс. Класс: .logo-<имя>; размеры: .map-s, .map-m, .map-l --- */
.logo-brands_hatch_grand_prix { background-image: url('/content/circuit/brands_hatch_grand_prix.svg'); }
.logo-brands_hatch_indy { background-image: url('/content/circuit/brands_hatch_indy.svg'); }
.logo-croft { background-image: url('/content/circuit/croft.png'); }
.logo-donington_park_grand_prix { background-image: url('/content/circuit/donington_park_grand_prix.svg'); }
.logo-donington_park_national { background-image: url('/content/circuit/donington_park_national.svg'); }
.logo-knockhill { background-image: url('/content/circuit/knockhill.svg'); }
.logo-oulton_park_island { background-image: url('/content/circuit/oulton_park_island.svg'); }
.logo-silverstone_national { background-image: url('/content/circuit/silverstone_national.svg'); }
.logo-snetterton_300 { background-image: url('/content/circuit/snetterton_300.svg'); }
.logo-thruxton { background-image: url('/content/circuit/thruxton.svg'); }

/* --- Logotypes Social --- */
.logo-vkontakte { background-image: url('/content/other/vkontakte.svg'); }
.logo-vkontakte-white { background-image: url('/content/other/vkontakte_white.svg'); }
.logo-vkontakte-white:hover, .logo-vkontakte-white.active { background-image: url('/content/other/vkontakte.svg'); }
.logo-youtube { background-image: url('/content/other/youtube.svg'); }
.logo-youtube-white { background-image: url('/content/other/youtube_white.svg'); }
.logo-youtube-white:hover, .logo-youtube-white.active { background-image: url('/content/other/youtube.svg'); }

/* --- Size Map --- */
.map-l { width: 360px; height: 402px; }
.map-m { width: 180px; height: 201px; }
.map-s { width: 90px; height: 100px; }

/* --- Size Social --- */
.logo-l {width: 360px; height: 90px;}
.logo-m {width: 180px; height: 45px;}
.logo-s {width: 90px; height: 20px;}

/* --- Effects --- */
.logo-mute {opacity: .6;}
.logo-zoom:hover {transform: scale(1.15);}
.logo-shad {filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.9));}
.logo-shad-act:hover, .logo-shad-act.active {filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.9));}