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



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

/*
	Theme controls how everything looks in Gallery CSS.
*/
.slidery {
  position: relative;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: repeat-x;
}
.slidery .item {
  background-image: url('/img/slide/tlo_spod_min.jpg') ;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.slidery .controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.slidery .control-button {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  transition: color .1s;
}

@media (max-width: 1024px) {
  
    .slidery .item h1,  .slidery .item h3,  .slidery .item p {
      margin-top: -14px;    }
      
    .col-video {position: absolute; top: 20px}
  .slidery .item .btn { letter-spacing: 1px; font-size: 15px; margin-top: 1px; padding: 12px 12px 12px 12px; }

  .slidery .item h1, .slidery .item h3 {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF)";
    padding: 10px 10px 20px 10px;

  }}