/* Reset */

div{margin:0;border:0;}


/* Showcase
-------------*/

#awOnePageButton .view-slide
{
  display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
  height: 500px; /* Same as showcase javascript option */
  overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
  /**/
}

/* Container when content is shown in slider */

.showcase-slide
{display:inline-block; scroll-snap-align:start; transition: left 0s 0.75s; background-size: cover;
}

.showcase
{
  position: relative;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  border-style:solid;
  border-width:15px; 
  border-color:#fff;
  -moz-box-shadow: 2px 2px 3px #808080;
  -webkit-box-shadow: 2px 2px 3px #808080;
  box-shadow: 2px 2px 3px #808080;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#808080')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#808080');
}

  .showcase-content-container
  {
  background-color: #000;
  }
  
  /* Navigation arrows */
  .showcase-arrow-previous, .showcase-arrow-next
  {
    position: absolute;
    background: url('/images/arrows.png');
    width: 33px;
    height: 33px;
    top: 180px;
    cursor: pointer;
  }

/*@media screen and (orientation: portrait) {.showcase-arrow-previous, .showcase-arrow-next {display: none;}} */
  
  .showcase-arrow-previous
  {
    left: -56px;
  }
  
  .showcase-arrow-previous:hover
  {
    background-position: 0px -34px;
  }
  
  .showcase-arrow-next
  {
    right: -56px;
    background-position: -34px 0;
  }
  
  .showcase-arrow-next:hover
  {
    background-position: -34px -34px;
  }
  
  /* Content */
  .showcase-content
  {
    background-color: #000;
    text-align: center;
  }
    
    .showcase-content-wrapper
    {
      text-align: center;
      height: 450px;
      width: 700px;
      display: table-cell;
      vertical-align: middle;
      
    }
    
    /* Styling the tooltips, edited the image, needs a real plus symbol image*/ 
    .showcase-plus-anchor
    {
      /*background-image: url('/images/white-opacity-60.png');*/
      background-repeat: no-repeat;
    }
    
    .showcase-plus-anchor:hover
    {
      background-position: -32px 0;
    }
    
    div.showcase-tooltip
    {
      background-color: #fff;
      color: #000;
      text-align: left;
      padding: 5px 8px;
      /*background-image: url('/images/white-opacity-60.png');*/
    }
    
    /* Styling the caption */
    .showcase-caption
    {
      color: #000;
      padding: 8px 15px;
      text-align: left;
      position: absolute;
      bottom: 10px; left: 10px; right: 10px;
      display: none;
      /*background-image: url('/images/white-opacity-60.png');*/
    }
    
  .showcase-onepage .showcase-content
  {
    margin-bottom: 10px;
  }
  
  /* Button Wrapper */
  .showcase-button-wrapper
  {
    clear: both;
    margin-top: 10px;
    text-align: center;
  }
  
    .showcase-button-wrapper span
    {
      margin-right: 3px;
      padding: 2px 5px 0px 5px;
      cursor: pointer;
      font-size: 12px;
      color: #444444;
    }
  
    .showcase-button-wrapper span.active
    {
      color: #fff;
    }
  
  /* Thumbnails */
  .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
  {
    background-color: #000;
    width:140px;
  }
  
  .showcase-thumbnail-wrapper
  {
  overflow: hidden;
  }
    
    .showcase-thumbnail
{
      width:140px;
  height:65px;
      cursor:pointer;
      border:solid 1px #333;
  position:relative;
  text-decoration:none;
  padding:0px 0px 0px 0px;
opacity: 0.7; filter: alpha(opacity = 70); zoom: 1;

    }
    
      .showcase-thumbnail-caption
{
  position:absolute;
font-family:'Quicksand';
  bottom:0px;
 padding-left:0px;
  font-weight:bold;
  color:#fff;
width:140px;
  text-align:center;
      }
      
      .showcase-thumbnail-content
      {
        padding: 0px;
        padding-top: 0px;
      }
      
      .showcase-thumbnail-cover
      {
        /*background-image: url('/images/black-opacity-60.png');*/
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
      }
    
    .showcase-thumbnail:hover
    {
  border: solid 1px #999;
opacity:1; filter: alpha(opacity = 100); zoom: 1;
    }
    
      .showcase-thumbnail:hover .showcase-thumbnail-cover
      {
        display: none;
      }
    
    .showcase-thumbnail.active
    {
  border: solid 1px #999;
opacity:1; filter: alpha(opacity = 100); zoom: 1;
    }
    
      .showcase-thumbnail.active .showcase-thumbnail-cover
      {
        display: none;
      }
  
  .showcase-thumbnail-wrapper-horizontal
  {
    padding:0px;
  }
  
    .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
    {
      margin-right:0px;
      width: 140px;
    }
  
  .showcase-thumbnail-wrapper-vertical
  {
    padding:0px;
  }
  
    .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
    {
      margin:0px;
    }
    
  .showcase-thumbnail-button-backward,
  .showcase-thumbnail-button-forward
{
    display:none;
    padding:0px;
    cursor: pointer;
  }
  
  .showcase-thumbnail-button-backward
  {
    padding-bottom: 0px;
    padding-right: 0px;
  }
  
    .showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
    .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
    {
      background-image: url('/images/arrows-small.png');
      background-repeat: no-repeat;
      display: block;
      width: 0px;
      height: 0px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-vertical
    {
      background-position: 0 -51px;
      margin-left: 55px;
    }
    .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
    {
      background-position: -17px -51px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
    {
      background-position: 0 -34px;
      margin-left: 55px;
    }
    .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
    {
      background-position: -17px -34px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
    {
      background-position: 0 -17px;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
    {
      background-position: -17px -17px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
    {
      background-position: 0 0;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
    {
      background-position: -17px 0;
    }
    
    /* Hide button text */
    .showcase-thumbnail-button-forward span span,
    .showcase-thumbnail-button-backward span span
    {
      display: none;
    }
  


/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  float: none;
}