@charset "utf-8";

@font-face {
  font-family: "Pointer"; 
  src: url('fonts/Pointer.ttf'); 
}

/* Устанавливаю на фон картинку */
.background_img{
	background: url(img/back.jpg);
	background-attachment: fixed;
    background-size: 150% 130%;
    background-repeat: no-repeat;
}

/* ЛОГОТИП + НАЗВАНИЕ  */

.vertical-align {
    display: flex;
    align-items: center;
}

.header{
	color: #d9d6d9;;
	font-size: 26px;
}

.header_logo{
	width: 305px;
    display: block;
}

/* Иконки разделов */
.img_Ico{
	width: 100px;
    filter: brightness(0) invert(80%);
}
.img_Ico:hover{
  filter: brightness(1) invert(0%);
}

.reference_to_map{
	color: white;
}

.reference_to_map:hover{
	color: white;
}

/* ЭФЕКТ ПОДЧЕРКИВАНИЯ ССЫЛКИ */
a.reference_to_section {
    display: inline-block;
    color: white;
    line-height: 1;
    text-decoration:none;
    cursor: pointer;
    position:relative;
}
a.reference_to_section:after {
    background-color: white;
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    left:50%;
    position:absolute;
    -webkit-transition: width .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz--transition: width .3s ease-in-out;
	transition: width .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
a.reference_to_section:hover:after,
a.reference_to_section:focus:after {
    width: 100%;
}
/* КОНЕЦ ЭФЕКТ ПОДЧЕРКИВАНИЯ ССЫЛКИ*/

.my_h5{
	margin-bottom:0;
	font-weight: 650;
}

p.explanation {
    color: white;
    font-size: 1.05rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-bottom: 1rem;
}


/* КАРУСЕЛЬ НОВОСТИ */
.img-carousel {
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
}

.carousel-inner:hover .img-carousel{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.carousel-inner:hover .minimize_font_size{
  transition: .5s;
  color: white;
}

.image_carousel_background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%);
}

.referens-to-news:hover{
  text-decoration: none;
}

.minimize_font_size{
  color:  #bbbbbb;
  transition: .5s;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 30px;
    height: 30px;
}

/* Анимация при наведении на стрелочку назад */
@keyframes carousel-icon-prev {
  50% {
    -webkit-transform: translateX(-11px);
    transform: translateX(-11px);
  }
}

.carousel-control-prev:active .carousel-control-prev-icon{
	-webkit-animation: carousel-icon-prev 0.6s ease;
	animation: carousel-icon-prev 0.1s ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Анимация при наведении на стрелочку вперед */
@keyframes carousel-icon-next {
  50% {
    -webkit-transform: translateX(11px);
    transform: translateX(11px);
  }
}

.carousel-control-next:active .carousel-control-next-icon{
	-webkit-animation: carousel-icon-next 0.6s ease;
	animation: carousel-icon-next 0.1s ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* ЦЕЛИ И ЗАДАЧИ */

.purpose-and-objective{
    color: white; 
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 300;
}

.my_h2{
  color: white;
}

.My-hr-style{
	border-top: 1px 
	solid rgba(0, 0, 0, 0.18); 
	width: 30%;
}

/* Виды деятельности*/
.type-activity{
	color: white; 
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 300;
	list-style: none;
}

.type-activity li {
  background: url(img/Star_Spartak.png) no-repeat left center;
  padding-left: 35px;
  margin-top: 20px;
}



@media (max-width: 767px) {
	.gladiator{
		display: none;
	}
    .purpose-and-objective{
        text-align: center;
    }
    .type-activity{
        padding: 0px;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
      width: 25px;
      height: 25px;
    }

}

@media (max-width: 991px) {
	.text_align_referense_to_section{
		text-align: center;
	}
	p.explanation{
		text-align: center;	
	}
	.img_Ico{
		float: none;
	}
	.minimize_font_size{
		font-size: 1rem;
	}
      .div-kombinat{
      margin-bottom: 10px;
    }
}


.container-fluid.video {
    height: 100vh;
    min-height: 510px;
    background: #f7f7f7;
}

.outer {
    height: 80%;
}

.header-video {
    font-size: 48px;
    font-family: 'Pointer';
    color: #b7b7b7;
    letter-spacing: 2px;
    margin: 0;
    padding: 20px 0px;
}

/*при разрешении экрана меньше 576 */
@media (max-width: 576px) {
	.header{
		text-align: center;
	}
  
  .header-video {
    font-size: 34px;
  }
}

/* Изменяю вид полосы прокрутки */
::-webkit-scrollbar { width: 5px; height: 3px; cursor: }
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px; transition: .3s;}
::-webkit-scrollbar-thumb:hover{ background-color: #da251c; transition: .3s;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}