/*.slider img     {max-width:100%; height:auto; display:block;}*/
.tns-outer img  {max-width:100%; height:auto; display:block;}
.tns-outer svg  {display:block;}
.tns-outer      {position: relative; z-index:1;}
.tns-nav {
    text-align: center;
    margin: 0;
    width:100%;
    position: absolute; bottom: -24px; z-index: 2;
}
.tns-controls {
  text-align: center;
  margin: 0;
  outline:none;
  width:100%; height:0;
  position: absolute; top: calc(50% - 25px); z-index: 2;
}
.tns-controls button                        {position: absolute; z-index:3;}
.tns-controls button[data-controls="prev"]  {left:0;}
.tns-controls button[data-controls="next"]  {right:0;}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   NEX PREV
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tns-controls [aria-controls] {
    font-size: 15px;
    margin: 0; padding: 0;
    width:50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
    color: #FFF;
    border: 0;
}

.tns-controls button:hover  {background:#B9AB9B;}
.tns-controls svg           {width:50px; height:50px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   DOTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tns-nav {}

.tns-nav > [aria-controls] {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #999;
    border: 0;
}
.tns-nav button:hover       {background:#B9AB9B;}
.tns-nav > .tns-nav-active  {background: #AE6502;}