#qmainslider .gallery .control-operator:target ~ .controls .control-button {
  color:#ccc;
  color:rgba(255, 255, 255, 0.4);
}

#qmainslider .gallery .control-button:first-of-type, #qmainslider .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), #qmainslider .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), #qmainslider .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), #qmainslider .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), #qmainslider .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
  color:white;
  color:rgba(255, 255, 255, 0.8);
}

#qmainslider .gallery .item:first-of-type {
  position:static;
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .item {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:0;
  -webkit-transition:opacity .5s;
  -o-transition:opacity .5s;
  transition:opacity .5s;
}

#qmainslider .gallery .control-operator {
  display:none;
}

#qmainslider .gallery .control-operator:target ~ .item {
  pointer-events:none;
  opacity:0;
  -webkit-animation:none;
  -o-animation:none;
  animation:none;
}

#qmainslider .gallery .control-operator:target ~ .controls .control-button {
  -webkit-animation:none;
  -o-animation:none;
  animation:none;
}

@keyframes controlAnimation-2 {
  0% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
  14.3%, 50% {
    color:white;
    color:rgba(255, 255, 255, 0.8);
  }
  64.3%, 100% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
}

@keyframes galleryAnimation-2 {
  0% {
    opacity:0;
  }
  14.3%, 50% {
    opacity:1;
  }
  64.3%, 100% {
    opacity:0;
  }
}

#qmainslider .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events:auto;
  opacity:1;
}

.items-2.autoplay .control-button {
  -webkit-animation:controlAnimation-2 14s infinite;
  -o-animation:controlAnimation-2 14s infinite;
  animation:controlAnimation-2 14s infinite;
}

.items-2.autoplay .item {
  -webkit-animation:galleryAnimation-2 14s infinite;
  -o-animation:galleryAnimation-2 14s infinite;
  animation:galleryAnimation-2 14s infinite;
}

.items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) {
  -webkit-animation-delay:-2s;
  -o-animation-delay:-2s;
  animation-delay:-2s;
}

.items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) {
  -webkit-animation-delay:5s;
  -o-animation-delay:5s;
  animation-delay:5s;
}

@keyframes controlAnimation-3 {
  0% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
  9.5%, 33.3% {
    color:white;
    color:rgba(255, 255, 255, 0.8);
  }
  42.9%, 100% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
}

@keyframes galleryAnimation-3 {
  0% {
    opacity:0;
  }
  9.5%, 33.3% {
    opacity:1;
  }
  42.9%, 100% {
    opacity:0;
  }
}

#qmainslider .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events:auto;
  opacity:1;
}

.items-3.autoplay .control-button {
  -webkit-animation:controlAnimation-3 21s infinite;
  -o-animation:controlAnimation-3 21s infinite;
  animation:controlAnimation-3 21s infinite;
}

.items-3.autoplay .item {
  -webkit-animation:galleryAnimation-3 21s infinite;
  -o-animation:galleryAnimation-3 21s infinite;
  animation:galleryAnimation-3 21s infinite;
}

.items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) {
  -webkit-animation-delay:-2s;
  -o-animation-delay:-2s;
  animation-delay:-2s;
}

.items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) {
  -webkit-animation-delay:5s;
  -o-animation-delay:5s;
  animation-delay:5s;
}

.items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) {
  -webkit-animation-delay:12s;
  -o-animation-delay:12s;
  animation-delay:12s;
}

@keyframes controlAnimation-4 {
  0% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
  7.1%, 25% {
    color:white;
    color:rgba(255, 255, 255, 0.8);
  }
  32.1%, 100% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
}

@keyframes galleryAnimation-4 {
  0% {
    opacity:0;
  }
  7.1%, 25% {
    opacity:1;
  }
  32.1%, 100% {
    opacity:0;
  }
}

#qmainslider .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events:auto;
  opacity:1;
}

.items-4.autoplay .control-button {
  -webkit-animation:controlAnimation-4 28s infinite;
  -o-animation:controlAnimation-4 28s infinite;
  animation:controlAnimation-4 28s infinite;
}

.items-4.autoplay .item {
  -webkit-animation:galleryAnimation-4 28s infinite;
  -o-animation:galleryAnimation-4 28s infinite;
  animation:galleryAnimation-4 28s infinite;
}

.items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) {
  -webkit-animation-delay:-2s;
  -o-animation-delay:-2s;
  animation-delay:-2s;
}

.items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) {
  -webkit-animation-delay:5s;
  -o-animation-delay:5s;
  animation-delay:5s;
}

.items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) {
  -webkit-animation-delay:12s;
  -o-animation-delay:12s;
  animation-delay:12s;
}

.items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) {
  -webkit-animation-delay:19s;
  -o-animation-delay:19s;
  animation-delay:19s;
}

@keyframes controlAnimation-5 {
  0% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
  5.7%, 20% {
    color:white;
    color:rgba(255, 255, 255, 0.8);
  }
  25.7%, 100% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
}

@keyframes galleryAnimation-5 {
  0% {
    opacity:0;
  }
  5.7%, 20% {
    opacity:1;
  }
  25.7%, 100% {
    opacity:0;
  }
}

#qmainslider .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events:auto;
  opacity:1;
}

.items-5.autoplay .control-button {
  -webkit-animation:controlAnimation-5 35s infinite;
  -o-animation:controlAnimation-5 35s infinite;
  animation:controlAnimation-5 35s infinite;
}

.items-5.autoplay .item {
  -webkit-animation:galleryAnimation-5 35s infinite;
  -o-animation:galleryAnimation-5 35s infinite;
  animation:galleryAnimation-5 35s infinite;
}

.items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) {
  -webkit-animation-delay:-2s;
  -o-animation-delay:-2s;
  animation-delay:-2s;
}

.items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) {
  -webkit-animation-delay:5s;
  -o-animation-delay:5s;
  animation-delay:5s;
}

.items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) {
  -webkit-animation-delay:12s;
  -o-animation-delay:12s;
  animation-delay:12s;
}

.items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) {
  -webkit-animation-delay:19s;
  -o-animation-delay:19s;
  animation-delay:19s;
}

.items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) {
  -webkit-animation-delay:26s;
  -o-animation-delay:26s;
  animation-delay:26s;
}

#qmainslider .gallery .control-button {
  color:#ccc;
  color:rgba(255, 255, 255, 0.4);
}

#qmainslider .gallery .control-button:hover {
  color:white;
  color:rgba(255, 255, 255, 0.8);
}

@keyframes controlAnimation-6 {
  0% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
  5.7%, 20% {
    color:white;
    color:rgba(255, 255, 255, 0.8);
  }
  25.7%, 100% {
    color:#ccc;
    color:rgba(255, 255, 255, 0.4);
  }
}

@keyframes galleryAnimation-6 {
  0% {
    opacity:0;
  }
  5.7%, 20% {
    opacity:1;
  }
  25.7%, 100% {
    opacity:0;
  }
}

#qmainslider .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events:auto;
  opacity:1;
}

#qmainslider .gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
  pointer-events:auto;
  opacity:1;
}

.items-5.autoplay .control-button {
  -webkit-animation:controlAnimation-5 35s infinite;
  -o-animation:controlAnimation-5 35s infinite;
  animation:controlAnimation-5 35s infinite;
}

.items-5.autoplay .item {
  -webkit-animation:galleryAnimation-5 35s infinite;
  -o-animation:galleryAnimation-5 35s infinite;
  animation:galleryAnimation-5 35s infinite;
}

.items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) {
  -webkit-animation-delay:-2s;
  -o-animation-delay:-2s;
  animation-delay:-2s;
}

.items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) {
  -webkit-animation-delay:5s;
  -o-animation-delay:5s;
  animation-delay:5s;
}

.items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) {
  -webkit-animation-delay:12s;
  -o-animation-delay:12s;
  animation-delay:12s;
}

.items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) {
  -webkit-animation-delay:19s;
  -o-animation-delay:19s;
  animation-delay:19s;
}

.items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) {
  -webkit-animation-delay:26s;
  -o-animation-delay:26s;
  animation-delay:26s;
}

.items-5 .control-button:nth-of-type(6), .items-5 .item:nth-of-type(6) {
  -webkit-animation-delay:33s;
  -o-animation-delay:33s;
  animation-delay:33s;
}

#qmainslider .gallery .control-button {
  color:#ccc;
  color:rgba(255, 255, 255, 0.4);
}

#qmainslider .gallery .control-button:hover {
  color:white;
  color:rgba(255, 255, 255, 0.8);
}

@media (max-width:767px) {
  #qmainslider .gallery {
    position:relative;
    height:250px;
  }
}

#qmainslider .gallery .item {
  height:400px;
  overflow:hidden;
  text-align:center;
}

#qmainslider .gallery .controls {
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
}

#qmainslider .gallery .control-button {
  display:inline-block;
  margin:0 .02em;
  font-size:3em;
  text-align:center;
  text-decoration:none;
  -webkit-transition:color .1s;
  -o-transition:color .1s;
  transition:color .1s;
}

#qmainslider .btn {
  width:80%;
  font-size:17px;
}

#qmainslider .gallery figure .img-responsive#qiara2 {
  width:60%;
}

@media (max-width:1199px) {
  #qmainslider .gallery figure .img-responsive#qiara2 {
    width:70%;
  }
}

@media (max-width:991px) {
  #qmainslider .gallery figure .img-responsive#qiara2 {
    width:90%;
  }
}

@media (max-width:767px) {
  #qmainslider .gallery figure .img-responsive#qiara2 {
    width:100%;
  }
}