/**
 * @file
 * Misc styles
 *
 */

/**
 * TNS slider
 */
 .tns-outer {
   position: relative;
 }
 .tns-inner img {
  max-width: inherit;
  height: inherit;
  width: 100%;
  height: 400px;
  object-fit: cover;
}
  /* #tns1-item0 img {
    object-position: right;
  } */
 .tns-controls,
 .tns-nav {
   text-align: center;
   position: absolute;
   bottom: 15%;
   width: 100%;
   display: flex;
  }
  .tns-controls {
    justify-content: space-around;    
  }
.tns-nav {
  bottom: calc(15% + 13px);
  justify-content: center;
}
.tns-controls button {
  position: relative;
  background: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
}
.tns-controls button::after {
  content:'';
  position: absolute;
  display: inline-block;
  width: 9px;
  height: 20px;
  background-size: 100%;
}
.tns-controls button:nth-child(1)::after {
  background: url(../images/arrow-left.png) no-repeat;
  top: 12px;
  left: 15px;
}
.tns-controls button:nth-child(2)::after {
  background: url(../images/arrow-right.png) no-repeat;
  top: 12px;
  left: 18px;
}
.tns-nav button {
  display: inline-block;
  margin: 0 6px;
  height: 12px;
  width: 12px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  border: none;
  z-index: 10;
}
.tns-nav button.tns-nav-active {
  background: white;
}
@media all and (min-width: 1000px) {
  .tns-inner img {
    max-width: 100%;
    height: 600px;
   }
}