.banner{
  display:block;
  width:100%;
  height:100svh; /* занимать 100% высоты экрана ПК посетителя страницы */
  color:#fff;
  position:relative;
}


.banners-slider-container{
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom:var(--20px);
  text-align:center;
}

.banners-swiper-container, .medals-swiper-container, .news-swiper-container, .gallery-swiper-container{
  overflow:hidden;
  width:100%;
/*  padding-bottom: 60px;  !!! вынесение кнопок пагинации вниз - благодоря этому отступу */
}

.banners-swiper-container{
  height:100vh;
}

.banner-slide{
  padding:0px;              /* внутренний паддинг каждого слайда = регулировка ширины/высоты изображения */
}

.banner-image{
/*  margin-top:85px; */
/*  margin-top:40px; */
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:Ubuntu-Regular;
  padding-bottom:var(--15px);
}

.banner-pagination > .swiper-pagination-bullet{
  background:none;
  font-size: var(--20px);
  color: var(--whiteColor);
  border-radius:0;
}

.banner-pagination > .swiper-pagination-bullet-active{
  font-size: var(--22px);
  font-family:Ubuntu-Medium;
}


.expandBulletStyle{
  display: flex;
  justify-content:flex-start;
  align-items: center;
  width:var(--190px);
  margin-right:0!important;
}

.greenLineBanner{
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--150px);
  height: var(--5px);
  background-color:var(--defaultGreenColor);
  border-radius:var(--5px);
  margin-left:var(--10px);
  margin-top:var(--1px);
}


.banner-info{
  display:block;
  position:absolute;
  z-index:11;
  top:30%;
  left:0; 
  right:0; 
  font-family:Ubuntu-Regular;
}

.banner-info-header{
  display:block;
  letter-spacing:2px;
  text-align:center;
}

.banner-info-header h1{ /* ### */
  font-family:Ubuntu-Regular;
  font-size:var(--56px);
  color:var(--whiteColor);
}


.banner-info-text{ /* ### */
  margin:0 auto;
  width:60%;	
}



.banner-info-text p{ /* ### */
  display:block;
  text-align:center;
  font-size:var(--26px);
  line-height: 1.4;
  padding:var(--32px) 0 var(--48px) 0;
/*  padding:var(--40px) 0 var(--50px) 0; */
}



.banner-info-buttons-wrapper{
  display:flex;
  justify-content:center;
  align-items: center;
}

.banner-info-button-wrapper{ /* ### */
  display:block;
  width:270px;
  height:56px;
  margin:0px 15px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.medals-slider-container{
/*  max-width: 1320px; */
  max-width: var(--1280px);
  position: relative;
/*  margin: 60px auto 0 auto; */
  margin-top: 60px;
/*  padding-top:var(--35px); */
/*  background-color:orange; */
}


.medal-slide{
  padding:var(--22px);              /* внутренний паддинг каждого слайда = регулировка ширины/высоты изображения */
}

.medal-button-prev{ /* hide */
  top:155px;
  left:-60px;
}

.medal-button-next{ /* hide */
  top:155px;
  right:-60px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.news-slider-container{
  max-width: var(--1170px);
/*  max-width: 1350px; */
  position: relative;
  margin: 0 auto;
}


.news-slide{
  display: flex;
  justify-content: center;
}


.news-button-prev{
  top:var(--210px);
  left:-53px;
}

.news-button-next{
  top:var(--210px);
  right:-53px;
}

.news-allNews-button-wrapper{
  display:flex;
  justify-content:center;
  align-items: center;
  margin:var(--50px) 0 0 0;
}


.news-allNews-button{
  padding: var(--15px) var(--70px);
  font-size: var(--16px);
  font-family:Ubuntu-Regular!important;
}


/*--------------------------------------------------------------------------------------------------------------------------*/

.gallery-slider-container{
/*  max-width: 1490px; */
  max-width: var(--1280px);
  position: relative;
  margin: 0 auto;
}

.gallery-swiper-container{
/*   padding-bottom: 90px;  !!! вынесение кнопок пагинации вниз - благодоря этому отступу */
}



.gallery-slide{
  padding:var(--12px);               /* внутренний паддинг каждого слайда = регулировка ширины/высоты изображения */
}



.gallery-navigation-container{
  display:flex;
 justify-content:center;
 align-items:center;
  position:relative;
/*  margin-top:var(--35px); */
}


.gallery-pagination{
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */
 position:static;
}

.gallery-button-prev{
 position:static;
 margin-top:0px;
 margin-right:var(--45px);
}

.gallery-button-next{
 position:static;
 margin-top:0px;
 margin-left:var(--45px);
}

/*--------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 769px) { /* (если страницу открыли на устройстве с дисплеем, ширина которого находиться в диапазоне от 0px до 769px, то должны выполниться указанные правила) */

 /* sliders-styles.css */

 .banner-info-buttons-wrapper{
  flex-direction:column;
 }

 .banner-info-header{
  letter-spacing:0px;
 }


 .banner-info-header h1{ /* ### */
   font-size:32px;
 }

 .banner-info-text{ /* ### */

   width:100%;
   padding:0 20px;
 }

 .banner-info-text p{ /* ### */
   font-size:16px;
/*   padding:var(--32px) 0 var(--48px) 0; */
   padding:10px 0;

 }

 .banner-info-button-wrapper{ /* ### */
/*   width:270px; */
/*   width:60%; */
/*   height:50px; */

   width:220px;
   height:45px;
   margin:20px 0 0 0;
 }

 .banner-info-button-wrapper:first-child{ /* ### */
  margin-top:10px;
 }


 .banner-info-button-wrapper a{ /* ### */
  font-size:13px;
 }

}