/* для трас */

.flagtr {height: 48px; margin-left: 5px; border: solid 1px #191919;}

.trasainfa {
    FONT-SIZE: 0.8vw;
	width: 56vw;
	height: 100%;
	min-height: 190px;
	box-sizing: border-box;
	font-family: F1Bold;
	border-top: solid 0.5vw #e53935;
	border-right: solid 0.5vw #e53935;
	border-bottom: solid 0.5vw #e53935;
	border-radius: 0.8vw;
	padding: 0.5vw 0;
	margin-bottom:0.5vw;}

.trasashema {height: 15.5vw; float: left; margin-right: 0.5vw;}
.trinf {display: block;
	float: left;
	text-align: center;
	width: 12vw;
	min-width: 82px;
	height: 3vw;
	min-height: 20px;
	border-bottom: solid 1px #9a9a9a;
	border-right: solid 1px #9a9a9a;
	border-bottom-right-radius: 0.8vw;
	FONT-SIZE: 0.7vw;
	padding-right: 0.5vw;
	margin-right: 0.7vw;
	margin-bottom: 0.7vw}

.trname {font-family:F1Black;}
.trshn {
	float: left;
	width: 12vw;
	min-width: 82px;
	height: 3vw;
	text-align: center;
	FONT-SIZE: 0.7vw;
	margin-top: 0.9vw;
	padding-right: 0.5vw;
	margin-right: 0.7vw;}

.shina {width: 2vw; height: 2vw;}
.trharakter {width: 11vw; min-width: 50px;}
.rozklad {
	width: 21.3vw;
	min-height: 190px;
	box-sizing: border-box;
	font-family: F1;
	text-align: center;
	border-top: solid 0.5vw #e53935;
	border-bottom: solid 0.5vw #e53935;
	border-radius: 0.8vw;
	FONT-SIZE: 0.7vw;
	padding: 0.5vw 0;
	margin-bottom: 0.5vw;}

.rozklad .trzn {FONT-SIZE: 0.65vw; line-height: 0.8vw;}

.rozkl_sp {text-align: left; FONT-SIZE: 0.55vw; margin: 0 0.3vw;}
.trzn {font-family:F1Bold; font-size: 0.8vw; line-height: 1.2vw;}
.trasainfa .trzn {font-family: Statistic; font-size: 0.45vw; line-height: 1.8vw;}
.trlk {font-family: Statistic; font-size: 0.45vw; line-height: 0.75vw;}


.pogoda {margin: 0.75vw 0 0.2vw 0;}
#weather {
    display: flex;
    gap: 8px;
    margin: 2px;
    border-radius: 0.8vw;}

.weather-card {
    font-family:F1Bold;
    border: 1px solid #9a9a9a;
    border-left: 5px solid #e10600;
    border-radius: 8px;
    padding: 0.2vw;
    margin-bottom: 0.2vw;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
    transition: transform 0.2s ease;}

.weather-title {
    color: #000;
    font-size: 0.72vw;
    font-weight: bold;}
.emoj {width: 2.4vw;}
.weather-line {
    margin-top: 0.3vw;
    font-family:F1;
    font-size: 0.6vw;
    line-height: 0.6vw;}
.weather-linet {
    margin-top: 0.6vw;
    font-family: Statistic;
    font-size: 0.45vw;
    letter-spacing: -0.05vw;
    line-height: 0.6vw;}
.weather-lineo {
    margin-top: 0.55vw;
    font-family: F1;
    font-size: 0.6vw;
    line-height: 0.6vw;}
.weather-lineo .weather-linet {margin-top: 0vw;}

.skasovano {background: url('/sait/skasovano.png') center bottom no-repeat;}

/* результати */
.content2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;}

.nn {width: 1.7vw; text-align: center; font-family:F1Black; font-size:0.8vw;}
.driver {display: flex; align-items: center; FONT-SIZE: 0.6vw; margin-left: 0.5vw;}
.drface {width: 1.65vw; margin-right: 0; text-align: center;}
.drface2 {width: 1.65vw; margin-right: 0; text-align: center; transform: scaleX(-1);}
.logoteam {width: 1.6vw; margin-right: 0.5vw; text-align: center;}
.drname {width: 5.6vw; text-align: center; font-family:F1Bold;}
.drnambr {width: 1.4vw; margin-left: 0.5vw; text-align: center;}
.drslem {width: 1.8vw; text-align: center; margin-left: 0.25vw;}
.result {width: 4vw; font-family: 'Statistic', sans-serif; FONT-SIZE: 0.4vw;  line-height: 0.7vw; letter-spacing: -0.03vw; text-align: right;}
.img_gp {height: 0.7vw;}

.point {width: 2.4vw; float: right; text-align: center; font-family: F1Black; font-size: 0.8vw;}
.point
.bl {color: #8B00FF;}
.koleso {width: 0.8vw; margin-left: 0.3vw;}

.up {FONT-SIZE: 0.5vw; font-family:F1; color: #20ee30; width: 1vw; text-align: left;}
.dn {FONT-SIZE: 0.5vw;font-family:F1; color: #e10600; width: 1vw; text-align: left;}


.driver_panel a {color: #fff; text-decoration: underline;}
.driver_panel a:hover {color: #e10600;}


/* результати кваліф */
.rezultat_qv {
	width: 21.3vw;
	height: 100%;
	BACKGROUND: #000;
	border: solid 0px #000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}

.spisokresultqv{
	display: flex;
    align-items: center;
	height: 1.9vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	font-size: 0.7vw;}
.img_gp {height: 0.8vw;}
.img_roz {height: 0.8vw;}

.rezultat_qv a {color: #fff; text-decoration: underline;}
.rezultat_qv a:hover {color: #e10600;}
.rezultat_qv a:active {color: #000;}

.rezultat_qv_pl {
	width: 31.5vw;
	height: 100%;
	BACKGROUND: #000;
	border: solid 0px #000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}


/* стартова решітка */

.rezultat_st {
	width: 21.3vw;
	height: calc(100 + 30vw);
	BACKGROUND: #000;
	border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}

.rezultat_st_pl {
	width: 25.1vw;
	height: calc(100 + 30vw);
	BACKGROUND: #000;
	border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}

.starting-grid {background: #fff;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  gap: 4vw;
}

.grid-row {position: relative;}

.grid-slot {position: absolute;
  vertical-align: top;
  width: 9.8vw;
  margin: 1px;
  padding: 0.1vw 0.3vw;
  border-radius: 0.3vw;
  background: #fff;
  text-align: left;
  box-shadow: 4px -4px 6px rgba(0, 0, 0, 0.15);
}

.grid-slot.front {right: 0; top: 0; z-index: 2;}
.grid-slot.back { left: 0; top: 1.5vw; z-index: 1;}

.grid-position {color: #000; font-size: 0.7vw; vertical-align: top;}
.grid-name {color: #000; vertical-align: top; margin-left: 0.1vw; font-size: 0.6vw; position: absolute;}

.grid-slot img {width: 1.5vw; height: auto; vertical-align: top;}

.grid-reason {
    display: block; position: absolute;
	right: 0.3vw;
	top: 1vw;
	width: 6.5vw;
	border: solid 1.5px #e10600;
	color: #e10600;
	font-size: 0.5vw;
	font-family: F1;
	line-height: 0.6vw;
    text-align: center;}


.spisok_start, .spisok_start2, .spisok_start4 {
	display: flex;
    align-items: top;
	box-sizing: border-box;
	position: relative;
	height: 3.8vw;
	width: 10.5vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	text-align: center;
	font-family:F1Bold;
	font-size: 0.6vw;
	overflow: hidden;}

.spisok_start {margin: 0 0 0.1vw 0.1vw;float: left;}
.spisok_start2 {margin: 2vw 0.1vw 0.1vw 0; float: right;}
.spisok_start4 {margin: 0 0.1vw 0.1vw 0;float: right;}

.start_img {width: 2vw; height: 5.4vw;}
.shtraf {
	display: block;
	position: absolute;
	right: 0.5vw;
	bottom: 0.2vw;
	width: 5.3vw;
	border: solid 1.5px #e10600;
	font-family: 'Statistic', sans-serif;
	color: #e10600;
	font-size: 0.35vw;
	line-height: 0.6vw;}
	
	
/* результ  гран-прі*/	
	
.rezultat_gp {
	width: 25.1vw;
	height: 100%;
	BACKGROUND: #000;
	border: solid 0px 000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}

.rezultat_gp_pl {
	width: 49vw;
	height: 100%;
	BACKGROUND: #000;
	border: solid 0px 000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}

.spisokresultgp{
	display: flex;
    align-items: center;
	height: 1.9vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	font-size: 0.7vw;}

.spisokresultgp .result {width: 4.5vw;}
.spisokresultgp .point {width: 3.2vw;}
.rezultat_gp_pl .driver {margin: 0.3vw;}
.rezultat_gp_pl .logoteam {margin: 0.3vw;}
.rezultat_gp_pl .drname {width: 9vw;}
.rezultat_gp_pl .result {width: 6vw;}
.rezultat_gp_pl .res_speed {font-family: F1; font-size: 0.52vw; width: 7vw; color: #e10600; text-align: center;}
.rezultat_gp_pl .drface {margin: 0.3vw;}
.rezultat_gp_pl .drnambr {margin: 0.3vw;}
.rezultat_gp_pl .drslem {margin: 0.3vw;}

.pitstop {display: flex; align-items: center; width: 11vw;}
.pitst {font-family: 'Statistic'; font-size: 0.35vw; width: 2.4vw; text-align: center;}
.pitst .koleso {width: 1vw; margin-left: 0;}

/* плеєр та квала */
.rezultat_an {
	width: 17.3vw;
	height: 100%;
	BACKGROUND: #000;
	border: solid 0px #000;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;}
.kvala_img {width: 21.15vw; height: 28vw; border: solid 1px #000; border-radius: 0.7vw;}
.kvala_pl {width: 17vw; height: 20vw; border: solid 1px #000; border-radius: 0.7vw;}
.player {float: left; margin-left: 0.2vw; width: 24.8vw; height: 14.2vw; text-align: center; border: solid 1px #fff; border-radius: 0.7vw;}
.rezultat_qv .player {width: 20.9vw; height: 13.9vw}
.player2 {width: 20.9vw; height: 28vw; text-align: center;}
.player_k_pl {width: 100; height: 23vw; text-align: center;}
.player_r_pl {width: 100; height: 44.3vw; text-align: center;}
.rezultat_gp .player2 {width: 24.8vw; height: 28vw}


/* практичні заїзди */
.driver_panel {
	width: 21.3vw;
	height: 100%;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom:0.3vw;
	color: #fff;
	text-align: center;}

.rezultattr {padding-top: 0.15vw;}
.rezultattr .spisokresultqv {height: 2vw;}

/* З А Л І К   В О Д И Л */
.dr_spisokresult{
	display: flex;
    align-items: center;
	height: 2vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	FONT-SIZE: 0.7vw;}
.dr_spisokresult .drname {width: 6vw;}
.dr_spisokresult .point {margin-left: 1vw;}


/* З А Л І К   К О М А Н Д */
.teams_panel {
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;
	width: 25.1vw;
	height: 100%;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;}

.teams_spisok {
	display: flex;
    align-items: center;
	text-align: left;
	color: #000;
	height: 2.8vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	margin:0 1px 1px 1px;}
.teams_sp {display: flex;
    align-items: center;
	FONT-SIZE: 0.6vw;
	margin-left: 0.6vw;}
.team_logo {width: 3.3vw; margin: 0 0.3vw 0 0;}
.team_name {width: 7.5vw; margin-right:0.3vw; text-align: center;}
.team_car {width: 8.2vw; margin-right: 0.3vw;}
.team_res {margin-left: 0.1vw; width: 2.1vw; text-align: center; font-family:F1Black; font-size:0.8vw;}

.teams_panel a {color: #fff; text-decoration: underline;}
.teams_panel a:hover {color: #e10600;}


@media (max-width: 1023px) {
	.flagtr {height: 38px;}
	
    .rozklad {width: 28.5vw; height: 27vw; FONT-SIZE: 1vw; line-height: 0.8vw;}
    .rozklad .trzn {FONT-SIZE: 0.9vw; line-height: 1vw;}
    .rozkl_sp {FONT-SIZE: 0.8vw; line-height: 1vw;}

    .pogoda {margin: 0.45vw 0 0.1vw 0;}
    #weather {border-radius: 0.3vw; margin: 0; gap: 0.45vw; padding: 0 0.2vw;}
    .weather-card {border-left: 0.4vw solid #e10600; border-radius: 0.7vw;}
    .weather-title {font-size: 0.9vw; margin: 0.3vw 0;}
    .emoj {width: 2.8vw;}
    .weather-line {margin-top: 0.3vw; font-size: 0.8vw; line-height: 1.1vw;}
    .weather-linet {margin-top: 0.5vw; font-size: 0.65vw; line-height: 1.1vw; letter-spacing: -0.2vw;}
    .weather-lineo {margin-top: 0.55vw; font-size: 0.8vw; line-height: 0.85vw;}
    .weather-lineo .weather-linet {margin-top: 0vw;}
    
    
    .trasainfa {width: 64vw; height: 27vw; FONT-SIZE: 1vw;}
    .trasashema {height: 18vw; margin-bottom: 1vw;}
    .trinf {width: 14vw; height: 3.8vw; FONT-SIZE: 0.9vw;}
    .trinf .trzn {font-size: 0.7vw;}
    .trlk {FONT-SIZE: 0.6vw; letter-spacing: -0.09vw;}
    .trlk .drface {width: 2.1vw;}
    .trshn {width: 14vw; FONT-SIZE: 0.9vw;}
    .shina {width: 2.6vw; height: 2.6vw;}
    .trharakter {min-width: 15vw;}


    .nn {FONT-SIZE: 1.1vw; width: 1.8vw}
	.driver {FONT-SIZE: 0.8vw;}
	.drface, .drface2 {width: 2.6vw; margin: 0;}
    .logoteam {width: 2.2vw;}
    .drname {width: 7.5vw; margin: 0;}
    .drnambr {width: 2.2vw; margin-left: 0;}
    .drslem {width: 2.5vw;}
    .point {FONT-SIZE: 1.1vw;}
    .result {width: 6.2vw; FONT-SIZE: 0.7vw; line-height: 1vw; letter-spacing: -0.05vw;}
    .koleso {width: 1.3vw;}
    .img_gp {height: 0.7vw;}
    .up, .dn {FONT-SIZE: 0.6vw;}
    
    
    .rezultat_qv, .rezultat_st, .driver_panel {width: 28.5vw; FONT-SIZE: 1vw;}
    .rezultat_gp, .teams_panel {width: 32.7vw; FONT-SIZE: 1vw;}
 
    .spisokresultqv {width: 100; FONT-SIZE: 0.8vw; height: 2.7vw;}   
    .rezultattr .spisokresultqv {height: 2.84vw;}
    
    .spisokresultgp {width: 100; FONT-SIZE: 0.8vw; height: 2.7vw;}
    .spisokresultgp .result {width: 6.5vw;}
    .spisokresultgp .point {width: 3.8vw;}

    .dr_spisokresult {height: 2.7vw; FONT-SIZE: 0.8vw;}
    .dr_spisokresult .point {width: 5vw; margin-left: 0.3vw;}
    .dr_spisokresult .drname {width: 9vw;}
    
    .teams_spisok {width: 100; FONT-SIZE: 1vw; height: 3.5vw;}
    .team_logo {width: 4.2vw;}
    .team_name {width: 10vw; FONT-SIZE: 0.8vw;}
    .team_car {width: 10.5vw;}
    .team_res {width: 2.7vw; FONT-SIZE: 1.1vw;}
    
    .rezultat_st {height: 63vw;}
    .starting-grid {gap: 6.1vw;}
    .grid-slot {width: 13.2vw; margin: 1px; padding: 0.1vw 0.3vw;}
    .grid-position {font-size: 1vw;}
    .grid-name {margin-left: 0.1vw;  font-size: 0.9vw;}
    .grid-slot img {width: 2.3vw;}
    .grid-reason {right: 0.3vw;	top: 1.1vw;	width: 8.8vw; font-size: 0.7vw;	line-height: 0.8vw;}
    
    .spisok_start, .spisok_start2, .spisok_start4 {height: 5.5vw; width: 14vw; FONT-SIZE: 0.9vw;}
    .start_img {width: 30px; height: 90px;}
    .shtraf {width: 7vw; FONT-SIZE: 0.5vw; line-height: 0.8vw; border: solid 0.5px #e10600;}
    
    .kvala_img {width: 28.2vw; height: 36vw;}
    .player {width: 32.1vw;	height: 20vw;}
    .player2 {width: 27.8vw; height: 36vw;}
    .rezultat_qv .player {width: 28vw; height: 16vw}
    .rezultat_gp .player2 {width: 32.1vw; height: 36vw;}
}


@media (max-width: 765px) {
	.flagtr {height: 18px;}
	.spisok_start, .spisok_start2, .spisok_start4 {height: 6.35vw; width: 14vw; FONT-SIZE: 0.9vw;}
	.start_img {width: 3vw; height: 6.3vw;}
    
    .rozklad {width: 28.2vw; min-height: 43vw; FONT-SIZE: 1.2vw;line-height: 1.5vw;}
    .rozklad .trzn {FONT-SIZE: 1vw; line-height: 1.6vw;}
    .rozkl_sp {text-align: left; FONT-SIZE: 1vw;line-height: 1.5vw;}

    #weather {border-radius: 0.4vw; margin: 0; gap: 0.3vw;}
    .weather-card {border-left: 0.4vw solid #e10600; border-radius: 1vw;}
    .weather-title {font-size: 1vw; margin: 0.3vw 0;}
    .emoj {width: 3vw;}
    .weather-line {margin-top: 0.3vw; font-size: 1vw; line-height: 1.5vw;}
    .weather-linet {margin-top: 0.6vw; font-size: 0.8vw; line-height: 1.5vw; letter-spacing: -0.1vw;}
    .weather-lineo {margin-top: 0.55vw; font-size: 1vw; line-height: 1.2vw;}
    .weather-lineo .weather-linet {margin-top: 0vw;}
    
    .trasainfa {width: 64vw; min-height: 43vw; FONT-SIZE: 1.3vw;}
    .trasashema {height: 23vw;}
    .trinf {min-width: 19.2vw; height: 3.4vw; FONT-SIZE: 1.3vw;}
    .trinf .trzn {font-size: 1vw;}
    .trlk {font-size: 0.9vw; line-height: 0.75vw;}
    .trshn {min-width: 19.2vw; margin-top: 0.1vw; FONT-SIZE: 1.3vw;}
    .shina {width: 3.5vw; height: 3.5vw;}
    .trharakter {min-width: 21vw;}

    .nn {FONT-SIZE: 1.3vw; margin-left: 0.5; width: 1.7vw;}
	.driver {FONT-SIZE: 1vw;}
	.drface, .drface2 {width: 2.7vw; margin: 0;}
    .logoteam {width: 2.1vw; margin: 0;}
    .drname {width: 8vw; margin: 0;}
    .drnambr {width: 2.2vw; margin-left: 0;}
    .drslem {width: 2.3vw;}
    .point {FONT-SIZE: 1.1vw;}
    .result {width: 6.2vw; FONT-SIZE: 0.7vw; line-height: 1vw; letter-spacing: -0.05vw;}
    .koleso {width: 1.3vw;}
    
    .rezultat_st {height: 67vw; border: solid 1px #000;}
    .rezultattr .spisokresultqv {height: 2.86vw;}
    
    .starting-grid {gap: 6.6vw;}
    .grid-slot {width: 13.3vw; margin: 1px; padding: 0.2vw 0.3vw;}
    .grid-position {font-size: 1.1vw;}
    .grid-name {margin-left: 0.1vw;  font-size: 1vw;}
    .grid-slot img {width: 2.4vw;}
    .grid-reason {right: 0.3vw;	top: 1.2vw;	width: 8.4vw; font-size: 0.8vw;	line-height: 1vw; border: solid 1px #e10600;}
    .kvala_img {width: 27.8vw;}
}