@import url('variables.css');



.background-darck {
  background: var(--background-darck);; /* Градієнтний фон */
}

/* слайдер новин */
section.awSlider .carousel{
  display:table;
  z-index:2;
  -moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 15px rgba(1,1,1,.5);
}

section.awSlider{
  margin:30px auto;
  padding:30px;
  position:relative;
  display:table;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

section.awSlider:hover > img{
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity:1;
}

section.awSlider img{
   pointer-events: none;
}

section.awSlider > img{
  position:absolute;
  top:30px;
  z-index:1;
  transition:all .3s;
  filter: blur(1.8vw);
  -webkit-filter: blur(2vw);
  -moz-filter: blur(2vw); 
  -o-filter: blur(2vw); 
  -ms-filter: blur(2vw);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:.3;
}
/* end слайдер новин*/



.carousel-inner img{
    max-height: 300px;
    opacity: 0.5;
}

.carousel-inner .item{
    padding: 10px;
    height: 320px;
    background: rgba(255, 255, 255);
}


.carousel-caption h3, 
.carousel-caption h2,
.carousel-caption ul {
    color: #000;
    text-shadow: white 0 0 5px;
    font-weight: bold;
}

.carousel-caption ul {
    list-style: none;
    padding: 0;
    text-align: start;
    font-size: 20px;
}

.ad-rgt h2,
.ad-rgt h3, 
.ad-rgt ul {
  list-style-type: none;
  text-align: right;
}

.ad-rgt img{
  margin-right: auto;
}

.ad-left h2,
.ad-left h3,
.ad-left ul {
  list-style-type: none;
  text-align: left;
 
}

.ad-left img{
  margin-left: auto;
}



/* Колір неактивних точок */
.carousel-indicators li {
  background-color: #888;         /* сірий */
  box-shadow: 0 0 5px #000;      /* чорна тінь */
  border: 1px solid #444;        /* темна рамка */
}

/* Колір активної точки */
.carousel-indicators .active {
  background-color: #009dec;     /* червоний */
  box-shadow: 0 0 8px #009dec;   /* червона тінь */
  border: 1px solid #009dec;
}
 

/* Стилізація стрілок перемотки */
.carousel-control.left,
.carousel-control.right {
  background: none; /* прибрати затемнення фону */
  text-shadow: 0 0 8px #009dec;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  text-shadow: 0 0 8px #009dec;
  font-size: 40px;
}

.carousel-control:hover,
.carousel-control:focus {
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 12px #009dec, 0 0 20px #009dec;
  opacity: 1;
}

@media screen and (max-width: 1040px) {
  
.carousel-caption h2 {
    font-size: 18px;
  }
.carousel-caption h3 {
  font-size: 16px;
} 
.carousel-caption ul {
  font-size: 12px;
}
  
}