@media (min-width: 768px){


.no-webp .main-script {
  background: url(../images/slideshow/main-img.png) top center / cover no-repeat;
}

.webp .main-script {
  background: url(../images/slideshow/main-img.webp) top center / cover no-repeat;
}

  .main-script{
    position:relative;
    width: 100%; 
    height: 415px;
  }

  .no-webp .main-script__par {
    background-image: url(../images/slideshow/par.png);
  }
  
  .webp .main-script__par {
    background-image: url(../images/slideshow/par.webp);
  }


  .main-script__par {
    animation: par-loop 50s infinite linear;
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 301px;
  }
}

@media (max-width: 768px){
  .main-script{
    display: none;
  }

  .main-script__par {
    display: none;
  }
}


@keyframes par-loop {
  to {
    background-position: -1000px 0;
  }
}

.main-slider{ 
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 340px;
}

.views-slideshow-cycle-main-frame{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1200px){
  .views-slideshow-cycle-main-frame{
    width: 1100px;
  }
}

@media (max-width: 1200px){
  .views-slideshow-cycle-main-frame{
    width: 950px;
  }
}

@media (max-width: 991.98px){
  .views-slideshow-cycle-main-frame{
    width: 650px;
  }
}

.main-slider .views-field-body{
  text-align: center;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 30px;
  text-shadow: 0px 1px 5px rgba(30, 30, 30, 1);
}

.views-slideshow-pager-fields{
  padding: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}

.views-slideshow-pager-field-item div{
  display: inline-block;
  width: 20px;
  text-align: center;
}

.views-field-counter a{
  text-decoration: none;
}

.views-field-counter {
  background: url(../images/slideshow/active.png) no-repeat;
  background-position: 0 -15px;
  height: 15px;
  width: 15px;
  cursor: pointer;
}

.active .views-field-counter {
  background: url(../images/slideshow/active.png) no-repeat;;
  background-position: 0 0;
}