:root {
     color-scheme: only light;
}

html {
    width:100vw;
    overflow-x:hidden;
}

body {
margin: 0px; 
background-color: #000000;
background-image: url(gfx/background3.jpg);
background-position: left top;
background-repeat: repeat;
background-attachment: fixed;
}

font {
font-family: verdana; 
font-size:14px; 
font-weight:normal; 
text-align:justify;
}

table {
font-family: verdana; 
font-size: 14px; 
color: white; 
text-align: justify;
}

td {
font-family: verdana; 
font-size: 14px;
}

P {
font-family: verdana; 
font-size:   14px; 
color:       white; 
font-weight: normal; 
text-align: justify;
}

h2 {
font-face: verdana; 
font-size: 18px; 
color: #8EB0F4;
font-weight: bold; 
font-style: italic;
}

h3 {
font-face: verdana; 
font-size:16px; 
color: #8EB0F4;
font-weight: bold; 
font-style: italic;
}

A:link {
text-decoration:none; 
color:#8EB0F4
}

A:visited {
text-decoration:none; 
color:#8EB0F4
}

A:active {
text-decoration:none; 
color:#8880F4;
}

A:hover {
text-decoration:none; 
color:#8880F4;
}

HR {
color:#040881; 
noshadow
}

/* Всплывающее окно для карты мира(левая сторона) */
/* popup window for World Map (left side) */
.section-img {
	position: left;
	padding: 0px 0;
}
.cursor {
    position: fixed;
    transform: translateX(1%) translateY(-50%);
    pointer-events: none;
    left: -100px;
    top: 100%;
    z-index: -1;
    transition: all 200ms ease-out;
    background-position: center;
    background-size: 0 0;  
    border: 1px solid #BFE2FF;
    display: none;
}
.section-row:hover .cursor {
    display: block;
}
.cursor.hover {
    height: 80px;
    width: 460px;
    z-index: 1;
    background-size: cover;
}
.cursor.hide-cursor {
    display: none;
}
.hover-img:hover{
    z-index: 5;
    color: #000;
}
.hover-img:hover:before {
    height: 100%;
}

/* Всплывающее окно для карты мира(правая сторона) */
/* popup window for World Map (right side) */
.section-img2 {
	position: left;
    padding: 0px 0;
}
.cursor2 {
    position: fixed;
    transform: translateX(-101%) translateY(-50%);
    pointer-events: none;
    left: -100px;
    top: 100%;
    z-index: -1;
    transition: all 200ms ease-out;
    background-position: center;
    background-size: 0 0;  
    border: 1px solid #BFE2FF;
    display: none;
}
.section-row2:hover .cursor2 {
    display: block;
}
.cursor2.hover {
    height: 80px;
    width: 460px;
    z-index: 1;
    background-size: cover;
}
.cursor2.hide-cursor {
    display: none;
}
.hover-img2:hover{
    z-index: 5;
    color: #000;
}
.hover-img2:hover:before {
    height: 100%;
}

/* всплывающие окна для раздела Экран */
/* popup window for section Screen */
.section-img3 {
	position: left;
	padding: 0px 0;
}
.cursor3 {
    position: fixed;
    transform: translateX(1%) translateY(-50%);
    pointer-events: none;
    left: -100px;
    top: 100%;
    z-index: -1;
    transition: all 200ms ease-out;
    background-position: center;
    background-size: 0 0;  
    border: 0px solid #BFE2FF;
    display: none;
}
.section-row3:hover .cursor3 {
    display: block;
}
.cursor3.hover {
    height: 32px;
    width: 114px;
    z-index: 1;
    background-size: cover;
}
.cursor3.hide-cursor {
    display: none;
}
.hover-img3:hover{
    z-index: 5;
    color: #8EB0F4;
}
.hover-img3:hover:before {
    height: 100%;
}

/* всплывающие окна статистики для раздела Команда */
/* popup window Stats for Team */
.section-img4 {
	position: left;
	padding: 0px 0;
}
.cursor4 {
    position: fixed;
    transform: translateX(-101%) translateY(-50%);
    pointer-events: none;
    left: -100px;
    top: 100%;
    z-index: -1;
    transition: all 200ms ease-out;
    background-position: center;
    background-size: 0 0;  
    border: 0px solid #BFE2FF;
    display: none;
}
.section-row4:hover .cursor4 {
    display: block;
}
.cursor4.hover {
    height: 200px;
    width: 309px;
    z-index: 1;
    background-size: cover;
}
.cursor4.hide-cursor {
    display: none;
}
.hover-img4:hover{
    z-index: 5;
    color: #8EB0F4;
}
.hover-img4:hover:before {
    height: 100%;
}

/* стиль подписи к картинкам в разделе "Оружие" */
/* the style of the caption to the pictures in the "Weapons" section */
figure.img {
  margin: 0;
  float: left;         /* Обтекание картинки по левому краю */
  padding-left: 15px;  /* отступ слева */
  padding-right: 15px; /* Ротступ справа */
  padding-bottom: 0px; /* отступ снизу */
}
figure.img img {  /* изображение уменьшается пропорционально экрану браузера */
  max-width: 100%;
  height: auto;
}
figure.img figcaption {  /* стиль описания */
  padding-left: 0px; /* отступ слева */
  padding-top: 5px; /* отступ сверху */
  padding-bottom: 5px; /* отступ снизу */
  font: italic 80% Georgia,serif;
  color:#3badaf;
}

/* новое Меню 1*/
/* new Menu 1*/

#centeredmenu {
   float:left;
   width:100%;

   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:1;
   padding:0;
   position:relative;
   right:50%;

}
#centeredmenu ul li a {
   display:block;
   margin:3 0 3 0px;
   padding:1px 3px;
   background:#ddd;
   text-decoration:none;
   line-height:1.3em;

    background: -webkit-linear-gradient(top, #727483 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #727483 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #727483 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #727483 0%,#2c2d33 100%);
    background: linear-gradient(top, #727483 0%,#2c2d33 100%);
    border-radius: 5px;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}


        /* Основной контейнер слайдера */
        .slider {
            width: 460px; /* Фиксированная ширина слайдера */
            overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
            position: relative; /* Необходимо для правильного позиционирования кнопок */
        }

        .slider2 {
            width: 500px; /* Фиксированная ширина слайдера */
            /*overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
            position: relative; /* Необходимо для правильного позиционирования кнопок */
        }

        /* Контейнер всех слайдов */
        .slides {
            display: flex; /* Размещаем слайды в одну линию */
            transition: transform 0.0s; /*transition: transform 0.5s ease-in-out; *//* Анимация плавного смещения */
        }

        /* Каждый отдельный слайд */
        .slide {
            width: 100%; /* Занимает всю ширину контейнера */
            flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
        }

        /* Стили для изображений */
        .slide img {
            width: 100%; /* Картинки растягиваются на весь слайд */
            display: block; /* Убираем пробелы вокруг изображений */
        }

        /* Кнопки «Назад» и «Вперёд» */
        .prev, .next {
            position: absolute; /* Позволяет располагать кнопки поверх слайдов */
            top: 50%; /* Размещаем по вертикали по центру */
            transform: translateY(400%); /* Сдвигаем кнопки вверх на половину их высоты */
            background: rgba(100, 100, 100, 0.5); /* Полупрозрачный фон кнопок */
            color: white; /* Белый цвет текста */
            border: none; /* Убираем границы */
            padding: 10px; /* Отступы внутри кнопки */
            cursor: pointer; /* Изменяем курсор на указатель */
            font-size: 18px; /* Размер шрифта */
            font-weight: bold; /* Делаем текст жирным */
            z-index: 2; /* Размещаем кнопки выше всех элементов */
        }

        /* Позиционируем кнопку «Назад» слева */
        .prev {
            left: -10px;
        }

        /* Позиционируем кнопку «Вперёд» справа */
        .next {
            right: -10px;
        }