/*
Theme Name: CCCP games
Author: Vsevolod Sydorenko

Description: CCCP games theme

*/



body {
background-color: #e5be61;
margin:0;
padding:0;
}
a {
  color: inherit;
  text-decoration: inherit;
}

.header{
width:100%;
background-color: #000000;
height:5.4vw;
margin-top:0;
padding:0;

	
}
.header1{
background-color: #000000;
width:3.47%;
height:5.4vw;
float:left;
	
}
.header2{
width:1.777777777777777%;
height:5.4vw;
float:left;
align-content:center;
	
}
.header3{
background-color: #000000;
width:9.68%;
height:5.4vw;
float:left;
align-content:center;
	
}
.header4{

width:69.77%;
height:5.4vw;
float:left;
align-content:center;
	
}
.header5{
background-color: #000000;
width:5.2%;
height:5.4vw;
float:left;
align-content:center;
	
}
.header6 {
background-color: #000000;
width:1.854%;
height:5.4vw;
float:left;
align-content:center;	
}
.header7 {
background-color: #000000;
width:1.425%;
height:5.4vw;
float:left;
align-content:center;	
}
.header8 {
background-color: #000000;
width:1.953%;
height:5.4vw;
float:left;
align-content:center;	
}
.header9 {
	
background-color: #000000;
width:4.515%;
height:5.4vw;
float:left;
align-content:center;	
}
.body1{
background-color: #e5be61;
width:26.96666%;
height:18vw;
float:left;
align-content:center;
}
.body1eng{
background-color: #e5be61;
width:24%;
height:18vw;
float:left;
align-content:center;
}
.body2{
background-color: #e5be61;
width:7.9166666%;
height:18vw;
float:left;
align-content:center;
}
.body3{
background-color: #e5be61;
width:30.642%;
height:18vw;
float:left;
align-content:center;
}
.body3eng{
background-color: #e5be61;
width:34.642%;
height:18vw;
float:left;
align-content:center;
}
.body4{
background-color: #e5be61;
width:7.9166666%;
height:18vw;
float:left;
align-content:center;
}
.body5{
background-color: #e5be61;
width:26.5%;
height:18vw;
float:left;
align-content:center;
}
.body5line{
background-color: #b92830;
width:100%;
height:0.2vw;
float:left;
}

.body21{
background-color: #e5be61;
width:18.75%;
height:7vw;
float:left;
align-content:center;
}
.body22{
background-color: #e5be61;
width:62.5%;
height:7vw;
float:left;
align-content:center;
}
.body23{
background-color: #e5be61;
width:18.75%;
height:7vw;
float:left;
align-content:center;
}

.body31{
background-color: #e5be61;
width:14.93%;
height:9vw;
float:left;
align-content:center;
}
.body311{
background-color: #e5be61;
width:14.93%;
height:9vw;
float:left;
align-content:center;
}
.body322{
width:31.5%;
height:9vw;
float:left;
align-content:center;
}
.body32{
width:17.85%;
height:9vw;
float:left;
align-content:center;
}

.body33{
width:1.7833333%;
height:9vw;
float:left;
align-content:center;
}
.body34{
width:1.85%;
height:9vw;
float:left;
align-content:center;
}
.body35{
width:30.5%;
height:9vw;
float:left;
align-content:center;
}
.body37{
position: relative;
top:0; left:-7vw;
width:10.13%;
height:9vw;
float:left;
}
.body377
{
width:100%;
height:1.5vw;
float:left;
align-content:center;
}
.body378
{
width:100%;
height:0.7vw;
float:left;
align-content:center;
}
.body41{
width:14.8%;
height:1vw;
float:left;
align-content:center;
}
.body42{
width:69.95%;
float:left;
align-content:center;
}
.body43{
width:14.5%;
height:1vw;
float:left;
align-content:center;
}
.body40{
width:100%;
float:left;
align-content:center;
}
.body51{
background-color: #e5be61;
width:100%;
float:left;
height: 45.7vw;
align-content:center;
}
.body61{
background-color: #e5be61;
width:100%;
height:8vw;
float:left;
align-content:center;
}
.body71{
background-color: #e5be61;
width:35.55%;
height:12vw;
float:left;
align-content:center;
}
.body72{
background-color: #e5be61;
width:14.21%;
height:12vw;
float:left;
align-content:center;
}
.body721{
width:100%;
height:6vw;
float:left;
align-content:top;
}

.body721eng{
width:100%;
height:6vw;
float:left;
align-content:top;
margin-bottom:1vw;
}
.body722{
width:100%;
height:12vw;
float:left;
align-content:top;
}
.body723{
width:0.2%;
background-color: #b8292f;
height:13vw;
float:left;
align-content:center;
}
.body723eng{
width:0.2%;
background-color: #b8292f;
height:13.4vw;
float:left;
align-content:center;
}
.body724{
background-color: #e5be61;
width:4.4444444%;
height:12vw;
float:left;
align-content:top;
}
.body725{
background-color: #e5be61;
width:14.76555555555%;
height:14vw;
float:left;
align-content:center;
}
.body73{
background-color: #e5be61;
width:10.21%;
height:12vw;
float:left;
align-content:center;
}
.body74{
background-color: #e5be61;
width:31%;
height:9vw;
float:left;
align-content:center;
}




.background{
width:100%;
background-color: #e5be61;
height:335.4vw;	
}
.langFont {	
font-family: Blac;
font-size: 30.5vw;
color: #e31212;
}
.langFontMob {	
font-family: Blac;
font-size: 3.5vw;
color: #505050;
}
h1 {

color:#e4be61;
text-align: center;
text-valign: center;    
font-size: 2vw;	
}

h2 {
margin:0;
margin-top:0;
color:white;
text-align: center;
text-valign: center;    
font-size: 8vw;
line-height: 6.8vw;
letter-spacing:0.07vw;	
}
h3 {

margin:0;
margin-top:0;
color:black;
text-align: center;
text-valign: center;    
font-size: 1.5vw;
line-height: 1.4vw;
letter-spacing:0.1vw;
font-weight:50;
}
h4 {

margin-top:0;
font-size: 1.4vw;
line-height: 1.4vw;
font-weight:50;
color:black;


	
}
h5
{
margin:0;
margin-top:0;
color:white;
text-align: center;
text-valign: center;    
font-size: 1.6vw;
line-height: 1.6vw;
letter-spacing:0.01vw;	
font-weight:bolder;
}
h6 {
margin:0;
margin-top:0;
color:white;
text-align: center;
text-valign: center;    
font-size: 8vw;
line-height: 8vw;
letter-spacing:0.07vw;	
}

.swiper-pagination-bullet-active
{
	
	background-color: #b92830 !important;
}

.swiper-button-next, .swiper-button-prev 
{
  color: #b92830 !important;
}


/* Контейнер */
.lang-switcher {
	padding: 0.5vw 0;
	display: flex;
	justify-content: center;
	
	width: 4vw;
    position: relative;
    cursor: pointer;
    color: #fff;
	font-family: "AkrobatB", Arial, sans-serif;
	font-size: 2.1vw;
    font-weight: bold;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Скрытый список */
.lang-list {
	justify-content: center;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #000; /* Черный фон как у твоих кнопок */
    width: 4vw;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 100;
}

/* Элементы списка */
.lang-list li a {
	padding: 0.3vw 0;
    color: #fff;
	display: flex;
    justify-content: center;
    text-decoration: none;
    
}

/* Подсветка при наведении на язык */
.lang-list li a:hover {
    background-color: #e4be61; /* Твой золотистый цвет */
    color: #000;
}

/* Показать список при наведении на родительский блок */
.lang-switcher:hover .lang-list {
    display: block;
}